:root{--bg: #fff;--surface: #f9f7f6;--border: #f0e3de;--fg: #171717;--muted: #707070;--accent: #d63c01;--accent-hover: #bf4c14;--on-accent: #fff;--danger: #c62828;--radius: .75rem;--inset-top: calc(var(--tg-safe-area-inset-top, env(safe-area-inset-top, 0px)) + var(--tg-content-safe-area-inset-top, 0px));--inset-right: calc(var(--tg-safe-area-inset-right, env(safe-area-inset-right, 0px)) + var(--tg-content-safe-area-inset-right, 0px));--inset-bottom: calc(var(--tg-safe-area-inset-bottom, env(safe-area-inset-bottom, 0px)) + var(--tg-content-safe-area-inset-bottom, 0px));--inset-left: calc(var(--tg-safe-area-inset-left, env(safe-area-inset-left, 0px)) + var(--tg-content-safe-area-inset-left, 0px));color-scheme:light}:root[data-theme=dark]{--bg: #171717;--surface: #2a2927;--border: #3a3735;--fg: #fafafa;--muted: #a3a3a3;--accent: #ff5e1f;--accent-hover: #ff7038;--on-accent: #171717;--danger: #ff7a70;color-scheme:dark}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #171717;--surface: #2a2927;--border: #3a3735;--fg: #fafafa;--muted: #a3a3a3;--accent: #ff5e1f;--accent-hover: #ff7038;--on-accent: #171717;--danger: #ff7a70;color-scheme:dark}}html{font-size:clamp(14px,4.07vw,17px);-webkit-text-size-adjust:100%;text-size-adjust:100%}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:1.125rem/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;padding:var(--inset-top) var(--inset-right) var(--inset-bottom) var(--inset-left)}main{padding:1.25rem 1rem 2rem;max-width:640px;margin:0 auto}h1{font-size:1.4375rem;font-weight:600;letter-spacing:-.02em;line-height:1.2;margin:.25rem 0 1rem}h2{font-size:.875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:1.75rem 0 .625rem}p{margin:0 0 .75rem}.hint{color:var(--muted)}.error{color:var(--danger)}.list{list-style:none;margin:1rem 0 .875rem;padding:0;display:grid;gap:.5rem}.list li{display:flex;justify-content:space-between;align-items:center;gap:.75rem;flex-wrap:wrap;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.875rem 1rem}.list li.nav{padding:0;transition:border-color .15s}.list li.nav:hover,.list li.nav:active{border-color:var(--accent)}.list li.nav>a{display:flex;align-items:center;gap:.75rem;flex:1;padding:.875rem 1rem;color:inherit;text-decoration:none}.list li.nav>a:after{content:"›";color:var(--muted);font-size:1.5rem;line-height:1}form{display:grid;gap:.875rem}label{display:grid;gap:.375rem;color:var(--muted);font-size:.9375rem;font-weight:500}input{font:inherit;color:var(--fg);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem .875rem;min-width:0}input::placeholder{color:var(--muted);opacity:.7}input:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:transparent}button,.button{font:inherit;font-weight:600;display:inline-block;text-align:center;text-decoration:none;background:var(--accent);color:var(--on-accent);border:0;border-radius:9999px;padding:.75rem 1.375rem;cursor:pointer;transition:background .15s}button:hover:not(:disabled),.button:hover{background:var(--accent-hover)}button:focus-visible,.button:focus-visible{outline:2px solid var(--fg);outline-offset:2px}button:disabled{opacity:.45;cursor:default}.button{display:block;margin-top:.5rem}form>button{width:100%}button.danger{background:transparent;color:var(--danger);border:1px solid var(--border);width:100%;margin-top:2rem}button.danger:hover:not(:disabled){background:transparent;border-color:var(--danger)}button.icon{flex-shrink:0;background:transparent;color:var(--muted);padding:.5rem;border-radius:9999px;font-weight:400;line-height:1}button.icon:hover:not(:disabled){background:transparent;color:var(--danger)}button.link{background:none;color:var(--accent);padding:0 0 0 .5rem;border-radius:0;font-weight:500;text-decoration:underline}button.link:hover{background:none;color:var(--accent-hover)}button.secondary{background:transparent;color:var(--fg);border:1px solid var(--border);width:100%;margin-top:.5rem}button.secondary:hover:not(:disabled){background:transparent;border-color:var(--fg)}.list.hours li{display:grid;grid-template-columns:3.2em minmax(0,1fr) auto;align-items:center;gap:.5rem .75rem;padding:.625rem .875rem}.list.hours li.invalid{border-color:var(--danger)}.hours .day{font-weight:600;letter-spacing:.04em;font-size:1rem}.hours .times{display:flex;align-items:center;gap:.25rem;min-width:0}.time{display:inline-flex;align-items:center;gap:2px}.time select{font:inherit;font-size:1rem;color:var(--fg);background:var(--bg);border:1px solid var(--border);border-radius:.625rem;padding:.5rem .25rem;-moz-appearance:none;appearance:none;-webkit-appearance:none;text-align:center;text-align-last:center;min-width:2.4em}.time select:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:transparent}.hours .note{grid-column:2 / -1;font-size:.9375rem;color:var(--muted)}.hours .note.error{color:var(--danger)}.switch{position:relative;display:inline-block;width:2.875rem;height:1.75rem;cursor:pointer}.switch input{position:absolute;opacity:0;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;cursor:pointer}.switch span{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:9999px;background:var(--border);border:1px solid var(--muted);transition:background .15s}.switch span:after{content:"";position:absolute;top:.1875rem;left:.1875rem;width:1.25rem;height:1.25rem;border-radius:50%;background:var(--fg);transition:transform .15s}.switch input:checked+span{background:var(--accent);border-color:var(--accent)}.switch input:checked+span:after{transform:translate(1.125rem);background:var(--on-accent)}.switch input:focus-visible+span{outline:2px solid var(--fg);outline-offset:2px}.page-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin:.25rem 0 1rem}.page-head h1{margin:0;min-width:0;overflow-wrap:anywhere}.page-head-3{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.5rem;margin:.25rem 0 1rem}.page-head-3 h1{grid-column:2;margin:0;text-align:center;overflow-wrap:anywhere}.page-head-3>:first-child{justify-self:start}.page-head-3>:last-child{justify-self:end}.head-btn{background:none;color:var(--accent);font-weight:600;font-size:1.0625rem;padding:.5rem .375rem;border-radius:.5rem;white-space:nowrap}.head-btn:hover:not(:disabled){background:none;color:var(--accent-hover)}.head-btn:disabled{opacity:.4;cursor:default}.head-btn-danger{color:var(--danger)}.head-btn-danger:hover:not(:disabled){background:none;color:var(--danger)}.box-select{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;cursor:pointer}.box-select input[type=checkbox]{width:1.25rem;height:1.25rem;accent-color:var(--accent);flex-shrink:0}.add-btn{flex-shrink:0;width:2.5rem;height:2.5rem;display:inline-flex;align-items:center;justify-content:center;background:none;color:var(--accent);text-decoration:none;font-size:2.25rem;line-height:1;font-weight:300}.add-btn:hover{color:var(--accent-hover)}.add-btn:focus-visible{outline:2px solid var(--fg);outline-offset:2px;border-radius:.5rem}.list.boxes li.nav>a>.box-main{flex:1}.box-main{display:grid;gap:2px;min-width:0}.box-main>span:first-child:not(.stat-value){font-size:.9375rem;font-weight:600}.box-main .hint{font-size:.875rem;overflow-wrap:anywhere}.maplink{font-size:1rem;color:var(--accent);text-decoration:none;overflow-wrap:anywhere}.maplink:hover{text-decoration:underline}button.maplink{background:none;border:0;padding:0;font-weight:400;border-radius:0;cursor:pointer}button.maplink:hover:not(:disabled){background:none}.box-fields{display:grid;gap:.625rem}.box-fields .location{display:flex;align-items:center;flex-wrap:wrap;gap:.25rem .25rem}.box-fields .location .coords{margin-right:.25rem}.box-fields .location button.secondary{margin-top:0}.select-all{margin-top:.5rem}.list li.catalog-edit{display:flex;align-items:flex-start;gap:.75rem}.list li.catalog-edit>.box-fields{flex:1;min-width:0}.catalog-edit-select{width:1.25rem;height:1.25rem;margin-top:.625rem;accent-color:var(--accent);flex-shrink:0}.checkbox-row{display:flex;align-items:center;gap:.625rem;font-size:1rem;cursor:pointer}.checkbox-row input[type=checkbox]{width:1.125rem;height:1.125rem;accent-color:var(--accent);flex-shrink:0}.phone-field{display:grid;gap:.5rem}.phone-field .hint{margin:0;font-size:.9375rem}button.save{width:100%;margin-top:.5rem}.catalog-picker{gap:2px;margin-bottom:.5rem}.catalog-picker li{background:none;border:none;border-radius:0;padding:.375rem 2px}.catalog-picker label{display:flex;align-items:center;gap:.625rem;color:var(--fg);font-size:1rem;font-weight:400;cursor:pointer}.catalog-picker input[type=checkbox]{width:1.125rem;height:1.125rem;accent-color:var(--accent);flex-shrink:0}.box-main .services{font-style:italic}.role-switcher{display:flex;gap:.375rem;padding:.625rem 1rem 0;max-width:640px;margin:0 auto}.role-switcher a{flex:1;text-align:center;padding:.5rem .625rem;border-radius:9999px;font-size:.9375rem;font-weight:600;color:var(--muted);text-decoration:none;background:var(--surface);border:1px solid var(--border)}.role-switcher a.active{color:var(--on-accent);background:var(--accent);border-color:var(--accent)}.bottom-dock{position:fixed;left:0;right:0;bottom:0;z-index:10;background:var(--bg);border-top:1px solid var(--border)}.bottom-dock>.bottom-nav:first-child{border-top:0}.search-bar{display:flex;align-items:center;gap:.5rem;padding:.5rem calc(.75rem + var(--inset-right)) .5rem calc(.75rem + var(--inset-left));max-width:640px;margin:0 auto}.search-bar input{flex:1;border-radius:9999px;padding:.625rem 1rem}.search-bar button{flex-shrink:0;width:2.75rem;height:2.75rem;padding:0;display:grid;place-items:center}.bottom-nav{display:flex;justify-content:center;padding:0 var(--inset-right) var(--inset-bottom) var(--inset-left);background:var(--bg);border-top:1px solid var(--border)}.bottom-nav a{flex:1;max-width:214px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:.5rem .25rem .375rem;color:var(--muted);text-decoration:none;font-size:.75rem;font-weight:600;line-height:1.2}.bottom-nav a.active{color:var(--accent)}.has-bottom-nav{padding-bottom:var(--dock-h, calc(4rem + var(--inset-bottom)))}@media (min-width: 880px){.bottom-nav.admin{display:none}.bottom-dock:has(>.bottom-nav.admin){display:none}.admin-shell.has-bottom-nav{padding-bottom:0}}.list li.nav>button.result{display:flex;align-items:center;gap:.75rem;flex:1;width:100%;padding:.875rem 1rem;border-radius:var(--radius);background:none;color:inherit;font-weight:400;text-align:left}.list li.nav>button.result:hover:not(:disabled){background:none}.list li.nav>button.result:after{content:"›";color:var(--muted);font-size:1.5rem;line-height:1}.list.results li.nav>button.result>.box-main{flex:1}.result-meta{display:grid;justify-items:end;gap:.25rem}.distance{color:var(--accent);font-size:.875rem;font-weight:600;white-space:nowrap}.badge{font-size:.75rem;font-weight:700;letter-spacing:.02em;white-space:nowrap;color:var(--on-accent);background:var(--accent);border-radius:9999px;padding:2px .625rem}.service-picker li{padding:0}.service-picker label{display:flex;align-items:center;gap:.75rem;flex:1;padding:.875rem 1rem;color:var(--fg);font-size:1rem;font-weight:400;cursor:pointer}.service-picker input[type=checkbox]{width:1.25rem;height:1.25rem;accent-color:var(--accent);flex-shrink:0}.chips{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:0 0 .75rem}.chip{font-size:.875rem;font-weight:600;padding:.375rem .75rem;background:var(--surface);color:var(--fg);border:1px solid var(--border)}.chip:hover:not(:disabled){background:var(--surface);border-color:var(--accent)}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#00000073;opacity:0;transition:opacity .25s ease}.sheet-backdrop.open{opacity:1}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:21;max-height:85vh;max-height:85dvh;max-width:640px;margin:0 auto;display:flex;flex-direction:column;background:var(--bg);border-radius:1.25rem 1.25rem 0 0;border:1px solid var(--border);border-bottom:0;box-shadow:0 -8px 1.875rem #0000002e}.sheet-grab{flex-shrink:0;display:grid;place-items:center;padding:.75rem 0 .5rem;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.sheet-grab span{width:2.5rem;height:.3125rem;border-radius:9999px;background:var(--border)}.sheet-body{overflow-y:auto;padding:0 calc(1rem + var(--inset-right)) calc(1.25rem + var(--inset-bottom)) calc(1rem + var(--inset-left))}.sheet-body h1{margin:0 0 .25rem;overflow-wrap:anywhere}.sheet-body h2{margin-top:1.25rem}.sheet-hours{list-style:none;margin:0;padding:0;display:grid;gap:.375rem}.sheet-actions{display:flex;flex-wrap:wrap;gap:.625rem;margin-top:1.25rem}.sheet-actions .sheet-btn{flex:1;min-width:140px}.popup-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#00000073;display:flex;align-items:center;justify-content:center;padding:calc(1rem + var(--inset-top)) calc(1rem + var(--inset-right)) calc(1rem + var(--inset-bottom)) calc(1rem + var(--inset-left))}.popup{width:100%;max-width:22rem;max-height:100%;overflow-y:auto;background:var(--bg);border:1px solid var(--border);border-radius:1.25rem;box-shadow:0 .5rem 1.875rem #00000040;padding:1rem}.popup-head{display:flex;align-items:center;gap:.5rem;margin-bottom:.875rem}.popup-head h2{flex:1;margin:0;min-width:0;overflow-wrap:anywhere}.popup-pin{flex:none;width:1.5rem;height:1.5rem;color:var(--accent)}button.popup-close{flex:none;display:grid;place-items:center;width:2rem;height:2rem;padding:0;background:var(--surface);color:var(--muted);border:1px solid var(--border);border-radius:9999px}button.popup-close:hover:not(:disabled){background:var(--surface);color:var(--fg);border-color:var(--fg)}.popup-close svg{width:1rem;height:1rem}.popup-list{display:grid;gap:.5rem}.nav-option{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;min-width:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--fg);font-size:1rem;font-weight:600;text-decoration:none;cursor:pointer}.nav-option:hover{border-color:var(--accent)}.nav-name{flex:1;min-width:0;overflow-wrap:anywhere}.nav-icon{flex:none;width:2.25rem;height:2.25rem;border-radius:.625rem;display:grid;place-items:center;color:#fff}.nav-icon svg{width:1.375rem;height:1.375rem}.nav-chevron{flex:none;width:1.25rem;height:1.25rem;color:var(--muted)}.call-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#00000073;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding:0 calc(.5rem + var(--inset-right)) calc(.5rem + var(--inset-bottom)) calc(.5rem + var(--inset-left))}.call-sheet{width:100%;max-width:640px;display:grid;gap:.5rem}.call-number,.call-cancel{display:block;width:100%;padding:1rem;border:0;border-radius:.875rem;background:var(--bg);font-size:1.25rem;text-align:center;text-decoration:none;cursor:pointer}.call-number,.call-cancel{color:#007aff}.call-cancel{font-weight:600}:root[data-theme=dark] .call-number,:root[data-theme=dark] .call-cancel{color:#0a84ff}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .call-number,:root:not([data-theme=light]) .call-cancel{color:#0a84ff}}.catalog-tabs{display:flex;gap:.375rem;margin:0 0 .75rem}.catalog-tabs a{flex:1;text-align:center;padding:.5rem .625rem;border-radius:9999px;font-size:.9375rem;font-weight:600;color:var(--muted);text-decoration:none;background:var(--surface);border:1px solid var(--border)}.catalog-tabs a.active{color:var(--on-accent);background:var(--accent);border-color:var(--accent)}.hint.hours-summary{font-size:.9375rem}.list li.editing,.admin-shell{display:block}.admin-sidebar{display:none}.admin-content{display:block}.stat-value{font-size:2rem;font-weight:700;letter-spacing:-.01em}@media (min-width: 880px){.admin-shell{display:flex;align-items:flex-start;max-width:1180px;margin:0 auto}.admin-sidebar{display:flex;flex-direction:column;gap:2px;flex:0 0 12.5rem;padding:1.75rem .75rem;border-right:1px solid var(--border);min-height:100vh}.admin-sidebar-title{font-size:.875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:.5rem .75rem .875rem}.admin-sidebar a{padding:.625rem .75rem;border-radius:9999px;color:var(--fg);text-decoration:none;font-weight:500;font-size:1rem}.admin-sidebar a:hover{background:var(--surface)}.admin-sidebar a.active{background:var(--accent);color:var(--on-accent)}.admin-content{flex:1;min-width:0}.admin-content main{max-width:920px;margin:0;padding:1.75rem 2rem 2.5rem}.list.tile-grid{grid-template-columns:repeat(auto-fill,minmax(16.25rem,1fr))}.list.tile-grid li.editing{grid-column:1 / -1}}.shop-info{display:grid;gap:.25rem;margin:.5rem 0 0}.shop-info .hint{font-size:.9375rem;overflow-wrap:anywhere}.list li.nav{flex-wrap:nowrap}.list li.nav>.box-active{display:flex;align-items:center;gap:.375rem;align-self:stretch;padding:0 1rem 0 .75rem;border-left:1px solid var(--border);font-size:.875rem;cursor:pointer;flex-shrink:0}.box-active input[type=checkbox]{width:1.125rem;height:1.125rem;accent-color:var(--accent);flex-shrink:0}.list li.inactive .box-main{opacity:.55}.model-add{display:flex;align-items:center;gap:.5rem}.model-add input{flex:1;min-width:0}.list li.model-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.model-row input{flex:1;min-width:0}.model-row .error{flex-basis:100%;margin:0}
