:root{color-scheme:light;--ink:#142d25;--accent:#153f32;--accent-2:#256b53;--paper:#f3f5f1;--surface:#fff;--muted:#65736d;--line:#dce3de;--danger:#b42318;--warning:#b54708;--success:#18794e;--shadow:0 12px 40px rgba(20,45,37,.09);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-size:15px;line-height:1.5}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}a{color:var(--accent-2)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(1.8rem,4vw,2.7rem);line-height:1.06;letter-spacing:-.035em}h2{font-size:1.15rem;letter-spacing:-.015em}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.brand{color:var(--accent);font-size:1.05rem;font-weight:800;text-decoration:none;letter-spacing:-.02em}.eyebrow{margin:0 0 .35rem;color:#557269;font-size:.7rem;font-weight:800;letter-spacing:.14em}.button,.secondary-button,.icon-button,.link-button{border:0;cursor:pointer}.button,.secondary-button{display:inline-flex;min-height:42px;align-items:center;justify-content:center;border-radius:9px;padding:.62rem .95rem;font-weight:700;text-decoration:none}.button{background:var(--accent);color:#fff}.button:hover{background:#0f3228}.button:disabled{cursor:not-allowed;opacity:.48}.secondary-button{border:1px solid var(--line);background:#fff;color:var(--ink)}.secondary-button:hover{border-color:#9aaba3}.icon-button{display:grid;width:42px;height:42px;place-items:center;border-radius:9px;background:transparent;color:var(--ink);font-size:1.35rem}.link-button{padding:0;background:none;color:inherit;text-decoration:underline}.status{display:inline-flex;align-items:center;gap:.4rem;color:var(--muted);font-size:.78rem}.status::before{width:7px;height:7px;border-radius:50%;background:var(--success);content:""}.status.offline::before,.status.failed::before{background:var(--danger)}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;z-index:20;display:flex;width:248px;flex-direction:column;padding:26px 20px;background:#0f3328;color:#dce9e3}.sidebar .brand{margin:0 10px 38px;color:#fff}.sidebar nav{display:grid;gap:5px}.sidebar nav a{padding:10px 12px;border-radius:8px;color:#bcd0c7;text-decoration:none}.sidebar nav a:hover,.sidebar nav a.active{background:#214b3e;color:#fff}.sidebar-foot{display:grid;gap:5px;margin-top:auto;padding:14px 12px;border-top:1px solid #31564a;font-size:.85rem}.main{min-height:100vh;margin-left:248px;padding:0 38px 80px}.topbar{display:flex;min-height:86px;align-items:center;justify-content:space-between;gap:20px}.topbar h1{margin:0}.top-actions{display:flex;align-items:center;gap:14px}.dashboard-stats{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:12px;margin-bottom:18px}.stat-card{padding:15px 17px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.stat-card strong{display:block;font-size:1.6rem}.stat-card span{color:var(--muted);font-size:.78rem}.panel,.content-card,.form-card{border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:0 1px 2px rgba(20,45,37,.03)}.panel{overflow:hidden}.filters{display:grid;grid-template-columns:minmax(220px,1fr) repeat(3,minmax(130px,auto)) auto;gap:12px;align-items:end;padding:16px;border-bottom:1px solid var(--line)}label{display:grid;gap:5px;color:#44554e;font-size:.78rem;font-weight:700}input,select,textarea{width:100%;border:1px solid #bfcac4;border-radius:8px;background:#fff;color:var(--ink);padding:.65rem .7rem;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--accent-2);box-shadow:0 0 0 3px rgba(37,107,83,.12)}textarea{resize:vertical}.work-order-list{min-height:280px}.work-order-row{display:grid;grid-template-columns:minmax(260px,2fr) minmax(120px,.8fr) 100px 120px 32px;gap:18px;align-items:center;padding:16px 20px;border-bottom:1px solid var(--line);color:inherit;text-decoration:none}.work-order-row:hover{background:#f8faf8}.work-order-row:last-child{border:0}.work-order-row strong{display:block}.work-order-row small,.muted{color:var(--muted)}.pill{display:inline-flex;width:max-content;align-items:center;border-radius:999px;padding:.25rem .55rem;background:#edf2ef;color:#3b554b;font-size:.7rem;font-weight:800;text-transform:capitalize}.pill.emergency{background:#fee4e2;color:#b42318}.pill.high{background:#ffead5;color:#b54708}.pill.in-progress{background:#e0f2fe;color:#075985}.pill.field-complete{background:#dcfae6;color:#087443}.loading-card,.empty-state{padding:60px 20px;text-align:center;color:var(--muted)}.pagination{display:flex;align-items:center;justify-content:center;gap:15px;padding:15px;border-top:1px solid var(--line)}.bottom-nav{display:none}dialog{max-width:min(620px,calc(100vw - 28px));border:0;border-radius:16px;padding:0;box-shadow:var(--shadow)}dialog::backdrop{background:rgba(7,25,19,.5);backdrop-filter:blur(2px)}.modal-card{display:grid;min-width:min(540px,calc(100vw - 28px));gap:16px;padding:22px}.modal-card header,.modal-card footer,.sheet-card header,.sheet-card footer,.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-error{min-height:1.2em;color:var(--danger);font-weight:600}.auth-page{display:grid;min-height:100vh;place-items:center;padding:22px;background:radial-gradient(circle at 20% 15%,#d9e8e0,transparent 32%),var(--paper)}.auth-card{width:min(430px,100%);padding:38px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow)}.auth-card .brand{display:inline-block;margin-bottom:48px}.auth-card form{display:grid;gap:15px;margin-top:26px}.auth-card fieldset{display:grid;gap:14px;border:0;padding:0}.auth-card legend{font-size:1.35rem;font-weight:800}.work-order-page{padding-bottom:120px}.sticky-top{position:sticky;top:0;z-index:12;min-height:62px;padding:0 max(20px,env(safe-area-inset-left));border-bottom:1px solid var(--line);background:rgba(255,255,255,.94);backdrop-filter:blur(10px)}.back-link{font-weight:700;text-decoration:none}.work-order-page>article{width:min(980px,calc(100% - 32px));margin:0 auto}.work-order-hero{display:flex;align-items:end;justify-content:space-between;gap:25px;padding:38px 0 24px}.work-order-hero h1{margin-bottom:.5rem}.work-order-hero p{margin:0;color:var(--muted)}.status-bar{display:grid;grid-template-columns:repeat(7,1fr);overflow:auto;margin-bottom:18px;border:1px solid var(--line);border-radius:12px;background:#fff}.status-step{position:relative;min-width:110px;padding:13px 8px;border:0;border-right:1px solid var(--line);background:#fff;color:var(--muted);font-size:.7rem;font-weight:800}.status-step:last-child{border:0}.status-step.current{background:var(--accent);color:#fff}.status-step.allowed{cursor:pointer;color:var(--accent-2)}.content-card{margin-bottom:16px;padding:20px}.instructions{border-left:4px solid #d49b23}.file-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.file-card{overflow:hidden;border:1px solid var(--line);border-radius:10px;background:#f8faf8;color:inherit;text-decoration:none}.file-card img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.file-card div{padding:9px}.file-card strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.76rem}.file-card small{color:var(--muted)}.details-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:0}.details-grid div{padding:10px 0}.details-grid dt{color:var(--muted);font-size:.72rem;font-weight:700;text-transform:uppercase}.details-grid dd{margin:3px 0 0}.form-cards{display:grid;gap:10px;margin-bottom:16px}.form-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px}.form-card h3{margin:0 0 4px}.timeline{display:grid;gap:16px}.timeline-entry{padding-left:17px;border-left:2px solid var(--line)}.timeline-entry p{margin-bottom:3px}.timeline-entry small{color:var(--muted)}.comment-form{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end;margin-top:22px}.sticky-action{position:fixed;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;gap:15px;padding:13px max(18px,env(safe-area-inset-right)) calc(13px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:rgba(255,255,255,.96);box-shadow:0 -8px 25px rgba(20,45,37,.06);backdrop-filter:blur(10px)}.sticky-action p{max-width:520px;margin:0;color:var(--muted);font-size:.76rem}.sheet{width:min(920px,100vw);max-width:none;height:min(820px,calc(100vh - 30px));max-height:none}.sheet-card{display:grid;height:100%;grid-template-rows:auto 1fr auto}.sheet-card header,.sheet-card footer{padding:15px 20px;border-bottom:1px solid var(--line)}.sheet-card footer{border-top:1px solid var(--line);border-bottom:0}.sheet-card>div{overflow:auto;padding:20px}.dynamic-form{display:grid;gap:18px}.photo-answer-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}.entry-row{display:grid;grid-template-columns:repeat(4,1fr) auto;gap:8px}.mobile-only{display:none}
@media(max-width:980px){.dashboard-stats{grid-template-columns:repeat(3,1fr)}.filters{grid-template-columns:1fr 1fr}.filters .search{grid-column:1/-1}.work-order-row{grid-template-columns:minmax(200px,2fr) 1fr 90px 26px}.work-order-row .row-priority{display:none}}
@media(max-width:760px){body{padding-bottom:68px}.sidebar{display:none}.main{margin:0;padding:0 14px 80px}.mobile-only{display:grid}.topbar{min-height:72px}.topbar h1{font-size:1.55rem}.top-actions .status{display:none}.dashboard-stats{grid-template-columns:repeat(2,1fr);overflow:auto}.filters{grid-template-columns:1fr}.work-order-row{grid-template-columns:1fr auto;padding:15px}.work-order-row .row-status,.work-order-row .row-due{grid-column:1}.work-order-row .row-arrow{grid-column:2;grid-row:1/4}.bottom-nav{position:fixed;right:0;bottom:0;left:0;z-index:30;display:grid;grid-template-columns:repeat(4,1fr);padding:7px 5px calc(7px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#fff}.bottom-nav a{padding:6px 3px;color:var(--muted);font-size:.69rem;font-weight:700;text-align:center;text-decoration:none}.bottom-nav a.active{color:var(--accent)}.auth-card{padding:28px 22px}.work-order-page{padding-bottom:138px}.work-order-page>article{width:min(100% - 24px,980px)}.work-order-hero{display:block;padding:25px 0 18px}.status-bar{margin-right:-12px;margin-left:-12px;border-radius:0}.content-card{padding:16px}.details-grid{grid-template-columns:1fr 1fr}.comment-form{grid-template-columns:1fr}.sticky-action{display:grid;justify-items:stretch}.sticky-action p{text-align:center}.sheet{width:100vw;height:100vh;max-width:none;max-height:none;border-radius:0}.sheet-card header{padding-top:calc(14px + env(safe-area-inset-top))}.entry-row{grid-template-columns:1fr 1fr}.entry-row button{grid-column:2}.form-grid{grid-template-columns:1fr}}
[hidden]{display:none!important}