:root{--bg:#f3f6fa;--surface:#fff;--ink:#17283c;--muted:#718096;--line:#e4eaf1;--blue:#2365d8;--blue2:#eaf1ff;--green:#11835b;--amber:#b87312;--red:#bd3e48;--shadow:0 8px 28px rgba(30,54,82,.07)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}button,input,select,textarea{font:inherit}.app-shell{max-width:760px;min-height:100vh;margin:auto;padding-bottom:calc(76px + env(safe-area-inset-bottom))}.topbar{height:68px;padding:10px 18px;display:flex;align-items:center;gap:12px;background:#122238;color:white;position:sticky;top:0;z-index:5}.brand-mark{width:40px;height:40px;border-radius:13px;background:#2c74e8;display:grid;place-items:center;font-weight:800;letter-spacing:-1px}.brand-copy{display:flex;flex-direction:column;flex:1}.brand-copy strong{font-size:17px}.brand-copy span{font-size:12px;color:#b9c8da}.brand-copy .app-version{font-size:10px;line-height:1.1;color:#8fa6c0;font-weight:600;margin-top:1px}.icon-button{border:1px solid #405269;background:transparent;color:white;border-radius:12px;width:38px;height:38px;font-size:22px}.content{padding:18px 16px 26px}.loading{display:flex;gap:10px;align-items:center;padding:35px 5px;color:var(--muted)}.spinner{width:18px;height:18px;border:2px solid #d5deea;border-top-color:var(--blue);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.page-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:4px 0 16px}.page-title h1{font-size:23px;line-height:1.2;margin:0;letter-spacing:-.5px}.subtle{color:var(--muted);font-size:13px}.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:18px}.stat{background:var(--surface);border:1px solid var(--line);border-radius:17px;padding:14px;box-shadow:var(--shadow)}.stat .value{font-size:25px;font-weight:800;letter-spacing:-.7px}.stat .label{color:var(--muted);font-size:12px;margin-top:2px}.section-head{display:flex;justify-content:space-between;align-items:center;margin:20px 0 9px}.section-head h2{font-size:16px;margin:0}.link-button{border:0;background:none;color:var(--blue);padding:4px;font-size:13px;font-weight:700}.card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:14px;margin:9px 0;box-shadow:var(--shadow)}.card-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.card h3{font-size:15px;margin:0 0 4px}.card p{margin:4px 0;color:var(--muted);font-size:13px}.pill{display:inline-flex;align-items:center;border-radius:30px;background:#edf2f7;color:#526174;padding:4px 8px;font-size:11px;font-weight:700;white-space:nowrap}.pill.NEW,.pill.WAITING_CONFIRMATION{background:#fff4dc;color:#98600b}.pill.SCHEDULED{background:#eaf1ff;color:#255fb8}.pill.IN_PROGRESS{background:#e5f7ee;color:#12704f}.pill.COMPLETED{background:#e5f7ee;color:#12704f}.pill.CANCELED,.pill.NO_SHOW{background:#fcebed;color:#a3313a}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.btn{border:0;border-radius:12px;background:var(--blue);color:#fff;padding:10px 14px;font-weight:700;cursor:pointer}.btn.secondary{background:var(--blue2);color:var(--blue)}.btn.ghost{background:#f0f3f7;color:#405168}.btn.danger{background:#fff0f1;color:var(--red)}.btn.small{padding:7px 10px;font-size:12px}.btn:disabled{opacity:.5}.search-row{display:flex;gap:8px;margin:12px 0}.field{width:100%;border:1px solid #d9e1eb;background:white;border-radius:11px;padding:11px 12px;color:var(--ink);outline:none}.field:focus{border-color:#76a0ed;box-shadow:0 0 0 3px #eaf1ff}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-field{margin:9px 0}.form-field label{display:block;font-size:12px;color:var(--muted);margin:0 0 5px}.form-field.full{grid-column:1/-1}textarea.field{resize:vertical;min-height:76px}.empty{padding:24px 14px;text-align:center;border:1px dashed #cbd6e3;border-radius:16px;color:var(--muted);background:#fbfcfe}.bottom-nav{position:fixed;z-index:8;bottom:0;left:50%;transform:translateX(-50%);width:min(760px,100%);display:grid;grid-template-columns:repeat(6,1fr);padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);border-top:1px solid var(--line);backdrop-filter:blur(15px)}.nav-item{border:0;background:transparent;color:#8390a1;padding:5px 0 2px;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:10px}.nav-item span{font-size:20px;line-height:1.1}.nav-item.active{color:var(--blue);font-weight:800}.modal-backdrop{position:fixed;inset:0;background:rgba(12,25,41,.48);z-index:20;display:flex;align-items:flex-end;justify-content:center}.modal{width:min(760px,100%);max-height:92vh;overflow:auto;background:var(--bg);border-radius:22px 22px 0 0;padding:18px 16px calc(24px + env(safe-area-inset-bottom));animation:slideup .18s ease}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.modal-head h2{margin:0;font-size:19px}.close{border:0;background:#e6ebf2;border-radius:50%;width:34px;height:34px;font-size:20px}.toast{position:fixed;z-index:40;bottom:90px;left:50%;transform:translateX(-50%);max-width:90vw;background:#15283e;color:white;padding:11px 15px;border-radius:12px;box-shadow:var(--shadow);font-size:13px}.checklist{display:grid;gap:8px}.checkline{display:flex;gap:8px;align-items:center;background:white;padding:9px;border-radius:10px;border:1px solid var(--line);font-size:13px}.order-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:7px}.divider{height:1px;background:var(--line);margin:13px 0}.payment-line{display:flex;justify-content:space-between;font-size:13px;padding:5px 0}.muted-box{background:#f6f8fb;border:1px solid var(--line);padding:10px;border-radius:12px;color:#54657a;font-size:13px}@keyframes slideup{from{transform:translateY(25px);opacity:.7}to{transform:translateY(0);opacity:1}}
@media(min-width:600px){.content{padding:24px}.stats{grid-template-columns:repeat(4,1fr)}.modal-backdrop{align-items:center;padding:20px}.modal{border-radius:20px;max-height:88vh}.form-grid{grid-template-columns:1fr 1fr}}
.order-card{cursor:pointer}.order-details{display:grid;gap:6px;margin-top:11px;padding-top:10px;border-top:1px solid var(--line)}.order-detail{font-size:13px;color:#43546a;white-space:pre-wrap;overflow-wrap:anywhere}.order-detail strong{color:var(--ink);font-weight:700}.order-details-empty{color:var(--muted);font-size:12px;font-style:italic}

.photo-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px;align-items:start}.photo-tile{display:flex;flex-direction:column;gap:5px;min-width:0;text-decoration:none;color:inherit}.photo-link{cursor:zoom-in}.photo-thumb{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:12px;border:1px solid var(--line);background:#eef2f7}.photo-caption{font-size:11px;color:var(--muted);overflow-wrap:anywhere;line-height:1.3}.photo-placeholder{width:100%;aspect-ratio:1/1;border-radius:12px;background:#eef2f7;border:1px dashed #cbd6e3;display:grid;place-items:center;text-align:center;padding:8px;color:var(--muted);font-size:11px}

.contact-link{color:var(--blue);font-weight:650;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;overflow-wrap:anywhere}.phone-link{white-space:nowrap}.address-link{display:inline}

.client-picker-row{display:flex;align-items:center;gap:8px}.client-picker-row select{flex:1;min-width:0}.client-picker-row .btn{white-space:nowrap;padding:10px 11px}@media(max-width:420px){.client-picker-row{align-items:stretch;flex-direction:column}.client-picker-row .btn{width:100%}}

.client-comment{white-space:pre-wrap;overflow-wrap:anywhere;color:#43546a}.client-comment strong{color:var(--ink)}

.stat-link{display:block;width:100%;text-align:left;color:inherit;cursor:pointer;font:inherit}.stat-link:active,.maintenance-card:active,.history-order:active{transform:scale(.99);opacity:.85}.maintenance-card{display:block;width:100%;text-align:left;color:inherit;font:inherit;cursor:pointer}.history-order{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;width:100%;padding:10px 0;border:0;border-bottom:1px solid var(--line);background:transparent;color:inherit;text-align:left;cursor:pointer}.history-order:last-child{border-bottom:0}.history-order-main{display:grid;gap:4px;min-width:0}.history-order-main strong{font-size:13px}.history-order-main small{font-size:12px;color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere}

/* Location autocomplete dropdowns */
.suggest-host{position:relative}.suggest-list{position:absolute;z-index:120;top:calc(100% - 2px);left:0;right:0;max-height:220px;overflow:auto;background:var(--card,#fff);border:1px solid var(--line);border-radius:0 0 12px 12px;box-shadow:0 10px 24px rgba(15,35,60,.16)}.suggest-list[hidden]{display:none}.suggest-option{display:block;width:100%;padding:11px 12px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);text-align:left;font:inherit;font-size:13px;cursor:pointer}.suggest-option:last-child{border-bottom:0}.suggest-option:active{background:var(--soft,#eef3f8)}