/* A field journal for phones. Desktop content, permissions and data remain shared. */
:root{--mobile-nav-height:76px}
.mobile-workspace{--mobile-pine:#173e35;--mobile-ink:#233d33;--mobile-muted:#63756a;--mobile-lime:#d4e68d;--mobile-paper:#faf9f2;color:var(--mobile-ink);background:var(--mobile-paper);min-height:100dvh}
.mobile-header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 20px;background:#faf9f2f5;position:sticky;top:0;z-index:30;border-bottom:1px solid #244c3320;backdrop-filter:blur(12px);padding-top:max(12px,env(safe-area-inset-top))}
.mobile-brand{display:flex;align-items:center;gap:7px;color:#173e35;text-decoration:none}.mobile-brand>span{font-size:28px;font-weight:650;letter-spacing:-1.6px;line-height:1}.mobile-brand small{display:block;font-size:7px;letter-spacing:2px;font-weight:700;margin-top:5px}.mobile-brand-dot{color:#8aa24c}.mobile-header-actions{display:flex;gap:6px;align-items:center}.mobile-account{width:42px;height:42px;border-radius:50%;background:#dce8c2;color:#28482f;font-weight:700;font-size:16px;border:1px solid #c4d3aa}.mobile-mode-note{background:#f3e9cc;padding:10px 20px;color:#70572f;font-size:11px;display:flex;justify-content:space-between;align-items:center;gap:10px}.mobile-mode-note button{min-height:32px;text-decoration:underline;font-weight:650}
.mobile-tabbar{position:fixed;z-index:70;bottom:0;left:0;right:0;height:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom));padding:7px 8px calc(7px + env(safe-area-inset-bottom));background:#fffef8f7;backdrop-filter:blur(14px);border-top:1px solid #dce2d4;display:flex;justify-content:space-around;box-shadow:0 -8px 25px #173e3507}.mobile-tabbar>button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;position:relative;min-width:52px;min-height:55px;flex:1;color:#6b796b;font-size:11px;border-radius:18px;max-width:96px}.mobile-tabbar svg{width:23px;height:23px;stroke-width:1.65}.mobile-tabbar>button.active{background:#e8efda;color:#1e493b;font-weight:700}.mobile-tab-count{position:absolute;top:2px;right:calc(50% - 24px);background:#b06a3a;color:white;border-radius:20px;font-size:8px;font-style:normal;padding:2px 4px;min-width:16px}.mobile-tabbar>button:focus-visible,.mobile-site-card:focus-visible,.mobile-client-card button:focus-visible{outline:3px solid #77933e;outline-offset:2px}
.mobile-main{max-width:760px;margin:0 auto;padding:20px 20px calc(var(--mobile-nav-height) + env(safe-area-inset-bottom) + 110px)!important;min-height:70vh;outline:none}.mobile-today-hero{background:#183e35;color:#fbf9ed;border-radius:28px 28px 70px 28px;padding:26px 25px;position:relative;overflow:hidden;isolation:isolate}.mobile-today-hero:before{content:"";position:absolute;right:-65px;top:-45px;width:210px;height:210px;border:1px solid #d4e68d26;border-radius:50%;z-index:-1}.mobile-today-hero:after{content:"";position:absolute;right:-32px;top:-15px;width:145px;height:145px;border:1px solid #d4e68d30;border-radius:50%;z-index:-1}.mobile-journal-date{font-size:8px;letter-spacing:1.6px;color:#c9d49e;display:flex;justify-content:space-between;align-items:center;gap:10px}.mobile-journal-date span{font-size:10px;letter-spacing:.3px;color:#d5ddc8}.mobile-today-hero h1{font:400 clamp(35px,9vw,50px)/1.08 Georgia,serif;letter-spacing:-1.5px;margin:26px 0 13px;position:relative;z-index:1}.mobile-today-hero h1 em{font-weight:400;color:#d4e68d}.mobile-today-hero p{font-size:12px;color:#d1dacb;line-height:1.7;position:relative;z-index:1}.mobile-hero-leaf{position:absolute;right:-17px;bottom:42px;transform:rotate(-18deg);opacity:.14;pointer-events:none}.mobile-hero-leaf svg{width:158px;height:190px;stroke-width:.8}.mobile-log-visit{background:#d4e68d!important;color:#173e35!important;display:flex;justify-content:flex-start;width:100%;margin-top:23px;border:0!important;min-height:48px!important;font-size:13px!important;border-radius:13px!important;padding:13px 15px!important;gap:10px!important}.mobile-log-visit svg:last-child{margin-left:auto}.mobile-day-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding:25px 0 21px;border-bottom:1px solid #dce2d4;margin-bottom:26px}.mobile-day-metrics>div{text-align:center;border-right:1px solid #dce2d4}.mobile-day-metrics>div:last-child{border:0}.mobile-day-metrics strong{display:block;font:400 31px/1 Georgia,serif;color:#234839}.mobile-day-metrics span{display:block;font-size:10px;margin-top:8px;color:#63756a}
.mobile-day-section{margin:25px 0}.mobile-section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:15px}.mobile-section-title .eyebrow{font-size:8px;letter-spacing:1.5px}.mobile-section-title h2{font:400 25px/1.15 Georgia,serif;margin:5px 0;color:#294c3a;letter-spacing:-.6px}.mobile-section-title .text-button{font-size:11px;min-height:44px;white-space:nowrap}.mobile-care-list{display:grid;gap:9px}.mobile-care-card{display:flex;align-items:center;gap:12px;background:#fffef9;border:1px solid #e2e6d8;border-radius:17px;padding:16px 12px}.mobile-care-card>div{flex:1;min-width:0}.mobile-care-symbol{width:39px;height:43px;flex-shrink:0;background:#ebf0df;color:#557448;border-radius:13px;display:grid;place-items:center}.mobile-care-symbol svg{width:20px;height:20px}.mobile-care-symbol.late{background:#f5e8d3;color:#966037}.mobile-care-date{font-size:9px;color:#947248}.mobile-care-card h3{font-size:13px;line-height:1.5;font-weight:650;margin:4px 0;overflow-wrap:anywhere}.mobile-care-card p{font-size:11px;color:#6b7c6b;margin:0;overflow-wrap:anywhere}.mobile-clear{padding:26px 20px;text-align:center;border:1px dashed #cdd7bb;background:#f3f5e9;border-radius:18px}.mobile-clear>span{display:inline-grid;place-items:center;background:#dce8c2;border-radius:50%;width:38px;height:38px;color:#49673b}.mobile-clear svg{width:18px;height:18px}.mobile-clear h3{font:400 22px Georgia,serif;margin:12px 0 8px}.mobile-clear p{font-size:12px;line-height:1.7;color:#697a63;margin:0}.mobile-workspace-tasks{min-height:44px;display:flex;align-items:center;justify-content:space-between;text-align:left;gap:10px;font-size:11px;color:#6b795e;width:100%;padding-top:12px}.mobile-workspace-tasks svg{width:17px;height:17px;flex-shrink:0}
.mobile-rooty-card{border:1px solid #e3d5b2;background:#f7efd8;display:flex;align-items:center;gap:10px;padding:14px 13px;border-radius:19px;width:100%;text-align:left}.mobile-rooty-card img{object-fit:cover;border-radius:50%;width:57px;height:57px;border:3px solid #fffbec}.mobile-rooty-card>span{flex:1;min-width:0}.mobile-rooty-card small{display:block;font-size:7px;letter-spacing:1.15px;color:#8e7245}.mobile-rooty-card strong{display:block;font:400 24px Georgia,serif;color:#3c533b;margin:4px 0}.mobile-rooty-card>span>span{display:block;font-size:10px;color:#7b735b;line-height:1.5}.mobile-rooty-card>svg{width:17px;height:17px;flex-shrink:0}
.mobile-site-cards,.mobile-client-cards{display:grid;gap:12px}.mobile-site-card{display:flex;gap:12px;align-items:center;text-align:left;width:100%;padding:18px 14px;background:#fffef9;border:1px solid #dfe5d4;border-radius:20px;color:#294731;min-width:0}.mobile-site-art{flex-shrink:0;width:48px;height:64px;border-radius:30px 30px 12px 12px;background:#e6edd8;display:grid;place-items:center;color:#63814b}.mobile-site-art svg{width:32px;height:43px;stroke-width:1.1}.mobile-site-card:nth-child(3n+2) .mobile-site-art{background:#f5e9d1;color:#9c7b43}.mobile-site-card:nth-child(3n+3) .mobile-site-art{background:#e0e9e3;color:#537a69}.mobile-site-copy{flex:1;min-width:0}.mobile-site-copy>small{display:block;color:#879073;font-size:9px;text-transform:uppercase;letter-spacing:.6px;margin-bottom:5px;overflow-wrap:anywhere}.mobile-site-copy>strong{display:block;font:400 19px/1.2 Georgia,serif;letter-spacing:-.4px;overflow-wrap:anywhere}.mobile-site-copy>span:not(.mobile-site-facts){display:block;font-size:10px;color:#7d8971;margin-top:5px;overflow-wrap:anywhere}.mobile-site-facts{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.mobile-site-facts b{font-size:8px;font-weight:500;color:#668050;background:#f0f4e7;border-radius:6px;padding:4px 6px}.mobile-site-facts .needs-care{color:#986239;background:#f7ead3}.mobile-site-card>svg{width:17px;height:17px;flex-shrink:0;color:#688357}.mobile-client-card{background:#fffef9;border:1px solid #dfe5d4;border-radius:20px;padding:22px}.mobile-client-card h3{font:400 24px Georgia,serif;margin:8px 0;color:#2d503a}.mobile-client-card>p{font-size:11px;color:#7a866f;margin:0;line-height:1.6;overflow-wrap:anywhere}.mobile-client-card dl{display:grid;grid-template-columns:110px 1fr;gap:11px;font-size:12px;margin:22px 0}.mobile-client-card dt{color:#78886a}.mobile-client-card dd{margin:0;overflow-wrap:anywhere}.mobile-client-card .btn{width:100%;justify-content:space-between}
.mobile-more-person strong{display:block;font:400 28px Georgia,serif;margin:9px 0;color:#234735;overflow-wrap:anywhere}.mobile-more-person p{font-size:11px;line-height:1.6;color:#77836c;overflow-wrap:anywhere}.mobile-more nav{display:grid;margin:22px 0}.mobile-more nav button{display:flex;align-items:center;gap:14px;text-align:left;min-height:55px;border-bottom:1px solid #e3e7db;padding:10px 6px;color:#49633d;font-size:13px}.mobile-more nav button>svg{width:20px;height:20px;flex-shrink:0}.mobile-more nav button>span{flex:1}.mobile-more nav button>svg:last-child{width:16px;height:16px}.mobile-more nav button[aria-current]{background:#eef2e5;font-weight:700;border-radius:10px;padding-inline:12px}.mobile-more>.btn{width:100%;justify-content:center}.mobile-signout{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;font-size:13px;color:#956044;min-height:50px;margin-top:10px}.mobile-signout svg{width:18px;height:18px}
@media(max-width:760px){
  html,body{max-width:100%;overflow-x:clip}body{background:#faf9f2}#app{min-width:0}.mobile-workspace .footer{display:none}.mobile-workspace .main>*{min-width:0}.mobile-main .page-head{display:block;margin:7px 0 24px}.mobile-main .page-head h1{font:400 32px/1.15 Georgia,serif;letter-spacing:-1px;max-width:100%;color:#254b36}.mobile-main .page-head p{max-width:100%;font-size:12px;line-height:1.7}.mobile-main .page-head .eyebrow{font-size:8px;letter-spacing:1.4px}.mobile-main .page-head .actions{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:9px;flex-wrap:wrap;margin-top:17px}.mobile-main .page-head .actions .btn{flex:1;justify-content:center}.mobile-main .btn,.modal-root .btn{font-size:12px}.mobile-main .panel{border-radius:18px;overflow:hidden;margin-bottom:18px;box-shadow:0 4px 14px #274a2f04}.mobile-main .panel-head{padding:19px 17px;gap:10px;flex-wrap:wrap;align-items:center}.mobile-main .panel-head h2{font:400 21px Georgia,serif;line-height:1.2;color:#2e4f38}.mobile-main .panel-head p{font-size:10px;line-height:1.6;margin-top:5px}.mobile-main .panel-body{padding:18px}.mobile-main .panel>.mobile-site-cards,.mobile-main .panel>.mobile-client-cards{padding:0 10px 10px;gap:10px}.mobile-main .toolbar{display:flex;flex-wrap:wrap;gap:12px}.mobile-main .search-input{width:100%;min-width:0;min-height:48px;border-radius:13px}.mobile-main .search-input input{font-size:16px;min-width:0;width:100%}.mobile-main .search-input svg{width:19px;height:19px}.mobile-main .tabs{width:100%;overflow-x:auto;flex-wrap:nowrap;white-space:nowrap;gap:6px;padding-bottom:7px;scrollbar-width:thin;margin-bottom:20px}.mobile-main .tabs button{font-size:12px;min-height:44px;padding:11px 13px;flex-shrink:0}.mobile-main .tabs.compact{display:flex;justify-content:space-between}.mobile-main .tabs.compact button{flex:1;font-size:11px;padding-inline:9px}.mobile-main .task-row{display:grid;grid-template-columns:44px minmax(0,1fr);gap:8px 12px;padding:18px 15px}.mobile-main .task-check{width:44px;height:44px;border-radius:13px;grid-row:1/3;align-self:start}.mobile-main .task-row strong{font-size:13px;line-height:1.5;overflow-wrap:anywhere}.mobile-main .task-row p{font-size:11px;line-height:1.6;overflow-wrap:anywhere}.mobile-main .task-right{grid-column:2;display:flex;gap:10px;align-items:center;justify-content:space-between;white-space:normal}.mobile-main .task-right small{font-size:11px}.mobile-main .task-right .badge{font-size:10px}.mobile-main .badge{font-size:10px;padding:5px 8px;line-height:1.4}.mobile-main .stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mobile-main .stat{padding:15px;min-width:0;border-radius:17px}.mobile-main .stat-top{font-size:11px}.mobile-main .stat-value{font-size:25px;overflow-wrap:anywhere}.mobile-main .stat-note{font-size:10px;line-height:1.6}.mobile-main .detail-grid{display:block}.mobile-main .kv{font-size:12px;grid-template-columns:100px minmax(0,1fr);line-height:1.7;gap:12px}.mobile-main .kv dd{overflow-wrap:anywhere}.mobile-main .timeline{font-size:12px}.mobile-main .timeline p{font-size:12px;line-height:1.7;overflow-wrap:anywhere}.mobile-main .settings-row{padding:18px 16px;flex-wrap:wrap;align-items:flex-start}.mobile-main .settings-row strong{font-size:13px}.mobile-main .settings-row small{font-size:11px;line-height:1.7}.mobile-main .settings-row>span{font-size:12px;overflow-wrap:anywhere;max-width:100%}.mobile-main .settings-row>.btn{width:100%;justify-content:center}.mobile-main .text-button{font-size:11px;min-height:44px}.mobile-main .notice{font-size:12px;line-height:1.7;border-radius:14px}.mobile-main .empty{padding:28px 20px}.mobile-main .empty strong{font:400 23px Georgia,serif}.mobile-main .empty p{font-size:12px;line-height:1.8}.mobile-main .table-wrap{overflow:visible}.mobile-main .mobile-record-table,.mobile-main .mobile-record-table tbody{display:block;width:100%;min-width:0}.mobile-main .mobile-record-table thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.mobile-main .mobile-record-table tr{display:block;border:1px solid #e1e6d8;border-radius:14px;margin:0 11px 12px;padding:7px 14px;background:#fffef9}.mobile-main .mobile-record-table td{display:grid;grid-template-columns:105px minmax(0,1fr);align-items:start;padding:10px 0;gap:10px;font-size:12px;line-height:1.6;white-space:normal;border:0;overflow-wrap:anywhere}.mobile-main .mobile-record-table td:before{content:attr(data-label);font-size:9px;letter-spacing:.3px;color:#8b967b;line-height:1.7}.mobile-main .mobile-record-table td[data-label=""]{display:flex;justify-content:flex-end;padding-top:0}.mobile-main .mobile-record-table td small{font-size:10px;line-height:1.7}.mobile-main .mobile-record-table td>strong{font-size:12px}.mobile-main .site-name{min-width:0}.mobile-main .site-name strong{font-size:12px}.mobile-main .site-name small{font-size:10px}.mobile-main .mobile-record-table .progress{display:none}.mobile-main .installation-layout{display:block}.mobile-main .zone-navigator{position:static}.mobile-main .zone-navigator nav{display:block;max-height:260px}.mobile-main .zone-tree-row{min-height:52px}.mobile-main .zone-tree-row strong{font-size:12px}.mobile-main .zone-tree-row small{font-size:10px}.mobile-main .zone-detail .actions{width:100%;display:flex;gap:8px;flex-wrap:wrap}.mobile-main .zone-detail .actions .btn{flex:1;min-width:105px;font-size:11px}.mobile-main .installation-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-main .installation-summary>div{padding:14px;border-radius:14px}.mobile-main .installation-summary span{font-size:10px}.mobile-main .zone-care-defaults{grid-template-columns:1fr}.mobile-main .zone-care-defaults span,.mobile-main .asset-schedules span{font-size:10px}.mobile-main .zone-care-defaults strong,.mobile-main .asset-schedules strong{font-size:12px}.mobile-main .zone-description,.mobile-main .asset-notes{font-size:12px;line-height:1.7}.mobile-main .asset-heading h3,.mobile-main .asset-title{font-size:14px;min-height:44px;align-items:center}.mobile-main .asset-heading p{font-size:10px;line-height:1.6}.mobile-main .asset-type-label{font-size:9px}.mobile-main .asset-schedules{grid-template-columns:1fr 1fr}.mobile-main .asset-schedules>div:last-child{grid-column:1/-1;border-left:0;border-top:1px solid #dfe6d5;padding:10px 0 0}.mobile-main .asset-owner{font-size:10px}.mobile-main .zone-photos a{width:calc((100% - 18px)/3);height:85px}.mobile-main .file-list a{overflow-wrap:anywhere;min-width:0}.mobile-main .file-list small{font-size:10px}
  .btn,.icon-button{min-height:44px;touch-action:manipulation}.icon-button{min-width:44px}.btn{padding:12px 15px;font-size:12px}.btn svg,.icon-button svg{width:19px;height:19px}.modal-overlay{padding:0;align-items:flex-end;background:#173e3566}.modal{width:100%;max-width:none;max-height:calc(100dvh - env(safe-area-inset-top) - 8px);border-radius:25px 25px 0 0;display:flex;flex-direction:column;overflow:hidden}.modal-header{padding:23px 22px 18px;flex-shrink:0;align-items:flex-start}.modal-header h2{font:400 27px/1.2 Georgia,serif;letter-spacing:-.6px}.modal-header p{font-size:12px;line-height:1.7}.modal-content{padding:6px 22px max(24px,env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;flex:1}.modal:has(form){height:calc(100dvh - env(safe-area-inset-top) - 8px)}.modal .form-grid{grid-template-columns:1fr;gap:19px}.modal .field.full{grid-column:auto}.modal .field>label{font-size:12px;margin-bottom:9px}.modal input:not([type=checkbox]):not([type=radio]),.modal select,.modal textarea{font-size:16px!important;min-height:49px;padding:12px!important;border-radius:10px}.modal input[type=checkbox],.modal input[type=radio]{min-width:22px;min-height:22px;flex-shrink:0}.modal .inline-checkbox{font-size:12px;line-height:1.6;min-height:44px;gap:11px}.modal .notice{font-size:12px;line-height:1.7;padding:14px}.modal .form-footer{position:sticky;bottom:calc(-1 * max(24px,env(safe-area-inset-bottom)));background:#fffef8f7;padding:18px 0 max(19px,env(safe-area-inset-bottom));gap:10px;border-top:1px solid #e0e6d5;z-index:2}.modal .form-footer .btn{flex:1;justify-content:center;font-size:12px}.modal .form-error{font-size:12px;line-height:1.7}.modal .installation-fieldset{padding:16px;border-radius:13px}.modal .installation-fieldset legend{font-size:14px}.modal .installation-fieldset>p,.modal .installation-fieldset>small{font-size:11px;line-height:1.8}.modal .photo-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.modal .photo-choices label{font-size:10px;line-height:1.6}.mobile-menu-sheet{max-height:calc(100dvh - env(safe-area-inset-top) - 12px)}#toast:not(.show){visibility:hidden;opacity:0;pointer-events:none}#toast.show{visibility:visible;opacity:1}#toast{bottom:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom) + 16px);font-size:12px;line-height:1.7;max-width:calc(100% - 32px)}
  .employee-entry{display:block;background:#faf9f2}.entry-story{min-height:0;padding:24px 26px 28px;border-radius:0 0 42px 0}.entry-brand img{width:32px;height:36px}.entry-brand strong{font-size:26px}.entry-brand small{font-size:8px}.entry-copy{padding:23px 0 0;max-width:100%}.entry-copy .eyebrow{font-size:8px;letter-spacing:1.5px}.entry-copy h1{font:400 35px/1.08 Georgia,serif;margin:13px 0;letter-spacing:-1px}.entry-copy>p{font-size:12px;max-width:310px;line-height:1.7}.entry-promises,.entry-caption{display:none}.entry-plant{right:-36px;bottom:-110px}.entry-plant svg{width:240px;height:300px}.entry-access{padding:29px 26px max(25px,env(safe-area-inset-bottom));min-height:0}.entry-card{max-width:440px}.entry-card h2{font:400 28px Georgia,serif;margin:15px 0 10px;color:#2c5038}.entry-description{font-size:12px;line-height:1.8;margin-bottom:22px}.employee-login-form .field input{font-size:16px;min-height:51px}.employee-login-form .btn{min-height:50px;font-size:13px}.entry-secure{font-size:8px}.entry-domains{margin-top:24px}.entry-domains>span{font-size:12px}.entry-domains p{font-size:11px;line-height:1.8}.entry-actions{gap:8px 16px}.entry-actions .text-button{min-height:44px;font-size:11px}.entry-footer{margin-top:25px}.entry-status{font-size:12px;line-height:1.7}.entry-install{display:flex;align-items:center;gap:8px;min-height:44px;font-size:12px;color:#526b3d;text-decoration:none}.entry-install svg{width:17px;height:17px}
}
@media(max-width:360px){.mobile-main{padding-inline:15px!important}.mobile-header{padding-inline:15px}.mobile-today-hero{padding:23px 20px}.mobile-today-hero h1{font-size:35px}.mobile-journal-date{font-size:7px;letter-spacing:.8px}.mobile-site-card{gap:9px;padding:15px 11px}.mobile-site-copy>strong{font-size:18px}.mobile-site-art{width:40px}.mobile-main .kv{grid-template-columns:90px minmax(0,1fr)}.mobile-main .mobile-record-table td{grid-template-columns:88px minmax(0,1fr)}.mobile-tabbar>button{min-width:48px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.mobile-workspace *{scroll-behavior:auto!important}}