.topbar{padding:0 24px;gap:15px}.topbar .brand{max-width:240px}.topbar nav{flex-wrap:wrap}.topbar nav a{font-size:.85rem;padding:10px}.hero{display:flex;justify-content:space-between;gap:28px;background:var(--deep);color:#fff;border-radius:24px;padding:40px;margin-bottom:22px;box-shadow:var(--shadow);background-image:radial-gradient(ellipse at 100% 0,rgba(113,171,90,.27),transparent 58%)}.hero .eyebrow{color:#afd3a0}.hero h1{font-size:clamp(2rem,4vw,3.3rem);line-height:1.08}.hero p:not(.eyebrow){color:#c8d8ca;line-height:1.6}.hero-actions{display:flex;gap:10px;margin-top:24px;flex-wrap:wrap}.hero .primary{background:#ccdfac;color:#19371e;border-color:#ccdfac}.date-tile{flex:0 0 165px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #537258;border-radius:20px;padding:20px;background:#ffffff08}.date-tile>strong{font-size:4rem;font-weight:500;line-height:1.2}.date-tile span{color:#d1dfc9}.date-tile small{margin-top:20px;font-size:.65rem;color:#c2d0b9}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metrics a{display:flex;flex-direction:column;background:white;border:1px solid var(--line);border-radius:16px;padding:22px;text-decoration:none;color:var(--ink);gap:7px}.metrics strong{font-size:2.05rem;line-height:1}.metrics span{color:var(--muted);font-size:.86rem}.workspace-columns{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);gap:26px;margin-top:25px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.section-heading h2{margin:16px 0}.section-heading a{font-size:.8rem;white-space:nowrap}.workspace-columns .subtitle{margin:0 0 15px}.queue-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 22px;border:1px solid var(--line);background:white;border-radius:16px;text-decoration:none;color:var(--ink)}.queue-row:hover{border-color:#8caa92;box-shadow:0 5px 18px #14362208}.queue-row h3{font-size:1rem;letter-spacing:0;text-transform:none;color:var(--ink);margin:10px 0 5px}.queue-row p{font-size:.84rem;color:var(--muted);margin:4px 0;overflow-wrap:anywhere}.queue-date{text-align:right;font-size:.75rem;color:var(--muted);min-width:90px}.queue-date strong{display:block;font-size:.95rem;color:var(--ink);margin:5px 0}.queue-date span{display:block;color:var(--leaf);margin-top:9px}.urgent{background:var(--amber-soft);color:#76531d}.timeline{background:white;border:1px solid var(--line);border-radius:16px;padding:5px 20px}.timeline article{padding:16px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.timeline article:last-child{border:0}.timeline span{font-size:.71rem;color:var(--muted)}.timeline strong{display:block;font-size:.9rem;margin-top:5px}.timeline p{font-size:.8rem;color:var(--muted);margin:5px 0 0;line-height:1.6}.connection-note{background:#eaf0e3;border:1px solid #d2dfc7;border-radius:16px;padding:20px;line-height:1.65;margin-top:20px;font-size:.88rem}.connection-note p{color:#52664e;margin:8px 0}.section-space{margin-top:25px}a{color:var(--leaf)}.panel h2{margin-top:0}.panel form{margin-top:20px}.panel .grid{margin-top:22px}.contact-strip{display:flex;flex-wrap:wrap;gap:14px;padding:18px 22px;border:1px solid var(--line);border-radius:14px;background:white;font-size:.85rem;overflow-wrap:anywhere}.pause-box{padding:18px;margin:22px 0;border:1px solid #e6c6b9;background:#fff5ef;border-radius:14px}.pause-box summary{font-weight:750;color:#863d26;cursor:pointer}.pause-box p{line-height:1.6;font-size:.85rem}.pause-box form{display:grid;gap:12px}.danger{background:#9e4131;color:white}.search-line{display:flex;gap:10px}.photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.photo-grid figure{margin:0}.photo-grid img{width:100%;height:150px;object-fit:cover;border-radius:12px}.photo-grid figcaption{font-size:.78rem;padding:6px 0;color:var(--muted)}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:30px}.settings-grid .panel h2{margin-top:14px}.settings-grid p{line-height:1.65;font-size:.91rem}.full{max-width:none}.honeypot{position:absolute;left:-10000px}.panel label{display:grid;gap:7px;margin-top:9px}.empty strong{display:block;color:var(--ink)}.empty p{font-size:.88rem;line-height:1.6}.visit-name{display:block}.visit-top .address{display:block}.visit .meta{overflow-wrap:anywhere}.visit .actions a{font-size:.85rem}.site-footer{color:var(--muted);margin-top:35px;font-size:.75rem}
@media(max-width:1000px){.topbar{flex-wrap:wrap;padding:14px 20px;gap:10px}.topbar .brand{max-width:none}.topbar nav{order:3;width:100%;justify-content:space-between}.topbar>form{margin-left:auto}.workspace-columns{grid-template-columns:1fr}.date-tile{flex-basis:140px}.brand strong{display:block!important}.settings-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.hero{padding:25px;gap:10px;border-radius:18px}.date-tile{display:none}.hero h1{font-size:2.3rem}.metrics{grid-template-columns:1fr 1fr;gap:10px}.metrics a{padding:18px}.metrics strong{font-size:1.7rem}.queue-row{padding:16px;gap:10px}.topbar{position:relative;padding:13px}.topbar nav a{padding:8px 5px;font-size:.75rem}.settings-grid{grid-template-columns:1fr}.contact-strip{flex-direction:column;gap:9px}.workspace-columns{gap:15px}.section-heading a{font-size:.76rem}.panel{max-width:none}.queue-date{min-width:75px}.hero-actions .primary,.hero-actions .secondary{font-size:.85rem}.brand strong{font-size:.9rem}}
.brand-logo{width:64px;height:54px;object-fit:cover;border-radius:9px;flex-shrink:0}.brand strong{white-space:nowrap}.brand strong small{display:block;font-size:.66rem;font-weight:450;letter-spacing:0;margin-top:4px;color:#c9d9c9}.hero-brand{width:255px;flex:0 0 255px;align-self:center;text-align:center}.hero-brand img{display:block;width:100%;border-radius:17px;border:1px solid #7e997050}.hero-brand span{display:block;color:#c9d9c9;font-size:.8rem;margin-top:12px}.login-logo{display:block;width:180px;max-width:100%;margin:auto;border-radius:12px}.login-card h1{text-align:center}.login-card>p{text-align:center}@media(max-width:600px){.hero{display:block}.hero-brand{width:180px;margin:24px auto 0}.brand-logo{width:48px;height:43px}.brand strong small{font-size:.6rem}}
.operations-layout{background:#f4f6f5}.operations-layout .topbar{position:fixed;left:0;top:0;bottom:0;width:238px;min-height:100vh;padding:24px 18px;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:22px;background:#112d22;border:0;box-shadow:none}.operations-layout .brand{max-width:none;flex-direction:column;align-items:flex-start;gap:14px;margin:0 0 10px;text-align:left}.operations-layout .brand-logo{width:178px;height:120px;object-fit:cover;border:1px solid #48633d;border-radius:12px}.operations-layout .brand strong{font-size:1.1rem;letter-spacing:-.03em}.operations-layout .brand strong small{white-space:normal;line-height:1.5}.operations-layout .topbar nav{display:flex;flex-direction:column;align-items:stretch;gap:7px;order:initial}.operations-layout .topbar nav a{padding:12px 14px;font-size:.85rem;border-radius:9px;color:#afc2b6}.operations-layout .topbar nav .current{background:#d1e7ae;color:#20351f;font-weight:800}.operations-layout .topbar>form{margin:auto 0 0;border-top:1px solid #34493e;padding-top:15px}.operations-layout .shell{max-width:1500px;margin:0 0 0 238px;padding:35px 34px 70px}.workspace-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.workspace-header h1{font-size:2rem}.workspace-header .hero-actions{margin:0;flex-wrap:nowrap}.metrics{margin-top:6px}.jobs-toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:15px;padding:15px 0;border-bottom:1px solid var(--line)}.view-switch,.state-switch{display:flex;gap:4px;flex-wrap:wrap}.view-switch{background:#e4eae6;padding:4px;border-radius:9px}.view-switch a,.state-switch a{padding:9px 14px;border-radius:7px;text-decoration:none;font-size:.8rem;color:var(--muted);font-weight:700}.view-switch .selected{background:#fff;color:var(--forest);box-shadow:0 2px 5px #00000009}.state-switch .selected{background:var(--mint);color:var(--forest)}.calendar-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:22px 0}.month-nav{display:flex;align-items:center;gap:13px}.month-nav h2{margin:0;font-size:1.15rem;white-space:nowrap}.month-nav>a{border:1px solid var(--line);background:#fff;border-radius:7px;padding:7px 12px;text-decoration:none;font-size:1.1rem}.month-nav .today-button{font-size:.76rem}.jump-date{display:flex;gap:7px}.jump-date input{width:150px;font-size:.82rem}.jump-date button{font-size:.8rem}.calendar-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:13px;background:#fff}.calendar-board{display:grid;grid-template-columns:repeat(7,minmax(110px,1fr));min-width:800px}.weekday{padding:14px 8px;text-align:center;color:var(--muted);font-size:.7rem;font-weight:750;letter-spacing:.03em;background:#f8faf9;border-bottom:1px solid var(--line)}.calendar-cell{min-height:132px;padding:9px;border-right:1px solid #e7ece8;border-bottom:1px solid #e7ece8}.calendar-cell:nth-child(7n){border-right:0}.calendar-cell.outside{background:#f7f9f7}.day-number{display:inline-grid;place-items:center;color:#536157;font-size:.75rem;text-decoration:none;width:25px;height:25px;margin-bottom:6px;border-radius:50%}.is-today .day-number{background:#244b32;color:#fff}.calendar-job{display:block;padding:9px 8px;background:#ecf5e7;border-left:3px solid #62a23c;border-radius:5px;margin-bottom:6px;color:#23452c;text-decoration:none;cursor:grab;overflow:hidden}.calendar-job strong{display:block;font-size:.74rem;line-height:1.4}.calendar-job span,.calendar-job small{display:block;font-size:.65rem;line-height:1.5;color:#55715b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar-job.complete{background:#edf0ef;border-color:#8b9c91}.calendar-job.cancelled{background:#fbeee8;border-color:#ba765e;text-decoration:line-through}.calendar-job.delayed{background:#fff5de;border-color:#d7aa4e}.job-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:13px;background:white}.job-table{width:100%;border-collapse:collapse;font-size:.84rem}.job-table th{padding:14px 18px;text-align:left;background:#f8faf9;color:var(--muted);font-size:.72rem}.job-table td{padding:18px;border-top:1px solid var(--line)}.job-table td small{display:block;color:var(--muted);font-size:.76rem;margin-top:5px}.attention-banner{background:#fff4dc;padding:12px 16px;border-radius:10px;font-size:.82rem;margin-bottom:18px;color:#76531d}.attention-banner a{font-weight:750;margin-left:8px}.rain-panel{padding:17px 20px;background:#eaf0f6;border:1px solid #cedbe6;border-radius:13px;margin:0 0 20px}.rain-panel summary{font-weight:750;cursor:pointer}.rain-panel form{display:flex;gap:12px}.rain-panel select{width:220px}.rain-panel p{font-size:.85rem}.operations-layout .hero-brand{display:none}@media(max-width:1100px){.operations-layout .topbar{width:210px}.operations-layout .brand-logo{width:160px;height:107px}.operations-layout .shell{margin-left:210px;padding:28px 22px}.workspace-header{align-items:flex-start}.workspace-header .hero-actions{flex-wrap:wrap;justify-content:flex-end}.calendar-heading{flex-wrap:wrap}}@media(max-width:760px){.operations-layout .topbar{position:relative;width:100%;min-height:0;padding:14px 16px;gap:12px;flex-direction:row;flex-wrap:wrap}.operations-layout .brand{flex-direction:row;align-items:center;gap:12px;margin:0;flex:1}.operations-layout .brand-logo{width:52px;height:45px}.operations-layout .brand strong{font-size:1rem}.operations-layout .brand strong small{font-size:.58rem}.operations-layout .topbar nav{flex-direction:row;flex-wrap:wrap;width:100%;order:3;gap:3px}.operations-layout .topbar nav a{padding:9px;font-size:.72rem}.operations-layout .topbar>form{border:0;padding:0;margin:0}.operations-layout .shell{margin-left:0;padding:24px 16px}.workspace-header{display:block}.workspace-header .hero-actions{margin-top:20px;justify-content:flex-start}.workspace-header h1{font-size:1.85rem}.month-nav{gap:7px}.month-nav h2{font-size:1rem}.month-nav>a{padding:6px 9px}.view-switch a,.state-switch a{font-size:.73rem;padding:8px 10px}.rain-panel form{flex-direction:column}.rain-panel select{width:100%}}

.nav-group{padding:19px 12px 6px;text-transform:uppercase;font-size:.65rem;letter-spacing:.12em;font-weight:750;color:#9eae9d}.operations-layout .topbar{overflow-y:auto}.notes{white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:760px){.nav-group{width:100%;padding:8px 9px 2px}}

/* Cincy branding with a compact field-service application layout. */
body.operations-layout{background:#edf0f4;font-family:Arial,Helvetica,sans-serif}
.operations-layout .topbar{width:230px;background:#20332f;padding:0;gap:0;top:0;bottom:0;border-radius:0}
.operations-layout .brand{flex-direction:row;align-items:center;padding:10px 12px;margin:0;gap:10px;min-height:64px;background:#17673e;max-width:none}
.operations-layout .brand-logo{width:48px;height:44px;border:0;border-radius:5px;object-fit:cover}
.operations-layout .brand strong{font-family:inherit;font-size:.95rem;color:white}.operations-layout .brand small{font-size:.57rem}
.operations-layout .topbar nav{padding:16px 0;gap:0}.operations-layout .topbar nav a{border-radius:0;padding:14px 18px;font-size:.84rem;color:#e4eee8;border-left:3px solid transparent}.operations-layout .topbar nav a:hover,.operations-layout .topbar nav a.current{background:#294b3d;color:white;border-left-color:#8fcc56}
.nav-group{color:#e1ebe6;padding:23px 18px 10px;font-size:.7rem;letter-spacing:.05em}.nav-jobs summary{padding:15px 21px;color:white;font-size:.84rem;cursor:pointer}.nav-jobs[open]{background:#293f3b}.operations-layout .topbar .nav-jobs a{padding:10px 18px 10px 36px;font-size:.78rem}.operations-layout .topbar>form{padding:15px 20px}
.workspace-topline{position:sticky;top:0;z-index:20;margin-left:230px;height:64px;background:#27834c;color:white;display:flex;align-items:center;gap:22px;padding:0 24px;font-size:.8rem}.workspace-topline>span{margin-right:auto}.workspace-topline a{color:white}.workspace-topline form{display:flex;gap:5px;margin:0}.workspace-topline input{width:260px;height:34px;background:white;border:0}.workspace-topline button{padding:5px 10px;background:#17673e;color:white;border:0}
.operations-layout .shell{margin-left:230px;padding:28px 25px;max-width:none}.workspace-header h1,.page-head h1{font-size:1.65rem;font-weight:500;letter-spacing:0}.workspace-header .eyebrow{display:none}.workspace-header{margin-bottom:24px}.metrics a{border-radius:6px;border-left:4px solid #6ca94b;box-shadow:0 2px 5px #122a1710}.metrics a:nth-child(2){border-left-color:#d4a348}.metrics a:nth-child(3){border-left-color:#499abb}.metrics a:nth-child(4){border-left-color:#cb735e}
.workspace-columns{grid-template-columns:minmax(0,1.3fr) minmax(300px,1fr);gap:24px}.workspace-columns>section,.workspace-columns>aside{background:white;border:1px solid #dce1e3;border-radius:6px;padding:16px;box-shadow:0 2px 5px #122a1710}.section-heading{background:#27834c;color:white;padding:0 15px;border-radius:3px;margin-bottom:16px;min-height:52px}.section-heading h2{font-size:1rem;font-weight:500}.section-heading a{color:white}.workspace-columns .timeline{box-shadow:none;border:0}.queue-row,.empty,.panel,.job-table-wrap,.calendar-scroll{border-radius:5px}.jobs-toolbar{background:#367f76;padding:16px;border-radius:4px;color:white;box-shadow:0 3px 8px #1235}.jobs-toolbar .view-switch,.jobs-toolbar .state-switch{background:transparent;border:0}.jobs-toolbar a{color:white}.jobs-toolbar a.selected{background:#ffffff30;color:white}
.quick-add{position:relative;font-size:.8rem}.quick-add summary{list-style:none;background:#27834c;padding:13px 20px;border-radius:4px;color:white;cursor:pointer;font-weight:bold}.quick-add>div{position:absolute;right:0;top:44px;z-index:30;background:white;border:1px solid #dce1e3;box-shadow:0 8px 20px #1233;width:230px;padding:7px}.quick-add a{display:block;padding:12px;color:#234b35;text-decoration:none}.quick-add a:hover{background:#edf4ec}
@media(max-width:900px){.workspace-topline>span{display:none}.workspace-topline form{margin-right:auto}.workspace-columns{grid-template-columns:1fr}}
@media(max-width:760px){.operations-layout .topbar{width:100%;position:relative}.operations-layout .brand{flex:1}.operations-layout .topbar nav{padding:8px;gap:2px}.operations-layout .topbar nav a{padding:9px 12px}.operations-layout .nav-group{width:100%;padding:8px 12px}.nav-jobs{width:100%}.nav-jobs a{display:inline-block!important}.workspace-topline{margin-left:0;padding:10px 12px;height:auto;gap:12px}.workspace-topline input{width:180px}.workspace-topline>a{font-size:.7rem}.operations-layout .shell{margin-left:0;padding:20px 14px}}

/* Requested Lawn Buddy palette. */
:root{--deep:#222f33;--green:#12ae60;--ink:#273238;--muted:#68727a;--line:#dce1e6}
.operations-layout .topbar{background:#222f33}.operations-layout .brand{background:#008f50}.workspace-topline,.section-heading{background:#13ad60}.workspace-topline button{background:#008f50}.operations-layout .topbar nav a:hover,.operations-layout .topbar nav a.current{background:#234839;border-left-color:#12b566}.nav-jobs[open]{background:#2d3d43}.jobs-toolbar{background:#4196bc}.quick-add summary{background:#08a5c6}.primary{background:#11ad61!important;border-color:#11ad61!important;color:white!important}.metrics a:nth-child(1){border-left-color:#e5ac23}.metrics a:nth-child(2){border-left-color:#22be70}.metrics a:nth-child(3){border-left-color:#4a8de8}.metrics a:nth-child(4){border-left-color:#ee666d}.metrics a{position:relative;padding-right:62px}.metrics a:after{position:absolute;right:15px;top:20px;display:grid;place-items:center;width:34px;height:34px;border-radius:8px;font-size:18px;background:#fff2cb;color:#c78d13;content:'✉'}.metrics a:nth-child(2):after{content:'✓';background:#ddfaeb;color:#12a85c}.metrics a:nth-child(3):after{content:'▦';background:#e4edff;color:#477cdb}.metrics a:nth-child(4):after{content:'!';background:#ffe4e4;color:#d35158}.quick-add a{color:#263840}.connection-note{background:#edf7f1}.workspace-header h1{font-size:1.6rem}

/* Sidebar rows share one sizing and alignment system. */
.operations-layout .topbar .sidebar-navigation{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;width:100%;padding:14px 0;gap:0}.sidebar-navigation .nav-section{display:block;width:100%;margin:10px 0 0;padding:0;border-top:1px solid #ffffff0b}.operations-layout .sidebar-navigation .nav-group{display:block;width:auto;margin:0;padding:20px 20px 10px;color:#a9b8bd;font-size:10px;font-weight:700;letter-spacing:1.4px;line-height:16px}.operations-layout .topbar .sidebar-navigation .nav-row{display:flex!important;align-items:center;gap:13px;box-sizing:border-box;width:100%;min-height:48px;padding:12px 17px;border:0;border-left:3px solid transparent;border-radius:0;line-height:20px;font-size:13px;font-weight:400;text-decoration:none;color:#e3ebee;cursor:pointer}.nav-icon{width:20px;height:20px;flex:0 0 20px;opacity:.95}.nav-row>span{flex:1;min-width:0}.nav-chevron{width:13px;height:13px;flex:0 0 13px;color:#a5b8bc;transition:transform .15s}.nav-jobs[open] .nav-chevron{transform:rotate(90deg)}.nav-jobs summary{list-style:none}.nav-jobs summary::-webkit-details-marker{display:none}.operations-layout .topbar .sidebar-navigation .nav-row:hover{background:#ffffff08}.operations-layout .topbar .sidebar-navigation .nav-row.current,.operations-layout .topbar .sidebar-navigation .nav-row.current-parent{background:#20473a;border-left-color:#19bb75;color:white}.operations-layout .sidebar-navigation .nav-jobs{display:block;width:100%;background:transparent;margin:0;padding:0}.nav-children{padding:4px 0 9px;background:#1a2529}.operations-layout .topbar .sidebar-navigation .nav-child{display:flex!important;align-items:center;gap:13px;box-sizing:border-box;width:100%;min-height:39px;padding:9px 20px 9px 27px;margin:0;border:0;border-radius:0;font-size:12px;line-height:20px;text-decoration:none;color:#b9c9cd}.nav-dot{width:8px;height:8px;flex:0 0 8px;border:1.5px solid #879b9f;border-radius:50%}.operations-layout .topbar .sidebar-navigation .nav-child.current{color:white;background:#2b4245}.nav-child.current .nav-dot{background:#1cc879;border-color:#1cc879}.sidebar-navigation a:focus-visible,.sidebar-navigation summary:focus-visible{outline:2px solid #8adcba;outline-offset:-4px}.operations-layout .topbar>form{margin-top:auto;border-top:1px solid #ffffff15}.operations-layout .brand{flex-shrink:0}.operations-layout .topbar{scrollbar-width:thin;scrollbar-color:#506265 #222f33}
@media(max-width:760px){.operations-layout .topbar .sidebar-navigation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:8px;gap:6px}.sidebar-navigation>.nav-row{grid-column:1/-1}.sidebar-navigation .nav-section{margin:0}.operations-layout .sidebar-navigation .nav-group{padding:12px 17px 5px}.operations-layout .topbar .sidebar-navigation .nav-row{font-size:12px;gap:10px;padding:10px 12px;min-height:44px}.operations-layout .topbar .sidebar-navigation .nav-child{padding-left:20px}.operations-layout .topbar>form{width:100%;padding:8px 18px}.operations-layout .topbar .brand{max-width:none}}

.list-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px;flex-wrap:wrap}.record-tabs{display:flex;gap:12px;flex-wrap:wrap}.record-tabs a{padding:12px 14px;color:#57666b;text-decoration:none;border-bottom:2px solid transparent;font-size:13px}.record-tabs a.selected{color:#147547;border-color:#147547;font-weight:bold}.list-controls .search-line{margin:0;min-width:260px}.data-panel{background:white;border:1px solid #dde3e7;border-radius:5px;box-shadow:0 2px 4px #182a3110;min-height:350px;overflow:auto}.inbox-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:20px;min-height:560px}.inbox-list,.conversation-pane{background:white;border:1px solid #dde3e7;border-radius:5px;box-shadow:0 2px 5px #182a3110}.inbox-list{padding:18px}.inbox-list>.primary{display:block;text-align:center}.inbox-list .search-line{margin:16px 0}.inbox-list .search-line input{min-width:0}.thread-list{max-height:650px;overflow:auto}.thread-row{display:flex;gap:12px;padding:16px 8px;border-top:1px solid #edf0f2;text-decoration:none;color:#26363b}.thread-row.selected{background:#edf8f1}.thread-row small{display:block;font-size:10px;color:#6c7e82;margin-top:5px}.thread-row strong{font-size:13px}.thread-row p{font-size:12px;color:#64777b;margin:7px 0 0}.avatar{display:grid;place-items:center;border-radius:50%;background:#def3e6;color:#177244;width:35px;height:35px;flex:0 0 35px}.inbox-empty{min-height:500px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px;text-align:center;color:#6c7a80}.inbox-empty h2{color:#273e46}.conversation-heading{padding:20px;border-bottom:1px solid #e3e9eb;display:flex;justify-content:space-between;align-items:center;gap:15px}.conversation-heading h2{margin:0 0 7px;font-size:18px}.conversation-heading span{font-size:12px;color:#6a7a80}.conversation-records{padding:24px;max-height:500px;overflow:auto}.message-bubble{max-width:85%;background:#eef2f5;border-radius:4px 14px 14px;padding:16px;margin-bottom:16px}.message-bubble small{color:#67777d;font-size:10px}.message-bubble p{font-size:13px;line-height:1.6;margin-bottom:0}.message-bubble.reply_sent,.message-bubble.reply_draft{margin-left:auto;background:#e1f5e9}.message-bubble.note{background:#fff6db}.conversation-compose{padding:20px;border-top:1px solid #e3e9eb}.estimate-metrics a:after{display:none}@media(max-width:1050px){.inbox-layout{grid-template-columns:260px minmax(0,1fr)}}@media(max-width:760px){.inbox-layout{grid-template-columns:1fr}.thread-list{max-height:230px}.inbox-empty{min-height:220px}.list-controls .search-line{width:100%}}

.checklist-row{display:flex;align-items:center;gap:18px;padding:16px 0;border-bottom:1px solid #e2e8eb}.checklist-row strong{flex:1}.checked-item{text-decoration:line-through;color:#6c8274}.checklist-row button{font-size:12px}.data-panel .actions form{margin:0}@media(max-width:600px){.checklist-row{gap:8px;flex-wrap:wrap}.checklist-row strong{min-width:130px}}

.setup-badge{font-size:8px;text-transform:uppercase;padding:2px 5px;background:#546266;border-radius:7px;color:white;font-weight:600;line-height:12px}.operations-layout .topbar .sidebar-navigation .nav-row{min-height:46px;padding-top:11px;padding-bottom:11px;gap:11px}.operations-layout .sidebar-navigation .nav-group{padding-top:16px;padding-bottom:8px}.sidebar-navigation .nav-section{margin-top:6px}
.metrics{grid-template-columns:repeat(4,minmax(0,1fr)) minmax(230px,1.2fr);align-items:start}
.metrics .dashboard-weather{background:linear-gradient(135deg,#eef8ff,#fff);border:1px solid #d4e4ed;border-left:4px solid #298bd0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:5px 12px;padding:16px;min-width:0}
.metrics .dashboard-weather::after{display:none}
.metrics .dashboard-weather strong{font-size:30px;line-height:1.1;color:#145a85}
.metrics .dashboard-weather span,.metrics .dashboard-weather small{position:static;display:block;line-height:1.35;white-space:normal}
.weather-card-title{grid-column:1/-1;font-size:12px;font-weight:750;letter-spacing:.04em;text-transform:uppercase;color:#32637f}
.dashboard-weather [data-weather=temperature]{grid-row:2/4;align-self:center}
.dashboard-weather [data-weather=alert],.dashboard-weather [data-weather=checked]{grid-column:1/-1}
.metrics .dashboard-weather small{font-size:11px;color:#526778}
.metrics .weather-warning{border-left-color:#c87713;background:#fff7e9}
@media(max-width:1250px){.metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics .dashboard-weather{grid-column:1/-1}}
.mobile-toolbar,.mobile-menu-close,.mobile-menu-backdrop{display:none}

/* Phone navigation: progressive enhancement preserves links without JavaScript. */
@media(max-width:760px){
 .mobile-nav-ready .mobile-toolbar{display:flex;position:sticky;top:0;z-index:40;align-items:center;justify-content:space-between;gap:12px;min-height:60px;padding:8px 14px;background:#143b2c;color:#fff;box-shadow:0 2px 8px #0002}
 .mobile-toolbar a{color:#fff;font-weight:700;text-decoration:none;font-size:15px}
 .mobile-toolbar button,.mobile-menu-close{min-height:44px;padding:10px 14px;border:1px solid #ffffff55;border-radius:8px;background:transparent;color:#fff;font-size:15px}
 .operations-layout.mobile-nav-ready .topbar{position:fixed;inset:0 auto 0 0;z-index:60;width:min(320px,88vw);height:100dvh;max-height:100dvh;padding:12px 0 24px;display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:10px;overflow-y:auto;overscroll-behavior:contain;visibility:hidden;transform:translateX(-105%);transition:transform .18s ease,visibility .18s}
 .operations-layout.mobile-menu-open .topbar{visibility:visible;transform:translateX(0)}
 .operations-layout.mobile-nav-ready .topbar .mobile-menu-close{display:block;align-self:flex-end;margin:0 14px}
 .operations-layout.mobile-nav-ready .topbar .brand{flex:none;padding:0 18px;max-width:none}
 .operations-layout.mobile-nav-ready .topbar .brand strong{display:block;font-size:14px}
 .operations-layout.mobile-nav-ready .topbar .sidebar-navigation{display:flex;flex-direction:column;flex-wrap:nowrap;width:100%;order:0;gap:2px;padding:0;overflow:visible}
 .operations-layout.mobile-nav-ready .sidebar-navigation .nav-section{width:100%;flex:none}
 .operations-layout.mobile-nav-ready .sidebar-navigation .nav-row{font-size:15px;min-height:48px}
 .operations-layout.mobile-nav-ready .sidebar-navigation .nav-child{display:flex!important;align-items:center;min-height:46px;font-size:14px}
 .operations-layout.mobile-nav-ready .topbar>form{flex:none;order:1}
 .mobile-nav-ready .mobile-menu-backdrop:not([hidden]){display:block;position:fixed;inset:0;z-index:50;border:0;border-radius:0;background:#0008;width:100%;height:100dvh;padding:0}
 .mobile-menu-open{overflow:hidden}
 .operations-layout.mobile-nav-ready .workspace-topline{position:static;display:flex;flex-wrap:wrap;padding:10px 14px;gap:8px}
 .operations-layout.mobile-nav-ready .workspace-topline form{display:flex;flex:1;min-width:0}
 .operations-layout.mobile-nav-ready .workspace-topline input{width:100%;min-width:0;font-size:16px}
 .operations-layout.mobile-nav-ready .workspace-topline>span,.operations-layout.mobile-nav-ready .workspace-topline>a{display:none}
 .operations-layout.mobile-nav-ready .shell{padding-top:16px;min-width:0}
 .operations-layout.mobile-nav-ready input,.operations-layout.mobile-nav-ready select,.operations-layout.mobile-nav-ready textarea{font-size:16px}
}
@media(prefers-reduced-motion:reduce){.operations-layout.mobile-nav-ready .topbar{transition:none}}

/* Customer groups behave as one folder selection. */
[data-property-access-group] > label { display: flex; flex-direction: row; align-items: center; gap: .65rem; cursor: pointer; flex-wrap: wrap; margin: 0; }
[data-property-access-group] > label > input[type=checkbox] { width: 1.15rem; height: 1.15rem; flex: 0 0 1.15rem; margin: 0; }
[data-property-access-group] details { padding: .65rem 0 0 1.8rem; }
[data-property-access-group] details p { margin: .65rem 0; }
[data-property-access-group] [data-selected-count] { margin: .6rem 0 0 1.8rem; }

.thread-entry{display:flex;align-items:flex-start;border-top:1px solid #edf0f2;position:relative}.thread-entry .thread-row{flex:1;min-width:0;border-top:0}.thread-entry .thread-row>div{min-width:0;overflow-wrap:anywhere}.thread-entry .row-actions{position:relative;margin:15px 3px 0 0}.thread-entry .row-actions summary{list-style:none;font-size:22px;padding:3px 10px;line-height:1;border:1px solid #d4dfd7;border-radius:5px;cursor:pointer}.thread-entry .row-actions summary::-webkit-details-marker{display:none}.thread-entry .row-actions>div{position:absolute;right:0;top:100%;z-index:20;min-width:180px;background:#fff;border:1px solid #d4dfd7;border-radius:5px;padding:5px;box-shadow:0 5px 15px #17283e26}.thread-entry .row-actions button{margin:0;width:100%;text-align:left}.thread-list{padding-bottom:65px}
.thread-entry .row-actions>summary::after{display:none}

.deleted-thread{display:flex;flex-wrap:wrap;gap:8px;padding:12px 0;border-bottom:1px solid #e3e9eb}.deleted-thread>span{flex-basis:100%;font-weight:600}.deleted-thread>a.danger{display:inline-flex;align-items:center;padding:9px 10px;border:1px solid #bf3b3b;border-radius:6px;color:#a52c2c!important;background:#fff!important;text-decoration:none;font-size:12px;white-space:nowrap}.deleted-thread>button{font-size:12px;padding:9px 10px}

.unread-badge{display:inline-block;min-width:1.4em;padding:2px 6px;border-radius:10px;background:#b42318;color:#fff;font-size:12px;text-align:center}.unread-badge[hidden],[data-message-notice][hidden]{display:none}

/* Phone dragging is restricted to the handle so the calendar still scrolls normally. */
.calendar-job-wrap{position:relative;margin-bottom:8px}.calendar-touch-handle{display:none;touch-action:none;user-select:none;-webkit-user-select:none;min-height:44px;padding:8px 12px;width:100%;font-size:.75rem;background:#e3eddf;color:#23452c;border:1px solid #9bb890;border-radius:5px;cursor:grab}.calendar-drop-target{outline:3px solid #2c7c48;outline-offset:-3px;background:#e4f5e6!important}.calendar-drag-source{opacity:.45}.calendar-drag-ghost{position:fixed;pointer-events:none;z-index:10000;width:180px;padding:12px;border:2px solid #2c7c48;border-radius:8px;background:white;color:#23452c;box-shadow:0 5px 20px #0003;font-size:.85rem}.calendar-drag-ghost small{display:block;margin-top:5px}.calendar-dragging{user-select:none;-webkit-user-select:none}
@media(pointer:coarse),(max-width:760px){.calendar-touch-handle{display:block}.calendar-job-wrap .calendar-job{margin-bottom:2px}}
