/* Botanical work journal: shared visual language, with a dedicated phone shell. */
:root{--pine:#173f34;--ink:#24483b;--paper:#f7f6ef;--sage:#e8eddd;--lime:#d5e7a1;--clay:#af754f;--border:#dfe4d5;--muted:#6c7b65;color-scheme:light}
body{color:var(--ink);background:var(--paper);font-size:15px;line-height:1.6}
::selection{background:var(--lime);color:var(--pine)}
.sidebar{background:#f5f6ed;border-right:1px solid var(--border)}
.brand strong{letter-spacing:-1.1px}.brand small{color:#66785f}
.nav button{min-height:44px;font-size:13px;border-radius:12px}.nav button.active{background:var(--pine);color:#f6f8e8;box-shadow:0 3px 8px #173f340d}.nav button.active svg{stroke:#d7e6b9}.nav .count{background:#dcebbd;color:#264633}
.nav-label{color:#718267}.side-note{border-radius:18px 18px 34px 18px;background:#e8eecf;border-color:#dbe4c8;color:#526b4a}.side-note strong{color:#355b3b}.side-user strong{font-size:13px}.side-user small{font-size:11px;color:#68775f}
.topbar{background:#fbfbf5cc;backdrop-filter:blur(12px);border-color:var(--border)}.breadcrumb{color:#6e7e67;font-size:13px}.breadcrumb b{color:var(--ink)}.top-search{border-radius:999px;font-size:12px;background:#fff}.avatar{background:#e7eacb;color:var(--pine)}
.main{padding-top:30px}.page-head{margin-bottom:24px}.page-head h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:34px;letter-spacing:-1.2px;line-height:1.2}.page-head p{font-size:13px;color:var(--muted)}.eyebrow{color:#6d815c;letter-spacing:1.8px}
.btn{border-radius:10px;min-height:42px;font-size:12px;padding:10px 16px;background:var(--pine);border-color:var(--pine)}.btn.secondary{background:#fffef8;border-color:#d9e1ce;color:#42613e}.btn.small{min-height:36px;font-size:11px}.icon-button{min-width:40px;min-height:40px;border-radius:10px}.text-button{font-size:12px;min-height:36px}.btn:focus-visible,.nav button:focus-visible{outline-color:#afc971}
.hero{border:1px solid #dae3ca;border-radius:22px 22px 50px 22px;background:#e8eddb;grid-template-columns:minmax(0,1fr) 40%;min-height:224px}.hero-content{padding:30px 32px;position:relative;z-index:1}.hero h2{font-size:35px;line-height:1.12;letter-spacing:-1px;color:#284e39;margin:10px 0}.hero p{font-size:13px;line-height:1.65;color:#627558}.hero-tag{font-size:11px;padding:5px 10px;background:#f6f7e9aa;border-color:#d4dfbf}.hero-image{background:#e8eddb url('/botanical-garden.svg') center 47%/cover}.hero-image:before{background:linear-gradient(90deg,#e8eddb,transparent 30%)}
.stats{gap:16px}.stat{border-radius:17px;border-color:var(--border);background:#fffef9;position:relative;min-height:132px;padding:19px 20px}.stat:before{content:'';position:absolute;left:0;top:25px;height:32px;width:3px;background:#b3c789;border-radius:0 4px 4px 0}.stat-top{font-size:12px;color:#64775a}.stat-icon{background:#eef2de;border-radius:11px;width:33px;height:33px}.stat-value{font-size:34px;letter-spacing:-1.4px;font-weight:500}.stat-note{font-size:11px;color:#7c896f}
.panel,.card{border-color:var(--border);border-radius:17px;background:#fffefb;box-shadow:0 3px 12px #213f2b03}.panel-head{padding:19px 22px;border-color:#e9ecdf}.panel-head h2{font-size:15px;letter-spacing:-.2px}.panel-head p{font-size:12px;color:#7a8870}.panel-body{padding:22px}.card h3{font-size:17px}.card p{font-size:13px;color:#728366}
table{font-size:12px}th{font-size:10px;color:#6b7d60;background:#f5f7ed;padding-block:13px}td{padding-block:16px}td strong{font-size:13px}td small{font-size:11px;color:#7b896f}.site-icon{background:#edf1dc;border-radius:11px;width:36px;height:38px}.badge{font-size:10px;padding:4px 8px;border-radius:6px}.badge.amber{color:#8d672e}.badge.red{color:#9e5548}.subtext{font-size:12px;color:#738569}.notice{font-size:12px;border-radius:12px;line-height:1.75}.empty strong{font:25px/1.25 Georgia,serif;color:#355c3f}.empty p{font-size:13px;color:#728466;line-height:1.7}
.schedule-item{margin-bottom:22px}.schedule-time{font-size:10px;color:#7a8d68}.schedule-line h3{font-size:13px}.schedule-line p{font-size:11px;color:#75856a}.attention-item strong{font-size:13px}.attention-item p{font-size:11px;color:#78886b}.attention-item .square{border-radius:10px}.task-row strong{font-size:14px}.task-row p{font-size:12px;color:#748568}.task-right small{font-size:11px;color:#77886b}.task-check{width:29px;height:29px;border-radius:9px}.task-check.done{background:#dfebc8;color:#4c6c35}.tabs{border-color:var(--border)}.tabs button{font-size:13px;min-height:45px;color:#718365}.tabs button.active{color:#244d37;border-color:#7e9b52}.search-input{min-height:44px;border-radius:11px}.search-input input{font-size:13px}.toolbar{flex-wrap:wrap}.kv{font-size:13px}.kv dt{color:#728467}.kv dd{color:#375d3e}.timeline strong{font-size:14px}.timeline p{font-size:12px;color:#75866c}.timeline small{font-size:11px;color:#7c896e}
.modal{border-radius:21px;background:#fffef8}.modal-header{padding:25px 28px 20px}.modal-header h2{font:29px/1.2 Georgia,serif;letter-spacing:-.7px}.modal-header p{font-size:12px;color:#75866b}.field label{font-size:12px;color:#536e47}.field input,.field select,.field textarea{font-size:14px;min-height:44px;border-radius:10px;border-color:#d5dfc9}.field small{font-size:11px;color:#728366;line-height:1.6}.form-footer{margin-top:24px}.form-error{font-size:12px}.inline-checkbox{min-height:44px}.inline-checkbox input{min-height:20px;accent-color:#436d41}.installation-fieldset{border-radius:13px;padding:18px}.installation-fieldset legend{font-size:14px}.installation-fieldset>p,.installation-fieldset>label:not(.inline-checkbox),.installation-fieldset>small{font-size:12px;color:#738568}.installation-fieldset>input,.installation-fieldset>select{font-size:14px;min-height:44px;border-radius:9px}.installation-fieldset .inline-checkbox{font-size:13px}
.installation-summary>div{border-radius:16px;background:#fffef8;padding:18px 20px}.installation-summary strong{font-size:28px}.installation-summary span{font-size:12px;color:#718267}.zone-tree-row{border-radius:11px;min-height:58px}.zone-tree-row strong{font-size:12px}.zone-tree-row small{font-size:11px;color:#728567}.zone-tree-row.selected{background:#e5edcf}.zone-detail .panel-head h2{font:24px/1.25 Georgia,serif}.zone-detail .panel-head p{font-size:12px;color:#75876a}.zone-breadcrumb{font-size:11px;color:#758969}.zone-detail .actions .btn{font-size:12px;min-height:42px}.zone-care-defaults span,.asset-schedules span{font-size:11px;color:#718667}.zone-care-defaults strong,.asset-schedules strong{font-size:13px}.zone-care-defaults small,.asset-schedules small{font-size:11px;color:#77876b}.zone-description,.zone-photo-header strong,.asset-notes{font-size:13px}.asset-type-label{font-size:9px;color:#6f8464}.asset-heading h3,.asset-title{font-size:16px}.asset-heading p{font-size:11px;color:#758969}.asset-quantity strong{font-size:23px}.asset-quantity span,.asset-owner,.asset-tag{font-size:11px}.asset-schedules{background:#f2f6e9;border-radius:11px;padding:15px}.asset-kind-icon{border-radius:11px}.settings-row{font-size:13px}.settings-row small{color:#748569;font-size:12px}.footer{font-size:10px;color:#7d8b70;gap:16px}
.employee-entry{background:#f7f6ef}.entry-story{background:#173f34}.entry-story:after{content:'';position:absolute;inset:auto -60px -70px auto;width:430px;height:330px;background:url('/botanical-garden.svg') center/cover;border-radius:50% 50% 0 0;opacity:.35;mix-blend-mode:screen;pointer-events:none;transform:rotate(-8deg)}.entry-copy{padding-block:65px 125px}.entry-copy h1{font-size:clamp(42px,4.2vw,66px);letter-spacing:-2px}.entry-copy .eyebrow{color:#d4e4ae}.entry-copy>p{color:#d5dfcb}.entry-plant{display:none}.entry-caption{color:#bfd19f;z-index:1}.entry-access{background:radial-gradient(ellipse at 100% 0,#e7ebd4,transparent 60%)}.entry-card h2{font:39px/1.15 Georgia,serif;letter-spacing:-1.4px;color:#254c38}.entry-description{font-size:14px;color:#6d7e63}.entry-secure{color:#657e50}.entry-domains strong{font-size:11px}.entry-domains p{font-size:12px;color:#748368}.employee-login-form .btn{border-radius:11px;font-size:14px;min-height:51px}.employee-login-form .field input{border-radius:11px;font-size:16px}.entry-actions .text-button{font-size:12px;min-height:44px}.entry-footer{color:#7c8b70;font-size:11px}
@media(min-width:761px){.panel,.card{transition:box-shadow .18s,border-color .18s}.card:hover{border-color:#bacb9f;box-shadow:0 8px 28px #254b3a0a}.hero{min-height:230px}.detail-grid,.dashboard-grid{gap:23px}}
@media(max-width:1100px) and (min-width:761px){.hero h2{font-size:30px}.hero-content{padding:25px}.stat-value{font-size:31px}.stat{padding:17px}.page-head h1{font-size:31px}}
@media(max-width:760px){.employee-entry{display:block}.entry-story{min-height:auto;padding:24px 24px 26px;border-radius:0 0 32px 0}.entry-copy{padding:25px 0 0;max-width:75%}.entry-copy h1{font-size:34px;letter-spacing:-1px;margin:12px 0}.entry-copy>p{font-size:13px;line-height:1.65}.entry-copy .eyebrow{font-size:9px;letter-spacing:1.3px}.entry-story:after{width:210px;height:230px;right:-75px;bottom:-50px;opacity:.55}.entry-promises,.entry-caption{display:none}.entry-brand strong{font-size:25px}.entry-brand small{font-size:9px}.entry-brand img{width:34px;height:38px}.entry-access{padding:27px 24px 26px;background:none}.entry-card h2{font-size:31px;margin:15px 0 10px}.entry-description{font-size:14px;margin-bottom:23px}.entry-secure{font-size:9px}.entry-footer{margin-top:26px}.entry-status{font-size:13px}.entry-domains{margin-top:24px}.entry-domains>span{font-size:13px}.employee-login-form .field label{font-size:13px}.employee-login-form .btn{min-height:52px}.entry-actions{gap:8px 16px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}