*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #000000;--surface: #0a0a0a;--card: #111111;--card-hover: #1a1a1a;--border: #1e1e1e;--accent: #1f8dd6;--accent-dim: #1679b8;--green: #00ba7c;--yellow: #f0a500;--text: #e7e9ea;--text-dim: #9ba3af;--text-muted: #6b7584;--radius: 6px;--radius-lg: 10px;--tab-h: 44px;--header-h: 52px;--footer-h: 28px;--search-h: 56px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: "Cascadia Code", "Consolas", "SF Mono", monospace}html,body{height:100%;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.5;overflow:hidden}#app{display:grid;grid-template-rows:var(--header-h) var(--tab-h) 1fr var(--footer-h);height:100vh;overflow:hidden}#app-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;padding:0 16px;background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0}#header-left{display:flex;align-items:center;gap:10px}#app-icon{font-size:20px;line-height:1}#app-title{font-size:15px;font-weight:600;letter-spacing:.01em;color:var(--text)}.title-short{display:none}.title-dash{color:var(--yellow)}#map-toggle-btn{display:none;align-items:center;gap:6px;padding:6px 12px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-dim);font-size:13px;cursor:pointer;touch-action:manipulation;transition:color .15s,border-color .15s}#map-toggle-btn:hover{color:var(--text);border-color:var(--accent)}#map-toggle-btn.active{color:var(--accent);border-color:var(--accent)}#tab-bar{display:flex;background:var(--surface);border-bottom:1px solid var(--border);overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:0;padding:0 4px}#tab-bar::-webkit-scrollbar{display:none}.tab-btn{flex-shrink:0;height:var(--tab-h);background:none;border:none;border-bottom:2px solid transparent;color:var(--text-dim);font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;touch-action:manipulation;transition:color .15s,border-color .15s;padding:0 12px}.tab-btn:hover{color:var(--text)}.tab-btn.active{color:var(--accent);border-bottom-color:var(--accent)}#main-content{display:grid;grid-template-columns:420px 1fr;overflow:hidden}#search-panel{display:flex;flex-direction:column;border-right:1px solid var(--border);overflow:hidden}#search-area{padding:10px 12px 8px;background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0}#search-input-wrap{display:flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:0 10px;height:40px;transition:border-color .15s}#search-input-wrap:focus-within{border-color:var(--accent)}#search-icon{color:var(--text-muted);flex-shrink:0}#search-input{flex:1;background:none;border:none;outline:none;color:var(--text);font-size:14px;min-width:0}#search-input::placeholder{color:var(--text-muted)}#search-input::-webkit-search-cancel-button{display:none}#clear-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:2px 4px;font-size:12px;line-height:1;border-radius:3px;flex-shrink:0}#clear-btn:hover{color:var(--text);background:var(--card-hover)}#ocr-scan-btn{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;color:var(--orange);cursor:pointer;padding:4px;border-radius:6px;flex-shrink:0;transition:background .15s,color .15s}#ocr-scan-btn:hover{background:#f9731624}#plc-toggle-row{display:flex;align-items:center;gap:10px;margin-top:8px}.toggle-label{font-size:12px;color:var(--text-dim);user-select:none}.toggle-switch{position:relative;display:inline-block;width:40px;height:22px;flex-shrink:0;cursor:pointer}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;inset:0;background:var(--border);border-radius:22px;transition:background .2s}.toggle-slider:before{content:"";position:absolute;width:16px;height:16px;left:3px;top:3px;background:var(--text-dim);border-radius:50%;transition:transform .2s,background .2s}.toggle-switch input:checked+.toggle-slider{background:var(--accent)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(18px);background:#fff}#plc-inputs{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin-top:8px}#plc-inputs select{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:13px;padding:6px 8px;cursor:pointer;outline:none;transition:border-color .15s;min-width:0}#plc-inputs select:focus{border-color:var(--accent)}#plc-inputs select:disabled{opacity:.4;cursor:not-allowed}#nav-back-btn{display:flex;align-items:center;gap:6px;width:100%;padding:8px 12px;background:var(--surface);border:none;border-bottom:1px solid var(--border);color:var(--text-dim);font-size:12px;font-weight:600;cursor:pointer;text-align:left;flex-shrink:0;transition:color .15s,background .15s}#nav-back-btn[hidden]{display:none}#nav-back-btn:hover{color:var(--accent);background:var(--card-hover)}#nav-back-btn .nav-back-arrow{font-size:14px;line-height:1}#nav-back-tag{font-family:var(--font-mono);font-weight:700;color:var(--text)}#nav-back-btn:hover #nav-back-tag{color:var(--accent)}#results{flex:1;overflow-y:auto;padding:8px;scrollbar-width:thin;scrollbar-color:var(--border) transparent}#results::-webkit-scrollbar{width:5px}#results::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.hint-text{color:var(--text-muted);text-align:center;padding:32px 16px;font-size:13px}.hint-tip{margin-top:-18px;text-align:center;font-size:11px;color:var(--text-muted);opacity:.65}.hint-tip strong{color:var(--text-dim);font-weight:700}.custom-count-hint{text-align:center;font-size:11px;color:var(--text-muted);opacity:.7;letter-spacing:.02em;margin:4px 0 0;font-variant-numeric:tabular-nums}.no-results{color:var(--text-muted);text-align:center;padding:24px 16px;font-size:13px}.result-card{position:relative;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:6px;overflow:hidden;transition:border-color .15s}.result-card:hover{border-color:var(--accent)}.result-card:last-child{margin-bottom:0}.result-card.flat{padding:7px 12px;cursor:pointer}.result-card.flat:active{background:var(--card-hover)}.accordion-header{display:flex;align-items:flex-start;gap:8px;padding:7px 12px;cursor:pointer;user-select:none;min-height:44px}.accordion-header:active{background:var(--card-hover)}.accordion-chevron{flex-shrink:0;margin-top:2px;color:var(--text-muted);transition:transform .2s;line-height:1}.result-card.expanded .accordion-chevron{transform:rotate(90deg)}.accordion-primary{flex:1;min-width:0}.accordion-body{max-height:0;overflow:hidden;transition:max-height .25s ease}.result-card.expanded .accordion-body{max-height:760px}.accordion-body-inner{padding:0 12px 10px 32px;border-top:1px solid var(--border)}.field-row{display:flex;align-items:baseline;gap:6px;margin-top:4px;flex-wrap:wrap}.field-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);white-space:nowrap;min-width:0}.field-value{font-size:13px;color:var(--text);word-break:break-word;min-width:0}.field-value.mono{font-family:var(--font-mono);font-size:12px}.field-value.primary{font-size:13px;font-weight:600;color:var(--text)}.equip-tag{display:inline-flex;align-items:center;gap:4px;background:#1f8dd61a;border:1px solid rgba(31,141,214,.25);border-radius:4px;padding:2px 8px;font-size:12px;font-family:var(--font-mono);color:var(--accent);cursor:pointer;transition:background .15s,border-color .15s;max-width:100%;word-break:break-all}.equip-tag:hover{background:#1f8dd633;border-color:var(--accent)}.expand-section-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin:10px 0 4px;padding-bottom:4px;border-bottom:1px solid var(--border)}.chip{display:inline-block;background:var(--card-hover);border:1px solid var(--border);border-radius:4px;padding:1px 7px;font-size:11px;color:var(--text);font-family:var(--font-mono)}button.clickable-chip{cursor:pointer;transition:border-color .15s,color .15s}button.clickable-chip:hover{border-color:var(--accent);color:var(--accent)}.copy-btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:none;border:1px solid transparent;border-radius:4px;color:var(--text-muted);cursor:pointer;padding:0;transition:color .15s,border-color .15s,background .15s}.copy-btn:hover{color:var(--accent);border-color:var(--accent);background:#1f8dd614}.copy-btn.copied{color:var(--green);border-color:var(--green)}.copy-btn svg{pointer-events:none}.copy-inline{display:inline-flex;align-items:center;gap:4px}#map-panel{display:flex;flex-direction:column;background:var(--bg);overflow:hidden;position:relative}#map-controls{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0}#map-controls label{font-size:12px;color:var(--text-dim);white-space:nowrap}#deck-selector{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:13px;padding:5px 8px;cursor:pointer;outline:none}#deck-selector:focus{border-color:var(--accent)}#map-container{flex:1;background:#000}.leaflet-container{background:#000}.leaflet-control-zoom a{background:var(--surface)!important;border-color:var(--border)!important;color:var(--text)!important}.leaflet-control-zoom a:hover{background:var(--card-hover)!important}.leaflet-control-attribution{background:#15181cbf!important;color:var(--text-muted)!important;font-size:10px!important}.leaflet-control-attribution a{color:var(--accent)!important}.map-marker-icon{width:14px;height:14px;background:var(--accent);border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 3px #1f8dd659;animation:marker-pulse 1.8s ease-out infinite}@keyframes marker-pulse{0%{box-shadow:0 0 #1f8dd699}70%{box-shadow:0 0 0 10px #1f8dd600}to{box-shadow:0 0 #1f8dd600}}.map-marker-icon.map-marker-custom{background:var(--orange);box-shadow:0 0 0 3px #f9731659;animation:marker-pulse-orange 1.8s ease-out infinite}@keyframes marker-pulse-orange{0%{box-shadow:0 0 #f9731699}70%{box-shadow:0 0 0 10px #f9731600}to{box-shadow:0 0 #f9731600}}.map-marker-icon.map-marker-vcc{background:var(--yellow);box-shadow:0 0 0 3px #f0a50059;animation:marker-pulse-amber 1.8s ease-out infinite}@keyframes marker-pulse-amber{0%{box-shadow:0 0 #f0a50099}70%{box-shadow:0 0 0 10px #f0a50000}to{box-shadow:0 0 #f0a50000}}#map-hint{position:absolute;bottom:12px;left:50%;transform:translate(-50%);background:#15181cd9;border:1px solid var(--border);border-radius:var(--radius);padding:5px 12px;font-size:11px;color:var(--text-muted);pointer-events:none;white-space:nowrap;z-index:1000;transition:opacity .3s}#map-hint.hidden{opacity:0}#toast,.pwa-toast,.pwa-update-banner,.toast,.alert,.banner,.snackbar,.notification{box-sizing:border-box;white-space:normal;overflow-wrap:anywhere;word-break:break-word}#toast,.pwa-toast,.toast,.alert,.snackbar,.notification{max-width:calc(100% - 32px)}#toast{position:fixed;bottom:38px;left:50%;transform:translate(-50%) translateY(8px);background:var(--card);border:1px solid var(--green);border-radius:var(--radius);color:var(--green);padding:8px 16px;font-size:13px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:9999;max-width:calc(100% - 32px);box-sizing:border-box;text-align:center;white-space:normal;overflow-wrap:anywhere;word-break:break-word}#toast.show{opacity:1;transform:translate(-50%) translateY(0)}.db-loader{position:fixed;inset:0;z-index:99999;background:#000;display:flex;align-items:center;justify-content:center;transition:opacity .5s ease-out;will-change:opacity}.db-loader--out{opacity:0;pointer-events:none}.db-loader__box{display:flex;flex-direction:column;align-items:center;gap:16px;padding:48px 28px}@keyframes db-spin{to{transform:rotate(360deg)}}.db-loader__spinner{width:56px;height:56px;animation:db-spin .85s linear infinite;transform-origin:center center;flex-shrink:0}.db-loader__track{fill:none;stroke:#ffffff0f;stroke-width:3}.db-loader__arc{fill:none;stroke:#f97316;stroke-width:3;stroke-linecap:round;stroke-dasharray:50 90}.db-loader__primary{font-size:13px;font-weight:500;color:#e7e9ea;text-align:center;letter-spacing:.05px;margin:0;line-height:1.4}.db-loader__detail{font-size:11px;color:#4b5563;text-align:center;font-variant-numeric:tabular-nums;min-height:16px;margin:0;line-height:1.5}.db-loader__retry{margin-top:4px;font-size:12px;padding:7px 20px;border:1px solid var(--border);border-radius:var(--radius);background:transparent;color:var(--text-muted);cursor:pointer;font-family:var(--font);transition:border-color .15s,color .15s}.db-loader__retry:hover{border-color:#f97316;color:#f97316}.db-loader__resume{border-color:#f97316;background:#f973161f;color:#f97316;font-weight:600}.db-loader__resume:hover{background:#f9731638;color:#fb923c}@media(max-width:480px){.db-loader__spinner{width:46px;height:46px}}.pwa-toast{position:fixed;bottom:80px;left:50%;transform:translate(-50%) translateY(calc(100% + 40px));z-index:9999;display:flex;align-items:center;gap:12px;background:#111;border:1px solid #2a2a2a;border-radius:var(--radius-lg);padding:11px 18px;box-shadow:0 8px 40px #000000d9,0 2px 10px #0009;font-size:13px;font-family:var(--font);font-weight:500;color:var(--text);width:calc(100% - 32px);max-width:440px;box-sizing:border-box;white-space:normal;overflow-wrap:anywhere;word-break:break-word;opacity:0;pointer-events:none;transition:transform .38s cubic-bezier(.34,1.18,.64,1),opacity .28s ease}.pwa-toast--visible{transform:translate(-50%) translateY(0);opacity:1;pointer-events:auto}.pwa-toast--hiding{transform:translate(-50%) translateY(calc(100% + 40px));opacity:0;pointer-events:none}.pwa-toast__msg{flex:1;line-height:1.4}.pwa-toast__dismiss{background:none;border:none;cursor:pointer;font-family:var(--font);font-size:11px;color:var(--text-muted);padding:2px 4px;margin-left:4px;flex-shrink:0;transition:color .15s}.pwa-toast__dismiss:hover{color:var(--text-dim)}#app-footer{display:flex;align-items:center;justify-content:center;gap:10px;height:var(--footer-h);background:var(--surface);border-top:1px solid var(--border);font-size:11px;font-weight:500;letter-spacing:.05em;color:#adb5bd;user-select:none;grid-column:1 / -1}.app-version{color:var(--text-muted);font-variant-numeric:tabular-nums;letter-spacing:.04em;padding-left:10px;border-left:1px solid var(--border)}.app-version:empty{display:none}.pwa-update-banner{position:fixed;top:0;left:0;right:0;z-index:10001;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 12px;padding:calc(9px + env(safe-area-inset-top,0px)) 16px 9px;background:#121214f5;border-bottom:1px solid rgba(249,115,22,.4);color:#e7e9ea;font-size:12px;text-align:center;overflow-wrap:anywhere;word-break:break-word;box-sizing:border-box;transform:translateY(-100%);transition:transform .35s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.pwa-update-banner--visible{transform:translateY(0)}.pwa-update-banner__btn{font-size:12px;font-weight:600;padding:5px 12px;border:1px solid #f97316;border-radius:var(--radius);background:#f9731626;color:#fb923c;cursor:pointer;white-space:nowrap}.pwa-update-banner__btn:hover{background:#f9731647}*{scrollbar-width:thin;scrollbar-color:var(--border) transparent}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}#mobile-menu-drawer{display:contents}#mobile-menu-btn{display:none;align-items:center;justify-content:center;width:34px;height:34px;flex-shrink:0;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-dim);cursor:pointer;transition:color .15s,border-color .15s}#mobile-menu-btn:hover{color:var(--text);border-color:var(--accent)}#mobile-menu-btn.active{color:var(--accent);border-color:var(--accent)}@media(max-width:900px){html,body{overflow:hidden}#app{grid-template-rows:var(--header-h) var(--tab-h) 1fr var(--footer-h);height:100dvh}#header-left{gap:4px}#map-toggle-btn{display:flex;min-height:44px}#mobile-menu-btn{display:flex;width:44px;height:44px}#mobile-menu-drawer{display:none;position:fixed;top:calc(var(--header-h) + 6px);right:12px;z-index:50;flex-direction:column;align-items:stretch;gap:6px;min-width:220px;padding:8px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 8px 24px #00000080}#mobile-menu-drawer.open{display:flex}#mobile-menu-drawer #outstanding-list-btn,#mobile-menu-drawer #settings-btn{width:100%;justify-content:flex-start;min-height:44px}#mobile-menu-drawer #unified-search-toggle-row{border-top:1px solid var(--border);padding-top:8px;margin-top:2px}#tab-bar{touch-action:pan-x}.tab-btn{padding:0 16px}#main-content{grid-template-columns:1fr;grid-template-rows:1fr;overflow:hidden}#search-panel{border-right:none;position:absolute;inset:calc(var(--header-h) + var(--tab-h)) 0 var(--footer-h) 0;z-index:10;background:var(--bg);transition:transform .25s ease}#search-panel.map-open{transform:translate(-100%)}#map-panel{position:absolute;inset:calc(var(--header-h) + var(--tab-h)) 0 var(--footer-h) 0;transform:translate(100%);transition:transform .25s ease;z-index:10}#map-panel.map-open{transform:translate(0)}#plc-inputs{grid-template-columns:1fr}.tab-btn{font-size:12px}.title-full{display:none}.title-short{display:inline}.btn-label{display:none}#mobile-menu-drawer .btn-label{display:inline}#admin-btn,#sync-btn{min-width:44px;min-height:44px;padding:0 10px;justify-content:center}#mobile-menu-drawer #outstanding-list-btn,#mobile-menu-drawer #settings-btn,#mobile-menu-drawer #instruments-btn,#mobile-menu-drawer #about-btn-drawer{width:100%;justify-content:flex-start;min-height:44px;border-color:transparent;border-left:none;border-right:none;border-radius:0;background:transparent;font-size:.9rem}#mobile-menu-drawer #instruments-btn,#mobile-menu-drawer #about-btn-drawer{flex-direction:row;gap:10px;padding:0 12px;color:var(--text-dim)}#mobile-menu-drawer #instruments-btn:hover,#mobile-menu-drawer #about-btn-drawer:hover{color:var(--text);background:var(--card-hover)}#mobile-menu-drawer #unified-search-toggle-row{flex-direction:row;align-items:center;width:100%;min-height:44px;padding:0 12px;border-color:transparent;border-left:none;border-right:none;border-radius:0;background:transparent;gap:10px}#mobile-menu-drawer #unified-search-toggle-row .toggle-label{font-size:.9rem;max-width:none;overflow:visible}}.meta-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px 10px;margin-top:6px;padding:8px 10px;background:#0000004d;border:1px solid var(--border);border-radius:var(--radius)}@media(max-width:480px){.meta-grid{grid-template-columns:repeat(2,1fr)}}.meta-cell{display:flex;flex-direction:column;gap:2px;min-width:0}.meta-cell .field-label{font-size:9px}.meta-cell .field-value{font-size:14px;font-weight:700;color:var(--text)}.field-value.full-width{flex:1;min-width:0;word-break:break-word}[hidden]{display:none!important}:root{--orange: #f97316}#header-right{display:flex;align-items:center;flex-wrap:nowrap;gap:6px}#admin-btn,#admin-logout-btn,#sync-btn,#settings-btn,#outstanding-list-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-dim);font-size:12px;font-weight:500;cursor:pointer;white-space:nowrap;touch-action:manipulation;transition:color .15s,border-color .15s,background .15s,opacity .15s}#admin-btn,#sync-btn{flex-direction:column;align-items:center;gap:2px;padding:5px 12px}.btn-sublabel{font-size:.58rem;font-weight:500;opacity:.65;line-height:1;letter-spacing:.02em;pointer-events:none}.btn-icon-sym{line-height:1;font-size:13px}#admin-btn:hover,#sync-btn:hover,#settings-btn:hover,#outstanding-list-btn:hover{color:var(--text);border-color:var(--text-dim)}#admin-btn.active{color:var(--orange);border-color:var(--orange);background:#f9731614}#admin-logout-btn{color:#f87171;border-color:#f871714d}#admin-logout-btn:hover{border-color:#f87171}#sync-btn:hover{color:var(--accent);border-color:var(--accent)}#outstanding-list-btn{color:#eab308;border-color:#eab30859}#outstanding-list-btn:hover{border-color:#eab308;color:#eab308}#map-controls-right{margin-left:auto;display:flex;align-items:center;gap:8px}#add-annotation-btn{padding:5px 12px;background:#f973161a;border:1px solid rgba(249,115,22,.35);border-radius:var(--radius);color:var(--orange);font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s}#add-annotation-btn:hover,#add-annotation-btn.active{background:#f9731638;border-color:var(--orange)}#placement-banner{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:7px 12px;background:#f9731621;border-bottom:1px solid var(--orange);flex-shrink:0;z-index:20}.placement-msg{font-size:11px;font-weight:700;color:var(--orange);text-transform:uppercase;letter-spacing:.04em}#placement-cancel-btn{padding:3px 10px;background:#f973162e;border:1px solid var(--orange);border-radius:var(--radius);color:var(--orange);font-size:11px;font-weight:700;cursor:pointer;transition:background .15s}#placement-cancel-btn:hover{background:#f9731659}.modal-overlay{position:fixed;inset:0;background:#000000c7;display:flex;align-items:center;justify-content:center;z-index:10000;padding:16px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px 24px 20px;width:100%;max-width:440px;max-height:92vh;overflow-y:auto;box-shadow:0 24px 64px #000000bf;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.modal-title{font-size:16px;font-weight:700;color:var(--text);margin-bottom:4px}.modal-subtitle{font-size:12px;color:var(--text-muted);margin-bottom:14px;line-height:1.5}.modal-label{display:block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);margin-top:12px;margin-bottom:4px}.required{color:var(--orange)}.modal-input,.modal-select{width:100%;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:14px;font-family:var(--font);padding:8px 10px;outline:none;transition:border-color .15s;appearance:none}.modal-input:focus,.modal-select:focus{border-color:var(--accent)}.modal-input::placeholder{color:var(--text-muted)}.modal-select option{background:var(--card)}.modal-error{color:#f87171;font-size:12px;margin-top:8px;padding:6px 10px;background:#f8717114;border:1px solid rgba(248,113,113,.25);border-radius:var(--radius)}.modal-actions{display:flex;gap:8px;margin-top:18px;justify-content:flex-end;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 18px;border-radius:var(--radius);font-size:13px;font-weight:600;font-family:var(--font);cursor:pointer;border:1px solid transparent;transition:background .15s,border-color .15s,opacity .15s;min-height:36px;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-dim)}.btn-orange{background:var(--orange);border-color:var(--orange);color:#fff}.btn-orange:hover:not(:disabled){background:#ea6c0f}.btn-ghost{background:transparent;border-color:var(--border);color:var(--text-dim)}.btn-ghost:hover:not(:disabled){color:var(--text);border-color:var(--text-dim)}#settings-modal{z-index:100000}.settings-slot{border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;margin-bottom:12px;background:var(--card)}.settings-slot__head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}.settings-slot__info{display:flex;flex-direction:column;gap:2px}.settings-slot__label{font-size:13px;font-weight:700;color:var(--text)}.settings-slot__file{font-size:11px;color:var(--text-muted);font-variant-numeric:tabular-nums}.settings-slot__status{font-size:11px;font-weight:600;white-space:nowrap;padding-top:1px}.settings-slot__status.is-cached{color:#34d399}.settings-slot__status.is-missing{color:var(--text-muted)}.settings-slot .settings-import-btn{width:100%}.settings-progress{display:flex;align-items:center;gap:12px;margin-top:14px;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius);background:#f973160f}.settings-progress__spinner{width:28px;height:28px}.settings-progress__text{font-size:13px;color:var(--text);line-height:1.4}.settings-note{font-size:11px;color:var(--text-muted);line-height:1.5;margin-top:14px;padding-top:12px;border-top:1px solid var(--border)}.drag-hint{font-size:11px;color:var(--text-muted);margin-top:14px;line-height:1.5}.sync-info-grid{display:flex;flex-direction:column;gap:8px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;margin:14px 0 4px}.sync-info-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.sync-info-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim)}.sync-info-value{font-family:var(--font-mono);font-size:12px;color:var(--text);font-weight:600}.sync-status-msg{margin-top:10px;padding:9px 12px;border-radius:var(--radius);font-size:13px;border:1px solid var(--border);color:var(--text-dim)}.sync-status-msg.success{color:var(--green);border-color:#00ba7c66;background:#00ba7c12}.sync-status-msg.error{color:#f87171;border-color:#f8717166;background:#f8717112}.leaflet-popup-content-wrapper{background:var(--surface)!important;border:1px solid var(--border)!important;color:var(--text)!important;box-shadow:0 8px 32px #000000b3!important;border-radius:var(--radius-lg)!important}.leaflet-popup-tip-container .leaflet-popup-tip{background:var(--surface)!important}.leaflet-popup-content{margin:10px 14px!important;font-family:var(--font);font-size:13px;line-height:1.5}.leaflet-popup-close-button{color:var(--text-muted)!important;font-size:18px!important;padding:4px 8px!important}.leaflet-popup-close-button:hover{color:var(--text)!important}.popup-tag{font-family:var(--font-mono);font-size:15px;font-weight:700;color:var(--orange);margin-bottom:5px}.popup-meta{font-size:12px;color:var(--text-dim);margin-bottom:2px}.popup-meta strong{color:var(--text)}.popup-status{display:inline-block;padding:2px 9px;border-radius:10px;font-size:11px;font-weight:600;margin-top:7px}.popup-status.pending{color:var(--orange);border:1px dashed var(--orange);background:#f973161a}.popup-status.verified{color:var(--green);border:1px solid var(--green);background:#00ba7c1a}.popup-admin-btns{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}.confirm-msg{font-size:13px;font-weight:600;color:var(--text);margin:0 0 8px}.confirm-btns{display:flex;gap:6px;flex-wrap:wrap}.popup-btn{display:inline-flex;align-items:center;justify-content:center;padding:5px 13px;border-radius:var(--radius);font-size:12px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:background .15s;font-family:var(--font);white-space:nowrap}.popup-btn-ok{background:var(--accent);color:#fff;border-color:var(--accent)}.popup-btn-ok:hover{background:var(--accent-dim)}.popup-btn-cancel{background:transparent;color:var(--text-dim);border-color:var(--border)}.popup-btn-cancel:hover{color:var(--text);border-color:var(--text-dim)}.popup-btn-verify{background:#00ba7c1f;color:var(--green);border-color:#00ba7c66}.popup-btn-verify:hover{background:#00ba7c40}.popup-btn-delete{background:#f871711a;color:#f87171;border-color:#f8717159}.popup-btn-delete:hover{background:#f8717138}.ann-marker{display:flex;flex-direction:column;align-items:center;pointer-events:auto;cursor:pointer;user-select:none;transform:scale(var(--ann-scale, 1));transform-origin:center 7px}.ann-dot{width:14px;height:14px;border-radius:50%;flex-shrink:0;transition:transform .15s}.ann-marker:hover .ann-dot{transform:scale(1.25)}.ann-marker.pending .ann-dot{background:#f9731633;border:2px dashed var(--orange)}.ann-marker.verified .ann-dot{background:var(--orange);border:2px solid rgba(255,255,255,.6)}.ann-label{margin-top:2px;font-size:10px;font-family:var(--font-mono);font-weight:700;white-space:nowrap;padding:0;pointer-events:none;color:var(--orange);background:none;border:none}.ann-marker.pending .ann-label,.ann-marker.verified .ann-label{color:var(--orange);background:none;border:none}.ann-crosshair{width:28px;height:28px;position:relative}.ann-crosshair:before,.ann-crosshair:after{content:"";position:absolute;background:var(--orange)}.ann-crosshair:before{width:28px;height:2px;top:13px;left:0}.ann-crosshair:after{width:2px;height:28px;top:0;left:13px}#toast.toast-warn{border-color:var(--yellow);color:var(--yellow)}@media(max-width:900px){.modal-overlay{align-items:flex-end;padding:0}.modal-box{max-width:100%;border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-height:88vh;padding-bottom:28px}#admin-btn,#sync-btn{padding:5px 8px;font-size:11px}}@media(max-width:480px){#add-annotation-btn{font-size:11px;padding:4px 8px}}.modal-textarea{resize:vertical;min-height:56px;font-family:var(--font);font-size:14px}#ann-type-other-wrap{margin-top:8px}.calc-position-block{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:10px 14px;margin:14px 0 4px}.calc-position-title{font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px}.calc-position-row{display:flex;gap:16px}.calc-position-item{display:flex;flex-direction:column;gap:2px;flex:1}.calc-label{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.calc-val{font-family:var(--font-mono);font-size:15px;font-weight:600;color:var(--accent)}.custom-card{display:flex;flex-direction:column;gap:8px}.custom-card-header{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.custom-tag{font-family:var(--font-mono);font-size:14px;font-weight:700;color:var(--accent);letter-spacing:.03em}.custom-type-chip{display:inline-block;padding:2px 8px;border-radius:99px;background:color-mix(in srgb,var(--orange) 15%,transparent);border:1px solid color-mix(in srgb,var(--orange) 40%,transparent);color:var(--orange);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.custom-desc{font-size:13px;color:var(--text);line-height:1.45;padding:4px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.custom-meta-grid{display:flex;gap:16px}.custom-meta-item{display:flex;flex-direction:column;gap:2px;flex:1}.meta-label{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.meta-val{font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--text)}.custom-footer{display:flex;justify-content:space-between;align-items:baseline;gap:8px;flex-wrap:wrap}.custom-engineer{font-size:11px;color:var(--text-muted)}.custom-engineer em{font-style:normal;color:var(--text-muted);margin-left:3px}.custom-date{font-size:11px;color:var(--text-muted);white-space:nowrap}.popup-desc{font-size:12px;color:var(--text-dim);margin:4px 0;line-height:1.4;max-width:200px;word-break:break-word}.result-card.valve-card{cursor:default}.result-card.valve-card:hover{border-color:var(--border);background:var(--card);box-shadow:none}.meta-grid.meta-grid-overridden{border-color:color-mix(in srgb,var(--orange) 35%,transparent);background:color-mix(in srgb,var(--orange) 6%,transparent)}.vcc-info-row{opacity:.8;padding-top:4px}.valve-btn-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}@media(max-width:480px){.valve-btn-grid{grid-template-columns:1fr}}.valve-locate-btn{padding:8px 14px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--text-dim);font-size:13px;font-weight:500;font-family:var(--font);cursor:pointer;transition:background .15s,border-color .15s,color .15s;white-space:nowrap;text-align:center}.valve-locate-btn:hover:not(:disabled){background:var(--card-hover);border-color:var(--accent);color:var(--text)}.valve-locate-btn:disabled{opacity:.35;cursor:not-allowed}.valve-locate-btn.valve-btn{border-color:color-mix(in srgb,var(--orange) 50%,transparent);color:var(--orange);background:color-mix(in srgb,var(--orange) 8%,transparent)}.valve-locate-btn.valve-btn:hover:not(:disabled){background:color-mix(in srgb,var(--orange) 16%,transparent);border-color:var(--orange)}.valve-locate-btn.vcc-btn{border-color:color-mix(in srgb,var(--accent) 40%,transparent);color:var(--accent)}.valve-locate-btn.vcc-btn:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 10%,transparent);border-color:var(--accent)}.custom-action-row{display:flex;gap:6px;justify-content:flex-end;margin-top:8px;flex-wrap:wrap}.custom-approve-btn{padding:4px 12px;border-radius:var(--radius);border:1px solid rgba(0,186,124,.35);background:#00ba7c14;color:var(--green);font-size:11px;font-weight:600;font-family:var(--font);cursor:pointer;transition:background .15s,border-color .15s}.custom-approve-btn:hover{background:#00ba7c2e;border-color:var(--green)}.custom-approve-btn:disabled{opacity:.5;cursor:not-allowed}.custom-delete-btn{padding:4px 10px;border-radius:var(--radius);border:1px solid transparent;background:transparent;color:var(--text-muted);font-size:11px;font-family:var(--font);cursor:pointer;transition:color .15s,border-color .15s,background .15s}.custom-delete-btn:hover{color:#e53e3e;border-color:#e53e3e59;background:#e53e3e12}.custom-pending-badge{display:inline-block;padding:2px 7px;border-radius:10px;border:1px dashed var(--orange);background:#f9731614;color:var(--orange);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.pending-section-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--orange);padding:8px 12px 4px;border-bottom:1px solid var(--border);margin-bottom:4px}#sync-btn{position:relative}.sync-badge{position:absolute;top:-7px;right:-7px;min-width:17px;height:17px;padding:0 4px;background:var(--orange);border-radius:9px;color:#fff;font-size:9px;font-weight:700;line-height:17px;text-align:center;pointer-events:none;white-space:nowrap;box-shadow:0 0 0 2px var(--bg)}.modal-box-wide{max-width:580px}.admin-pending-count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;margin-left:8px;border-radius:11px;background:#f9731626;border:1px solid rgba(249,115,22,.4);color:var(--orange);font-size:12px;font-weight:700;vertical-align:middle}.admin-pending-list{max-height:55vh;overflow-y:auto;margin:12px 0 4px;display:flex;flex-direction:column;gap:8px;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.admin-pending-item{padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--card);transition:border-color .15s}.admin-pending-item:hover{border-color:var(--accent)}.admin-pending-header{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:4px}.admin-pending-tag{font-family:var(--font-mono);font-size:14px;font-weight:700;color:var(--accent);letter-spacing:.02em}.admin-pending-type{display:inline-block;padding:2px 8px;border-radius:10px;background:#f973161a;border:1px solid rgba(249,115,22,.3);color:var(--orange);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.admin-pending-desc{font-size:13px;color:var(--text);margin-bottom:4px;line-height:1.45}.admin-pending-meta{font-size:11px;color:var(--text-muted);margin-bottom:8px;line-height:1.5}.admin-pending-meta strong{color:var(--text-dim)}.admin-pending-btns{display:flex;gap:6px;flex-wrap:wrap}.btn-sm{min-height:28px;padding:4px 12px;font-size:12px}.btn-approve{background:#00ba7c1a;border-color:#00ba7c59;color:var(--green)}.btn-approve:hover:not(:disabled){background:#00ba7c38;border-color:var(--green)}#unified-search-toggle-row{display:flex;flex-direction:column;align-items:center;gap:2px;padding:5px 8px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius)}#unified-search-toggle-row .toggle-label{font-size:.58rem;font-weight:500;opacity:.65;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:48px}.toggle-switch.toggle-switch-sm{width:32px;height:18px}.toggle-switch.toggle-switch-sm .toggle-slider:before{width:12px;height:12px;left:2px;top:2px}.toggle-switch.toggle-switch-sm input:checked+.toggle-slider:before{transform:translate(14px)}.star-btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;margin-left:auto;background:none;border:1px solid transparent;border-radius:4px;color:var(--text-muted);cursor:pointer;padding:0;transition:color .15s,border-color .15s,background .15s}.star-btn:hover{color:var(--yellow);border-color:var(--yellow);background:#f0a5001a}.star-btn.favorited{color:var(--yellow)}.star-btn:disabled{opacity:.3;cursor:default}.star-btn svg{pointer-events:none}.conn-section{margin-top:10px}.conn-section-title{color:var(--accent);border-bottom-color:#1f8dd640}.conn-loading{font-size:12px;color:var(--text-muted);font-style:italic;padding:4px 0}.conn-empty{font-size:12px;color:var(--text-muted);padding:4px 0}.conn-room-path{display:flex;align-items:center;gap:8px;margin:4px 0 8px;font-size:12px}.conn-room{background:var(--card-hover);border:1px solid var(--border);border-radius:4px;padding:3px 9px;color:var(--text);font-weight:500}.conn-room-arrow{color:var(--text-muted);font-size:13px}.conn-badge-row{display:flex;flex-wrap:wrap;gap:6px}.conn-badge{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:1px;min-height:40px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:5px 10px;cursor:pointer;transition:background .15s,border-color .15s}.conn-badge:hover{background:var(--card-hover);border-color:var(--accent)}.conn-badge-tag{font-family:var(--font-mono);font-size:12px;font-weight:700;color:var(--text);transition:color .15s}.conn-badge:hover .conn-badge-tag{color:var(--accent)}.conn-badge-sub{font-size:9px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.conn-flow{display:flex;flex-direction:column;gap:6px}.conn-flow-arrow{align-self:center;color:var(--text-muted);font-size:13px;line-height:1}.conn-tier{display:flex;flex-direction:column;gap:6px}.conn-tier-current{align-items:center}.conn-tier-label{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.conn-tier-items{display:flex;flex-wrap:wrap;gap:6px}.conn-tier-empty{font-size:11px;color:var(--text-muted);font-style:italic;padding:4px 0}.conn-node-current{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:140px;padding:8px 18px;background:var(--card-hover);border:1px solid var(--accent);border-radius:var(--radius)}.conn-node-tag{font-family:var(--font-mono);font-size:13px;font-weight:700;color:var(--text)}.conn-node-sub{font-size:9px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}@media(max-width:768px){.conn-tier-items{flex-direction:column;align-items:stretch;border-left:2px solid var(--border);margin-left:4px;padding-left:10px}}.conn-flow-node{display:flex;flex-direction:column;gap:2px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;min-width:150px;max-width:260px}.conn-flow-node-equip{padding:6px 10px;background:none;border:none;border-bottom:1px solid var(--border);color:var(--text);font-family:var(--font-mono);font-size:12px;font-weight:700;text-align:left;cursor:pointer;transition:background .15s,color .15s;word-break:break-all}.conn-flow-node-equip:hover{background:#2a2a2a;color:var(--accent)}.conn-flow-node-equip:focus-visible{outline:1px solid var(--accent)}.conn-flow-node-cable{padding:6px 10px;background:none;border:none;color:var(--text-muted);font-family:var(--font-mono);font-size:10px;text-align:left;cursor:pointer;transition:background .15s,color .15s;word-break:break-all}.conn-flow-node-cable:hover{background:#2a2a2a;color:var(--text)}.conn-flow-node-cable:focus-visible{outline:1px solid var(--accent)}.conn-toggle{display:flex;align-items:center;gap:6px;width:100%;margin-top:8px;padding:8px 2px 2px;background:none;border:none;border-top:1px solid var(--border);color:var(--text-dim);font-size:12px;font-weight:600;cursor:pointer;text-align:left}.conn-toggle:hover{color:var(--accent)}.conn-toggle .accordion-chevron{transition:transform .2s}.conn-toggle.open .accordion-chevron{transform:rotate(90deg)}.conn-mini-body{max-height:0;overflow:hidden;transition:max-height .25s ease}.conn-mini-body.open{max-height:600px;padding-top:6px}.dashboard{display:flex;flex-direction:column;gap:14px;margin-top:14px;padding:0 4px;transition:opacity .1s ease}.dashboard.dashboard-hidden{display:none}.dash-section{display:flex;flex-direction:column;gap:6px}.dash-heading{font-size:11px;font-weight:600;letter-spacing:.04em;color:var(--text-muted);padding:0 4px}.dash-chip-row{display:flex;gap:6px;overflow-x:auto;padding:2px 4px 6px;scrollbar-width:thin;scrollbar-color:var(--border) transparent;-webkit-overflow-scrolling:touch}.dash-chip-row::-webkit-scrollbar{height:4px}.dash-chip-row::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.dash-chip{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:var(--card);border:1px solid var(--border);border-radius:999px;cursor:pointer;transition:border-color .15s,box-shadow .15s}.dash-chip-tag{font-family:var(--font-mono);font-size:12px;font-weight:700;color:var(--text);white-space:nowrap;transition:color .15s,text-shadow .15s}.dash-chip-tab{font-size:9px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.dash-section-recents .dash-chip:hover,.dash-section-recents .dash-chip:focus-visible{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 0 8px #1f8dd673}.dash-section-recents .dash-chip:hover .dash-chip-tag,.dash-section-recents .dash-chip:focus-visible .dash-chip-tag{color:var(--accent);text-shadow:0 0 8px rgba(31,141,214,.5)}.dash-section-favorites .dash-chip:hover,.dash-section-favorites .dash-chip:focus-visible{border-color:var(--yellow);box-shadow:0 0 0 1px var(--yellow),0 0 8px #f0a50073}.dash-section-favorites .dash-chip:hover .dash-chip-tag,.dash-section-favorites .dash-chip:focus-visible .dash-chip-tag{color:var(--yellow);text-shadow:0 0 8px rgba(240,165,0,.5)}.dash-empty{font-size:11px;color:var(--text-muted);padding:6px 4px}@media(max-width:480px){.dash-chip{padding:6px 12px}}.btn-reject{background:#f8717114;border-color:#f8717140;color:#f87171}.btn-reject:hover:not(:disabled){background:#f871712e;border-color:#f87171}.modal-help{display:block;margin-top:4px;font-size:11px;color:var(--text-muted);line-height:1.5}.custom-footer-left{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.custom-verifier{font-size:11px;color:var(--text-muted)}.custom-verifier em{font-style:normal;color:var(--text-muted);margin-left:3px}.popup-verified-by{color:var(--text-muted)}.card-map-selected{border-color:var(--orange)!important;box-shadow:0 0 0 1px var(--orange)}.ocr-modal{position:fixed;inset:0;z-index:100001;background:#000;overflow:hidden}.ocr-modal[hidden]{display:none}.ocr-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000}.ocr-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.ocr-roi{width:84%;max-width:560px;aspect-ratio:84 / 20;border:2px solid #f97316;border-radius:8px;box-shadow:0 0 0 9999px #0000008c,0 0 18px #f9731680 inset}.ocr-top{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(12px + env(safe-area-inset-top,0px)) 16px 12px;background:linear-gradient(to bottom,rgba(0,0,0,.7),transparent)}.ocr-title{color:#fff;font-size:14px;font-weight:600;letter-spacing:.02em}.ocr-close{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;background:#00000073;border:1px solid rgba(255,255,255,.25);border-radius:50%;color:#fff;font-size:16px;cursor:pointer}.ocr-bottom{position:absolute;bottom:0;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px 16px calc(20px + env(safe-area-inset-bottom,0px));background:linear-gradient(to top,rgba(0,0,0,.9) 30%,transparent)}.ocr-status{color:#e7e9ea;font-size:13px;line-height:1.4;text-align:center;margin:0;max-width:520px;overflow-wrap:anywhere;word-break:break-word}.ocr-error{color:#f87171;font-size:13px;line-height:1.45;text-align:center;margin:0;max-width:520px;padding:8px 12px;background:#f871711a;border:1px solid rgba(248,113,113,.3);border-radius:8px;overflow-wrap:anywhere;word-break:break-word}.ocr-perf-notice{color:#f0a500;font-size:11px;line-height:1.4;text-align:center;margin:0;max-width:520px;padding:5px 12px;background:#f0a5001a;border:1px solid rgba(240,165,0,.35);border-radius:8px}.ocr-preview{width:220px;max-width:70%;height:auto;max-height:54px;border:1px solid #333;border-radius:6px;background:#111;image-rendering:pixelated;opacity:.85}.ocr-controls{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;width:100%;max-width:520px}.ocr-contrast{background:#ffffff14;color:#e7e9ea;border:1px solid #444;border-radius:8px;padding:10px 12px;font-size:12px;font-weight:500;font-family:var(--font);cursor:pointer;white-space:nowrap}.ocr-contrast.active{border-color:#f97316;color:#f97316}.ocr-capture{flex:1;min-width:200px;min-height:52px;background:#f97316;color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:700;font-family:var(--font);cursor:pointer;box-shadow:0 4px 18px #f9731666;transition:background .15s,transform .08s}.ocr-capture:active{transform:scale(.97);background:#ea6c0f}.ocr-flash{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none}.ocr-flash--on{animation:ocr-flash .25s ease}@keyframes ocr-flash{0%{opacity:.85}to{opacity:0}}.fault-border-red{border:2px solid #f87171!important}.fault-border-yellow{border:2px solid #eab308!important}.card-corner{display:flex;align-items:center;justify-content:flex-end;gap:6px;padding:6px 8px 0}.fault-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;line-height:1.6;pointer-events:none}.fault-badge-icon{font-size:11px;line-height:1}.fault-badge-red{background:#f8717124;color:#f87171;box-shadow:inset 0 0 0 1px #f8717166}.fault-badge-yellow{background:#eab30824;color:#eab308;box-shadow:inset 0 0 0 1px #eab30866}.outstanding-btn-row{display:flex;justify-content:flex-end;margin-top:8px}.outstanding-add-btn{display:inline-flex;align-items:center;padding:6px 12px;min-height:36px;background:transparent;border:1px solid #3a3a3a;border-radius:var(--radius);color:var(--orange);font-size:.72rem;font-weight:500;line-height:1.4;cursor:pointer}.outstanding-add-btn:hover:not(:disabled){border-color:#f9731673;color:#fb923c}.od-control-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:4px 0 10px}.od-filter-row{display:flex;gap:6px;flex-wrap:wrap}.od-filter-btn{min-height:32px;padding:6px 14px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-dim);font-size:12px;font-weight:600;font-family:var(--font);cursor:pointer;white-space:nowrap;transition:border-color .15s,background .15s,color .15s}.od-filter-btn:hover{border-color:var(--accent);color:var(--text)}.od-filter-btn.active{background:#f973161f;border-color:var(--orange);color:var(--orange)}.fault-card{cursor:pointer}@media(min-width:640px){#od-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:start;gap:10px}#od-list .result-card{margin-bottom:0}#outstanding-dashboard-modal .modal-box{max-width:760px}}@media(min-width:1100px){#outstanding-dashboard-modal .modal-box{max-width:980px}}@media(max-width:480px){.outstanding-btn-row{margin-top:4px}.outstanding-add-btn,#outstanding-list-btn,.od-filter-btn,#of-submit-btn,#of-cancel-btn,#od-csv-btn,#od-close-btn,.fault-remove-btn{min-height:48px}}.room-tag{margin-top:2px}.card-type-tag{position:absolute;top:6px;left:14px;margin:0;padding:0;font-size:.58rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);opacity:.45;pointer-events:none;user-select:none;line-height:1;z-index:1}.result-card.has-type-tag.flat{padding-top:20px}.result-card.has-type-tag .accordion-header{padding-top:18px}.compartment-row .field-value{font-weight:700;color:var(--yellow)}.room-banner{display:flex;flex-direction:column;gap:4px;padding:10px 14px;margin-bottom:10px;border-radius:8px;background:#0d1e2f;border:1px solid var(--accent-dim);border-left:4px solid var(--accent)}.room-banner-code{font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.room-banner-desc{font-size:1rem;font-weight:700;color:var(--text)}#tab-bar{transition:opacity .2s ease,transform .2s ease}#app.unified-mode #tab-bar{opacity:0;transform:translateY(10px);pointer-events:none}#app.unified-mode{grid-template-rows:var(--header-h) 0px 1fr var(--footer-h)!important}#instruments-btn{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:5px 12px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-dim);font-size:12px;font-weight:500;cursor:pointer;white-space:nowrap;touch-action:manipulation;transition:background .15s,color .15s,border-color .15s}#instruments-btn:hover{color:var(--text);border-color:var(--text-dim)}#instruments-btn .btn-label{font-size:.58rem;font-weight:500;opacity:.65}.inst-tabs{display:flex;gap:0;border-bottom:1px solid var(--border);margin-bottom:16px}.inst-tab{flex:1;padding:8px 12px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-dim);font-size:.86rem;font-weight:600;cursor:pointer;transition:color .15s,border-color .15s}.inst-tab.active,.inst-tab:hover{color:var(--accent);border-bottom-color:var(--accent)}.inst-panel{display:flex;flex-direction:column;gap:12px}.inst-field{display:flex;flex-direction:column;gap:4px}.inst-label{font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim)}.inst-input{width:100%;padding:8px 10px;border-radius:6px;border:1px solid var(--border);background:#111;color:var(--text);font-size:.95rem;outline:none;transition:border-color .15s}.inst-input:focus{border-color:var(--accent)}.inst-slider{width:100%;margin-top:6px;accent-color:var(--accent);cursor:pointer}.inst-output-row{display:flex;align-items:baseline;justify-content:space-between;padding:10px 14px;border-radius:8px;background:#0d1a0d;border:1px solid #1a3a1a}.inst-output-label{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim)}.inst-output-value{font-size:1.4rem;font-weight:700;color:#f0a500;font-variant-numeric:tabular-nums}.inst-warning{font-size:.8rem;color:#e05252;padding:6px 10px;border-radius:6px;background:#1a0000;border:1px solid #3a0000}.inst-divider{border:none;border-top:1px solid var(--border);margin:2px 0}.inst-mode-row{display:flex;gap:8px;margin-bottom:4px}.inst-mode-btn{flex:1;padding:7px 10px;border-radius:6px;border:1px solid var(--border);background:var(--surface);color:var(--text-dim);font-size:.82rem;font-weight:600;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.inst-mode-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.inst-mode-btn:not(.active):hover{background:var(--card-hover);color:var(--text)}@media(max-width:600px){.inst-output-value{font-size:1.1rem}}#about-btn-header{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:var(--card);border:1px solid var(--border);border-radius:50%;color:var(--text-dim);font-size:15px;cursor:pointer;flex-shrink:0;touch-action:manipulation;transition:color .15s,border-color .15s}#about-btn-header:hover{color:var(--text);border-color:var(--accent)}@media(max-width:900px){#about-btn-header{display:none}}.drawer-only{display:none}@media(max-width:900px){.drawer-only{display:flex;width:100%}}.about-profile{margin:16px 0;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.about-row{display:flex;align-items:baseline;gap:12px;padding:10px 14px;border-bottom:1px solid var(--border)}.about-row:last-child{border-bottom:none}.about-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);white-space:nowrap;min-width:90px;flex-shrink:0}.about-value{font-size:13px;color:var(--text);font-weight:500;word-break:break-all}#zone-open-btn{background:transparent;border:1px solid var(--border);color:var(--text-dim);padding:5px 10px;border-radius:var(--radius);font-size:12px;cursor:pointer;transition:border-color .15s,color .15s,background .15s;white-space:nowrap}#zone-open-btn:hover{border-color:var(--yellow);color:var(--yellow)}#zone-open-btn.active{background:color-mix(in srgb,var(--yellow) 12%,transparent);border-color:var(--yellow);color:var(--yellow)}#zone-search-panel{background:var(--surface);border-bottom:1px solid var(--border);padding:10px 14px 12px;display:flex;flex-direction:column;gap:10px}.zone-panel-header{display:flex;align-items:center;justify-content:space-between}.zone-panel-title{font-size:12px;font-weight:600;color:var(--yellow);letter-spacing:.04em;text-transform:uppercase}.zone-close-btn{background:transparent;border:none;color:var(--text-muted);font-size:14px;cursor:pointer;padding:2px 6px;border-radius:var(--radius);line-height:1}.zone-close-btn:hover{color:var(--text);background:var(--card-hover)}.zone-slider-vals{display:flex;justify-content:space-between;font-size:11px;color:var(--text-muted);user-select:none}.zone-slider-vals strong{font-family:var(--font-mono);color:var(--text);font-weight:600}.zone-sliders{display:flex;flex-direction:column;gap:6px;position:relative;overflow:hidden;box-sizing:border-box}.zone-slider-wrap{position:relative;height:20px;display:flex;align-items:center;box-sizing:border-box;flex-shrink:0}.zone-track-bg{position:absolute;left:9px;right:9px;height:4px;top:50%;transform:translateY(-50%);background:var(--border);border-radius:2px;overflow:visible;pointer-events:none}.zone-track-fill{position:absolute;height:100%;background:var(--yellow);border-radius:2px;pointer-events:none;opacity:.7}.zone-range{-webkit-appearance:none;appearance:none;position:relative;width:100%;height:20px;background:transparent;cursor:pointer;z-index:1}.zone-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--yellow);border:2px solid var(--bg);cursor:grab;box-shadow:0 0 0 1px var(--yellow)}.zone-range::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--yellow);border:2px solid var(--bg);cursor:grab;box-shadow:0 0 0 1px var(--yellow)}#zone-max::-webkit-slider-thumb{background:var(--green);border:2px solid var(--bg);box-shadow:0 0 0 1px var(--green)}#zone-max::-moz-range-thumb{background:var(--green);border:2px solid var(--bg);box-shadow:0 0 0 1px var(--green)}.zone-filter-rows{display:flex;flex-direction:column;gap:5px}.zone-filter-group{display:flex;align-items:center;gap:6px}.zone-filter-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);min-width:30px;flex-shrink:0}.zone-chips{display:flex;gap:5px;flex-wrap:wrap;flex:1}.zone-side-chip,.zone-type-chip{display:flex;align-items:center;gap:4px;background:var(--card);border:1px solid var(--border);color:var(--text-dim);font-size:11px;font-weight:500;padding:3px 9px;border-radius:20px;cursor:pointer;transition:border-color .12s,color .12s,background .12s;white-space:nowrap}.zone-side-chip:hover,.zone-type-chip:hover{border-color:var(--accent);color:var(--text)}.zone-side-chip.active,.zone-type-chip.active{background:color-mix(in srgb,var(--accent) 15%,transparent);border-color:var(--accent);color:var(--accent)}.zone-chip-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.zone-chip-port{background:#e05a5a}.zone-chip-stbd{background:#3ab54a}.zone-limit-select{background:var(--card);border:1px solid var(--border);color:var(--text);border-radius:var(--radius);padding:3px 6px;font-size:11px;font-family:var(--font-mono);cursor:pointer;width:52px}.zone-limit-select:focus{outline:none;border-color:var(--accent)}.zone-search-btn{align-self:stretch;background:var(--accent);color:#fff;border:none;border-radius:var(--radius);padding:8px 0;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s;letter-spacing:.02em}.zone-search-btn:hover{background:var(--accent-dim)}.zone-search-btn:disabled{opacity:.55;cursor:not-allowed}.zone-banner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px;padding:8px 14px;background:color-mix(in srgb,var(--yellow) 8%,var(--surface));border-left:3px solid var(--yellow);border-radius:0 var(--radius) var(--radius) 0;margin-bottom:6px}.zone-banner-info{font-size:12px;color:var(--text-dim)}.zone-banner-info strong{color:var(--text);font-weight:600}.zone-banner-count{font-size:11px;font-family:var(--font-mono);color:var(--yellow);font-weight:600;background:color-mix(in srgb,var(--yellow) 12%,transparent);padding:2px 7px;border-radius:10px}.zone-section-hdr{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:10px 14px 4px;border-bottom:1px solid var(--border);margin-bottom:2px}.zone-limit-notice{font-size:11px;color:var(--yellow);background:color-mix(in srgb,var(--yellow) 8%,var(--surface));border-left:3px solid var(--yellow);padding:6px 12px;margin:4px 0 0;border-radius:0 var(--radius) var(--radius) 0}.compartment-tag{font-family:var(--font-mono);font-size:12px;color:var(--yellow);background:color-mix(in srgb,var(--yellow) 10%,transparent);border:1px solid color-mix(in srgb,var(--yellow) 30%,transparent);border-radius:var(--radius);padding:1px 7px;cursor:pointer;transition:background .12s,border-color .12s}.compartment-tag:hover{background:color-mix(in srgb,var(--yellow) 18%,transparent);border-color:var(--yellow)}.cable-link-toggle{border-top-color:color-mix(in srgb,var(--accent) 25%,var(--border))}.cable-link-toggle:hover{color:var(--accent)}.cable-link-list{display:flex;flex-direction:column;gap:6px;padding:6px 0 2px}.cable-link-row{display:flex;align-items:center;gap:8px;padding:5px 8px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap}.cable-link-left{display:flex;align-items:center;gap:5px;flex-shrink:0}.cable-link-arrow{font-size:13px;color:var(--yellow);font-weight:700;width:14px;text-align:center}.cable-tag{font-family:var(--font-mono);font-size:11px;color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);border-radius:var(--radius);padding:1px 6px;cursor:pointer;transition:background .12s,border-color .12s}.cable-tag:hover{background:color-mix(in srgb,var(--accent) 18%,transparent);border-color:var(--accent)}.cable-link-meta{font-size:10px;color:var(--text-muted);font-family:var(--font-mono);flex:1;min-width:60px}.cable-link-right{display:flex;align-items:center;margin-left:auto}@media(max-width:900px){#zone-search-panel{padding:8px 12px 10px;gap:8px}.zone-search-btn{padding:9px 0}}