:root{
  --brand:#0b6b72;--brand-2:#1695a8;--brand-3:#1fb57f;--navy:#163b65;--blue:#21a7e0;--gold:#ffb547;
  --bg:#f4f8f8;--surface:#fff;--surface-soft:#f8fbfb;--text:#17303b;--muted:#6f8088;--line:#dfe9e9;
  --danger:#c83d4b;--warning:#de8b19;--ok:#18865d;--info:#247ba0;
  --shadow:0 10px 30px rgba(12,83,91,.09);--shadow-lg:0 18px 48px rgba(12,83,91,.15);
  --radius:22px;--safe-bottom:max(10px,env(safe-area-inset-bottom));
}
*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{min-height:100%}body{margin:0;font-family:system-ui,-apple-system,"Noto Sans Thai","Segoe UI",sans-serif;background:linear-gradient(180deg,#f8fbfb 0,#f2f7f7 100%);color:var(--text);-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.offline-banner{position:sticky;top:0;z-index:60;padding:7px 12px;text-align:center;background:#fff3cd;color:#6b5313;border-bottom:1px solid #f0dc91;font-size:.78rem;font-weight:700}
.appbar{position:sticky;top:0;z-index:50;height:74px;background:rgba(255,255,255,.93);backdrop-filter:blur(14px);display:flex;align-items:center;gap:12px;padding:10px max(14px,env(safe-area-inset-left)) 10px max(14px,env(safe-area-inset-right));border-bottom:1px solid rgba(217,230,229,.9);box-shadow:0 3px 16px rgba(14,80,83,.04)}
.appbar-logo{width:50px;height:50px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 4px 13px rgba(28,79,76,.14)}.appbar-title-wrap{min-width:0;flex:1}.appbar-title{font-size:1.16rem;font-weight:900;color:#143b49;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.appbar-subtitle{font-size:.72rem;color:#7c8f95;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.appbar-actions{display:flex;align-items:center;gap:8px}.appbar-icon{width:40px;height:40px;border:1px solid #e0eaea;border-radius:13px;background:#f7fbfb;color:#1b5960;display:grid;place-items:center;font-size:1.28rem}.back-btn{font-size:1.8rem;line-height:1}.ghost{border:1px solid #cfe0df;background:#fff;color:#17666c;padding:10px 13px;border-radius:12px;font-weight:800}.connection-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;background:#ebf9f3;color:#157155;font-size:.67rem;font-weight:800}.connection-pill span{width:7px;height:7px;border-radius:50%;background:#24b67d;box-shadow:0 0 0 4px rgba(36,182,125,.12)}.connection-pill.offline{background:#fff4e4;color:#8b5d12}.connection-pill.offline span{background:#e99b2b}

.shell{width:min(1120px,100%);margin:0 auto;padding:16px 16px calc(92px + var(--safe-bottom))}.view{display:none}.view.active{display:block;animation:viewIn .18s ease}@keyframes viewIn{from{opacity:.55;transform:translateY(4px)}to{opacity:1;transform:none}}
.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
.section-kicker{display:block;font-size:.68rem;letter-spacing:.09em;font-weight:900;color:#168276;margin-bottom:3px}.section-head,.page-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin:18px 0 12px}.section-head h2,.page-intro h1{margin:0;font-size:1.55rem;color:#173947;line-height:1.2}.page-intro p{margin:5px 0 0;color:var(--muted);font-size:.85rem}.link-btn{border:0;background:transparent;color:#147779;font-weight:900;padding:8px}.pill,.badge{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:7px 11px;background:#eaf6f6;color:#176c72;font-size:.75rem;font-weight:900}.badge.active,.badge.completed{background:#e8f8ef;color:#17724f}.badge.maintenance,.badge.overdue{background:#ffeded;color:#a62f3c}.badge.due_soon,.badge.waiting_info{background:#fff5df;color:#946211}.badge.new,.badge.received,.badge.in_progress{background:#eaf3ff;color:#285f9f}.badge.closed,.badge.full{background:#eef0f1;color:#67767d}.primary{border:0;background:linear-gradient(135deg,#0b7372,#15998b);color:#fff;padding:12px 18px;border-radius:13px;font-weight:900;box-shadow:0 8px 18px rgba(10,116,105,.18)}.primary:disabled{opacity:.55;cursor:not-allowed}.primary.small{padding:9px 13px;font-size:.82rem}.outline-action{border:1px solid #bfdcda;background:#fff;color:#176b6f;padding:11px 14px;border-radius:12px;font-weight:900}

/* Hero uses the user's original banner asset without altering the image. */
.hero-art{position:relative;width:100%;aspect-ratio:1536/864;margin:0 0 12px;overflow:visible;isolation:isolate}.hero-art-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;pointer-events:none;user-select:none;-webkit-user-drag:none;z-index:0}.hero-greeting-live{position:absolute;left:5.2%;top:42.25%;width:32.2%;min-height:14.5%;z-index:3;display:flex;flex-direction:column;justify-content:center;padding:1.1% 1.55%;border-radius:1.3vw;background:linear-gradient(90deg,rgba(222,242,255,.98),rgba(222,242,255,.86) 78%,rgba(222,242,255,.32));backdrop-filter:blur(2px);color:#163b65}.hero-greeting-title{font-size:clamp(12px,2.05vw,29px);font-weight:950;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-greeting-sub{font-size:clamp(9px,1.3vw,19px);font-weight:700;color:#526b89;margin-top:.3em}.hero-search-live{position:absolute;left:5.05%;top:61.15%;width:47.7%;height:11%;z-index:4;margin:0;padding:0 2.1%;display:flex;align-items:center;gap:1.1%;border:1px solid rgba(95,169,214,.75);border-radius:999px;background:rgba(255,255,255,.97);box-shadow:0 .7vw 1.7vw rgba(34,105,157,.18)}.hero-search-live .search-icon{font-size:clamp(12px,2vw,28px);line-height:1;flex:0 0 auto}.hero-search-live input{min-width:0;width:100%;height:100%;border:0;outline:0;background:transparent;color:#30415d;font-size:clamp(10px,1.5vw,21px);font-weight:600;padding:0}.hero-search-live input::placeholder{color:#687891}.search-clear{flex:0 0 auto;width:28px;height:28px;border:0;background:#edf3f7;color:#586b7a;border-radius:50%;display:grid;place-items:center;font-size:1rem}.hero-stat-number{position:absolute;top:82.45%;transform:translate(-50%,-50%);z-index:4;min-width:5%;height:8%;padding:0 .65%;border-radius:999px;display:grid;place-items:center;color:#163b65;background:rgba(255,255,255,.97);border:1px solid rgba(69,131,198,.25);box-shadow:0 .45vw 1.2vw rgba(18,75,131,.16);font-size:clamp(11px,2vw,28px);line-height:1;font-weight:950}.hero-stat-number.stat-today{left:29.05%}.hero-stat-number.stat-completed{left:60.2%}.hero-stat-number.stat-progress{left:89.25%}
.home-search-results{position:relative;z-index:20;width:min(760px,96%);margin:-4px auto 14px;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff;box-shadow:var(--shadow-lg)}.search-result-item{width:100%;border:0;border-bottom:1px solid #edf1f1;background:#fff;color:var(--text);padding:12px 14px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;text-align:left}.search-result-item:last-child{border-bottom:0}.search-result-item:active{background:#f2f9f8}.search-result-icon{font-size:1.5rem}.search-result-copy{min-width:0}.search-result-copy b{display:block;font-size:.9rem}.search-result-copy small{display:block;margin-top:2px;color:var(--muted);font-size:.74rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result-arrow{font-size:1.4rem;color:#7b9298}.search-empty{padding:17px;text-align:center;color:var(--muted)}

.home-shortcuts-six{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:2px 0 24px}.shortcut-card{min-height:128px;padding:15px;border:1px solid #e2eaea;border-radius:22px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;justify-content:center;gap:5px;background:#fff;box-shadow:var(--shadow);color:#173d49}.shortcut-card:active{transform:scale(.985)}.shortcut-icon{font-size:2.15rem;line-height:1;margin-bottom:4px}.shortcut-card b{font-size:.95rem}.shortcut-card small{font-size:.7rem;color:#788c91;line-height:1.3}.shortcut-services{background:linear-gradient(150deg,#f4fbff,#f3f8ff)}.shortcut-request{background:linear-gradient(150deg,#fff6f6,#fff0f1)}.shortcut-track{background:linear-gradient(150deg,#f3fbff,#eef7fc)}.shortcut-facility{background:linear-gradient(150deg,#f3fbf5,#edf8f1)}.shortcut-activity{background:linear-gradient(150deg,#fffbed,#fff6db)}.shortcut-profile{background:linear-gradient(150deg,#faf5ff,#f5efff)}
.overview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.overview-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px;box-shadow:var(--shadow);min-height:165px}.overview-title{display:flex;align-items:center;gap:7px;font-weight:900;color:#244650}.overview-content{margin-top:13px;min-height:105px}.empty-lite{color:var(--muted);display:flex;align-items:center}.request-pill{display:inline-flex;padding:6px 10px;border-radius:999px;background:#eaf3ff;color:#285f9f;font-size:.72rem;font-weight:900}.mini-stats{display:grid;gap:9px}.mini-row{display:flex;justify-content:space-between;align-items:center;font-size:.83rem}.mini-row b{font-size:1rem}

.content-toolbar{padding:13px;margin-bottom:13px}.inline-search{display:flex;align-items:center;gap:9px;border:1px solid #d9e6e5;background:#fbfdfd;border-radius:13px;padding:0 12px;min-height:44px}.inline-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--text)}.chip-row{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.chip{border:1px solid #dbe7e5;background:#fff;color:#526f70;border-radius:999px;padding:7px 11px;font-size:.72rem;font-weight:800}.chip.active{background:#0d7775;border-color:#0d7775;color:#fff}.facility-toolbar{display:grid;grid-template-columns:1fr auto;gap:9px}.location-notice{padding:10px 12px;margin:-3px 0 12px;background:#eef8f5;border:1px solid #d7ece6;border-radius:12px;color:#3d6a62;font-size:.78rem}
.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px;min-height:180px;display:flex;flex-direction:column;gap:8px;box-shadow:var(--shadow)}.card .icon{font-size:2.05rem}.card .card-kicker{font-size:.67rem;font-weight:900;color:#17817a}.card h3{margin:0;font-size:1rem;line-height:1.38;color:#1d414c}.card p{margin:0;color:var(--muted);font-size:.79rem;line-height:1.55}.card .footer{margin-top:auto;padding-top:8px;display:flex;align-items:center;justify-content:space-between;gap:7px}.card-meta{display:grid;gap:5px;color:#61787b;font-size:.74rem}.card-badges{display:flex;gap:6px;flex-wrap:wrap}.new-badge{background:#fff3dd;color:#96641c}.feature-badge{background:#ecf9f4;color:#15725b}.distance-badge{background:#eaf7ff;color:#267399}.card-image{width:100%;aspect-ratio:16/8;border-radius:13px;object-fit:cover;background:#eef3f3}.card-actions{display:flex;gap:7px;flex-wrap:wrap}.card-actions a,.card-actions button{border:1px solid #d5e5e2;background:#fff;color:#176a6b;border-radius:10px;padding:8px 10px;font-size:.74rem;font-weight:900}.card-actions .card-primary{background:#0c7774;color:#fff;border-color:#0c7774}

.requests-toolbar{margin-bottom:12px}.list-stack{display:flex;flex-direction:column;gap:10px}.request-item{width:100%;border:1px solid var(--line);background:#fff;border-radius:17px;padding:14px;display:grid;grid-template-columns:1fr auto;gap:12px;text-align:left;box-shadow:var(--shadow);color:var(--text)}.request-item h3{margin:0 0 4px;font-size:.92rem;line-height:1.4}.request-meta{display:flex;gap:7px;flex-wrap:wrap;color:#718487;font-size:.72rem}.request-side{display:flex;flex-direction:column;align-items:flex-end;gap:7px}.request-side small{color:#8a9b9e;font-size:.68rem}.protected-placeholder{background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px 20px;text-align:center;box-shadow:var(--shadow)}.protected-placeholder .protect-icon{font-size:2.3rem}.protected-placeholder h3{margin:9px 0 4px}.protected-placeholder p{margin:0 0 14px;color:var(--muted);font-size:.82rem}

.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;padding:17px}.form-grid label{display:flex;flex-direction:column;gap:6px;font-size:.79rem;font-weight:850;color:#34575d}.form-grid input,.form-grid textarea,.form-grid select{width:100%;border:1px solid #d9e6e5;border-radius:12px;padding:11px 12px;background:#fff;color:var(--text);outline:0}.form-grid input:focus,.form-grid textarea:focus,.form-grid select:focus{border-color:#4aaca4;box-shadow:0 0 0 3px rgba(36,151,142,.09)}.form-grid input:user-invalid,.form-grid textarea:user-invalid{border-color:#e49ca4}.span2{grid-column:1/-1}.form-section-title{display:flex;align-items:center;gap:10px;padding:5px 0 2px}.form-section-title>span{width:30px;height:30px;border-radius:10px;background:#e8f7f2;color:#11735e;display:grid;place-items:center;font-weight:950}.form-section-title b{display:block;font-size:.9rem}.form-section-title small{display:block;color:#7d8d90;font-size:.7rem;margin-top:1px}.required-mark{color:#c73b49}.field-hint{font-weight:500;color:#879699;font-size:.68rem}.input-action-row{display:grid;grid-template-columns:1fr 42px;gap:7px}.input-action-btn{border:1px solid #d7e5e4;background:#edf8f5;border-radius:11px}.file-drop{border:1.5px dashed #b8d8d4!important;background:#f8fcfb!important;border-radius:16px!important;padding:18px!important;align-items:center!important;text-align:center!important;cursor:pointer}.file-drop input{position:absolute;opacity:0;pointer-events:none;width:1px!important;height:1px!important}.file-drop-icon{font-size:2rem}.file-drop b{font-size:.88rem}.file-drop small{color:#7f9194}.selected-files{display:grid;gap:7px}.selected-file{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:9px 10px;border:1px solid #e2ebea;border-radius:11px;background:#fbfdfd}.selected-file-icon{font-size:1.3rem}.selected-file-copy{min-width:0}.selected-file-copy b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.76rem}.selected-file-copy small{font-size:.66rem;color:#859598}.selected-file button{border:0;background:#fff0f1;color:#ad3945;border-radius:9px;width:31px;height:31px}.form-notice{display:flex;gap:9px;align-items:flex-start;background:#eef8f5;border:1px solid #d9ece8;border-radius:13px;padding:11px;color:#426861}.form-notice p{margin:0;font-size:.72rem;line-height:1.5}.form-actions{display:flex;justify-content:flex-end;gap:8px}.sticky-form-actions{position:sticky;bottom:78px;background:rgba(255,255,255,.95);padding:10px 0 0;z-index:5}.checkbox{flex-direction:row!important;align-items:flex-start}.checkbox input{width:auto!important;margin-top:2px}.consent-box{padding:12px;border:1px solid #dce9e7;border-radius:13px;background:#fbfdfd}.profile-identity{display:flex;align-items:center;gap:12px;padding:2px 0 14px;border-bottom:1px solid #e4eceb}.profile-identity img{width:62px;height:62px;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 4px 13px rgba(27,87,82,.13)}.profile-identity b{font-size:1rem}.profile-identity small{display:block;color:var(--muted);margin-top:3px}.profile-save-meta{font-size:.7rem;color:#7d9092}

.service-detail-panel{padding:18px}.service-detail-hero{display:grid;grid-template-columns:72px 1fr;gap:14px;align-items:start}.service-detail-icon{width:66px;height:66px;border-radius:18px;background:#edf8f5;display:grid;place-items:center;font-size:2.4rem}.service-detail-hero h1{margin:0;font-size:1.45rem}.service-detail-hero p{margin:6px 0 0;color:var(--muted);line-height:1.6}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:17px}.detail-box{padding:12px;border:1px solid #e1eaea;border-radius:13px;background:#fbfdfd}.detail-box b{display:block;font-size:.72rem;color:#698083;margin-bottom:4px}.detail-box p{margin:0;font-size:.83rem;line-height:1.5}.detail-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}

.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:45;background:rgba(255,255,255,.96);backdrop-filter:blur(15px);border-top:1px solid #dfe9e9;display:grid;grid-template-columns:repeat(5,1fr);padding:7px max(9px,env(safe-area-inset-left)) var(--safe-bottom) max(9px,env(safe-area-inset-right));box-shadow:0 -8px 30px rgba(20,74,75,.08)}.bottom-item{border:0;background:transparent;color:#73878b;display:flex;flex-direction:column;align-items:center;gap:3px;padding:5px 2px;min-width:0}.bottom-item span{font-size:1.35rem;line-height:1}.bottom-item b{font-size:.7rem;white-space:nowrap}.bottom-item.active{color:#0c7471}.bottom-item.is-primary span{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#0b6f74,#15988d);color:#fff;display:grid;place-items:center;box-shadow:0 11px 22px rgba(14,116,111,.24);margin-top:-21px}.bottom-item.is-primary b{margin-top:4px}

.app-dialog{border:0;border-radius:22px;width:min(760px,94vw);max-height:88vh;overflow:auto;padding:0;box-shadow:0 30px 70px rgba(10,49,49,.25)}.app-dialog::backdrop{background:rgba(7,39,45,.55);backdrop-filter:blur(2px)}.app-dialog form{padding:18px}.dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border-bottom:1px solid #e7eeee;padding-bottom:12px}.dialog-head h2{margin:0;font-size:1.18rem}.dialog-close{border:1px solid #e0e8e8;background:#fff;width:36px;height:36px;border-radius:11px}.dialog-actions{display:flex;justify-content:flex-end;margin-top:14px}.dialog-actions button{border:1px solid #d8e6e4;background:#fff;border-radius:11px;padding:9px 14px}.request-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}.request-detail-grid>div{background:#f8fbfb;border:1px solid #e2eaea;border-radius:12px;padding:11px}.request-detail-grid b{font-size:.72rem;color:#667d80}.request-detail-grid p{margin:5px 0 0;font-size:.82rem;line-height:1.5;white-space:pre-wrap}.status-progress{display:grid;grid-template-columns:repeat(5,1fr);gap:3px;margin:15px 0}.status-step{text-align:center;position:relative;padding-top:24px;font-size:.62rem;color:#89999b}.status-step:before{content:"";position:absolute;top:7px;left:0;right:0;height:4px;background:#e4eceb}.status-step:first-child:before{left:50%}.status-step:last-child:before{right:50%}.status-step:after{content:"";position:absolute;top:2px;left:50%;transform:translateX(-50%);width:14px;height:14px;border-radius:50%;background:#d6e2e0;border:3px solid #fff;box-shadow:0 0 0 1px #d6e2e0}.status-step.done:before{background:#28a77e}.status-step.done:after{background:#28a77e;box-shadow:0 0 0 1px #28a77e}.status-step.current{font-weight:900;color:#146e64}.timeline{display:flex;flex-direction:column;gap:8px}.timeline-item{border-left:3px solid #39a58c;padding:9px 11px;background:#f8fbfb;border-radius:0 10px 10px 0}.timeline-head{display:flex;justify-content:space-between;gap:8px}.timeline-head b{font-size:.79rem}.timeline-head span{font-size:.65rem;color:#879597}.timeline-item p{margin:5px 0 0;font-size:.75rem;line-height:1.5}.attachment-list{display:flex;flex-direction:column;gap:7px}.attachment-list a{padding:9px;border:1px solid #dfe9e8;border-radius:10px;color:#176a70;font-size:.76rem;background:#fff}.resolution-box{margin-top:12px;padding:12px;border:1px solid #cfe7da;background:#f0fbf5;border-radius:12px}.resolution-box b{color:#166c50}.resolution-box p{margin:5px 0 0;font-size:.82rem;line-height:1.55}
.success-dialog form{text-align:center;padding:25px}.success-mark{width:68px;height:68px;border-radius:50%;background:#e7f9ef;color:#19875e;display:grid;place-items:center;margin:0 auto 12px;font-size:2rem;font-weight:950}.success-dialog h2{margin:0}.success-dialog p{color:var(--muted);margin:6px 0 12px}.success-request-no{padding:12px;background:#f1f8f7;border:1px solid #d8e9e6;border-radius:12px;font-weight:950;color:#155f65;font-size:1.08rem}.success-actions{display:flex;justify-content:center;gap:8px;margin-top:13px}.success-actions button{border:1px solid #d8e6e4;background:#fff;border-radius:11px;padding:10px 13px;font-weight:850}.success-actions .primary{background:#0d7872;color:#fff;border-color:#0d7872}

.toast{position:fixed;left:50%;bottom:calc(92px + var(--safe-bottom));transform:translate(-50%,140px);background:#173c42;color:#fff;padding:11px 14px;border-radius:12px;transition:.23s;z-index:80;max-width:min(90vw,520px);box-shadow:0 14px 34px rgba(8,42,45,.24);font-size:.8rem;text-align:center}.toast.show{transform:translate(-50%,0)}.toast.error{background:#8e2f39}.toast.success{background:#136b51}.loading{position:fixed;inset:0;background:rgba(247,251,251,.85);backdrop-filter:blur(3px);display:grid;place-items:center;z-index:100}.loading-card{min-width:160px;background:#fff;border:1px solid #dce8e7;border-radius:18px;padding:20px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;align-items:center;gap:7px}.loading-card small{color:var(--muted);font-size:.7rem}.spinner{width:30px;height:30px;border-radius:50%;border:3px solid #d9efea;border-top-color:#15947c;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty{padding:28px;text-align:center;border:1px dashed #cfe0de;border-radius:15px;background:#fbfdfd;color:var(--muted);grid-column:1/-1}.empty-icon{font-size:2rem;margin-bottom:7px}.empty h3{margin:0 0 5px;color:#34575d;font-size:.95rem}.empty p{margin:0;font-size:.75rem}

@media(max-width:900px){.card-grid{grid-template-columns:repeat(2,1fr)}.overview-grid{grid-template-columns:1fr 1fr}.overview-grid .service-card-featured{grid-column:1/-1}.connection-pill b{display:none}.connection-pill{padding:7px}.home-shortcuts-six{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){
  .appbar{height:68px;padding-top:8px;padding-bottom:8px}.appbar-logo{width:46px;height:46px}.appbar-title{font-size:1.05rem}.appbar-subtitle{font-size:.66rem}.connection-pill{display:none}.shell{padding:10px 10px calc(88px + var(--safe-bottom))}.page-intro{align-items:flex-start;margin:14px 2px 10px}.page-intro h1,.section-head h2{font-size:1.25rem}.page-intro p{font-size:.76rem}
  .hero-art{margin:-1px 0 9px;aspect-ratio:1536/864}.hero-greeting-live{left:5.25%;top:42.1%;width:33.3%;min-height:15%;padding:1.15% 1.4%;border-radius:10px}.hero-greeting-title{font-size:clamp(10px,3.5vw,16px)}.hero-greeting-sub{font-size:clamp(7.8px,2.25vw,11.5px)}.hero-search-live{left:5.15%;top:61.05%;width:48.2%;height:11.35%;padding:0 2.1%;box-shadow:0 5px 13px rgba(34,105,157,.16)}.hero-search-live .search-icon{font-size:clamp(10px,3vw,15px)}.hero-search-live input{font-size:clamp(8.5px,2.55vw,12.5px)}.search-clear{width:20px;height:20px;font-size:.75rem}.hero-stat-number{top:82.45%;height:8.2%;min-width:6.6%;font-size:clamp(10px,3.4vw,16px);box-shadow:0 3px 9px rgba(18,75,131,.15)}.hero-stat-number.stat-today{left:29.1%}.hero-stat-number.stat-completed{left:60.25%}.hero-stat-number.stat-progress{left:89.15%}
  .home-search-results{width:95%;margin:-1px auto 10px;border-radius:14px}.search-result-item{padding:10px 11px;gap:9px}.search-result-icon{font-size:1.2rem}.search-result-copy b{font-size:.8rem}.search-result-copy small{font-size:.68rem}
  .home-shortcuts-six{gap:8px;margin-bottom:18px}.shortcut-card{min-height:102px;padding:11px 8px;border-radius:17px;align-items:center;text-align:center;gap:3px}.shortcut-icon{font-size:1.75rem;margin:0}.shortcut-card b{font-size:.72rem}.shortcut-card small{display:none}.home-overview-head{margin-top:10px}.overview-grid{grid-template-columns:1fr;gap:9px}.overview-grid .service-card-featured{grid-column:auto}.overview-card{min-height:130px;padding:14px}
  .card-grid{grid-template-columns:1fr;gap:10px}.card{min-height:150px;padding:14px}.card .icon{font-size:1.8rem}.card h3{font-size:.94rem}.card p{font-size:.76rem}.facility-toolbar{grid-template-columns:1fr auto}.outline-action{padding:10px 11px;font-size:.75rem}.content-toolbar{padding:10px}.inline-search{min-height:42px}
  .request-item{padding:12px}.request-side{min-width:90px}.requests-intro{align-items:center}.form-grid{grid-template-columns:1fr;padding:13px;gap:11px}.span2{grid-column:auto}.form-section-title.span2,.form-notice.span2,.selected-files.span2,.sticky-form-actions.span2,.profile-identity.span2,.consent-box.span2,.profile-save-meta.span2{grid-column:auto}.sticky-form-actions{bottom:73px}.detail-grid,.request-detail-grid{grid-template-columns:1fr}.status-progress{grid-template-columns:repeat(5,1fr)}.status-step{font-size:.54rem}.service-detail-hero{grid-template-columns:58px 1fr}.service-detail-icon{width:54px;height:54px;font-size:2rem}.service-detail-hero h1{font-size:1.15rem}
  .bottom-item b{font-size:.64rem}.bottom-item span{font-size:1.23rem}.bottom-item.is-primary span{width:46px;height:46px}.app-dialog{width:95vw;border-radius:18px}.success-actions{flex-direction:column}.success-actions button{width:100%}
}
@media(max-width:390px){.appbar-actions .ghost{font-size:.68rem;padding:8px}.home-shortcuts-six{gap:6px}.shortcut-card{min-height:94px}.shortcut-card b{font-size:.68rem}.hero-greeting-live{width:34.3%}.hero-greeting-title{font-size:9.5px}.hero-greeting-sub{font-size:7.5px}.hero-search-live input{font-size:8.5px}.hero-stat-number{font-size:10.5px}.bottom-item b{font-size:.59rem}}