*{box-sizing:border-box;margin:0;padding:0}:root{--bg-main: #0c0f12;--bg-panel: #14191f;--bg-panel-header: #1b222a;--border-color: #26323f;--text-main: #d1d7de;--text-muted: #627284;--accent-color: #00bcd4;--accent-glow: rgba(0, 188, 212, .15);--success: #2ecc71;--warning: #f1c40f;--danger: #e74c3c;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: "Courier New", Courier, monospace}body{background-color:var(--bg-main);color:var(--text-main);font-family:var(--font-family);font-size:14px;overflow-x:hidden}.dashboard-container{display:flex;flex-direction:column;height:100vh;padding:12px;gap:10px;width:100%;max-width:100%}.dashboard-header{background-color:var(--bg-panel);border:1px solid var(--border-color);padding:8px 16px;display:flex;justify-content:space-between;align-items:center;border-radius:4px;gap:16px;min-width:0;flex-shrink:0}.header-brand{display:flex;align-items:center;gap:12px;min-width:0}.brand-icon{font-size:1.5rem}.header-brand h1{font-size:1.3rem;font-weight:700;letter-spacing:.5px;color:#fff}.sub-title{font-size:.85rem;color:var(--text-muted);border-left:1px solid var(--border-color);padding-left:12px;min-width:0}.header-status-group{display:flex;align-items:center;gap:24px;flex-wrap:wrap;justify-content:flex-end}.status-item{font-size:.9rem}.status-label{color:var(--text-muted);margin-right:6px;font-weight:600}.status-value{font-weight:700}.timestamp{font-family:var(--font-mono);color:var(--accent-color);background:#00bcd40d;padding:4px 8px;border-radius:3px;border:1px solid rgba(0,188,212,.2)}.dashboard-grid{display:grid;grid-template-columns:300px minmax(0,1fr) 320px;gap:10px;flex-grow:1;min-height:0;min-width:0}.grid-column{display:flex;flex-direction:column;gap:10px;min-width:0}.col-center{height:100%;min-height:0}.panel{background-color:var(--bg-panel);border:1px solid var(--border-color);border-radius:4px;display:flex;flex-direction:column;min-width:0}.panel-title{background-color:var(--bg-panel-header);padding:10px 14px;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color);color:#a2b4c7}.panel-content{padding:10px 14px;flex-grow:1}.animate-border{border-left:3px solid var(--accent-color)}.main-camera-panel{flex-grow:1;min-height:0}.panel-header-actions{background-color:var(--bg-panel-header);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;padding:2px 14px;gap:10px;min-width:0}.badge-overlay-reserved{font-size:.75rem;background-color:#e74c3c1a;color:var(--danger);border:1px solid rgba(231,76,60,.2);padding:2px 6px;border-radius:2px}.camera-viewport{background-color:#07090c;position:relative;flex-grow:1;min-height:0;padding:0;overflow:hidden}.ai-overlay-placeholder{width:100%;height:100%;position:absolute;top:0;left:0;border:1px dashed rgba(255,255,255,.05);display:flex;justify-content:center;align-items:center}.ai-overlay-placeholder .corner{position:absolute;width:16px;height:16px;border:2px solid var(--text-muted)}.ai-overlay-placeholder .tl{top:15px;left:15px;border-right:0;border-bottom:0}.ai-overlay-placeholder .tr{top:15px;right:15px;border-left:0;border-bottom:0}.ai-overlay-placeholder .bl{bottom:15px;left:15px;border-right:0;border-top:0}.ai-overlay-placeholder .br{bottom:15px;right:15px;border-left:0;border-top:0}.camera-stream-img{width:100%;height:100%;object-fit:cover;display:block}.error-message-container{text-align:center;padding:20px}.warning-icon{font-size:2.5rem;color:var(--text-muted);display:block;margin-bottom:10px}.main-msg{font-family:var(--font-mono);font-weight:700;color:#8a9ba8;letter-spacing:1px;margin-bottom:6px}.sub-msg{font-size:.8rem;color:var(--text-muted)}.center-bottom-split{display:grid;grid-template-columns:1fr 1fr;gap:10px;flex-shrink:0}.status-grid{display:flex;flex-direction:column;gap:6px}.data-row{display:flex;justify-content:space-between;align-items:center;padding-bottom:5px;border-bottom:1px solid rgba(38,50,63,.4)}.data-row:last-child{border-bottom:none}.mode-container{display:flex;flex-direction:column;gap:10px}.mode-btn{border:1px solid var(--border-color);background:#ffffff05;color:inherit;padding:10px 14px;border-radius:4px;display:flex;align-items:center;gap:12px;width:100%;text-align:left;font:inherit;cursor:pointer}.mode-btn.active{border-color:var(--accent-color);background:var(--accent-glow)}.mode-btn:hover:not(:disabled){border-color:var(--accent-color)}.mode-btn:disabled{opacity:.65;cursor:wait}.mode-btn.disabled{opacity:.4;cursor:not-allowed}.radio-indicator{width:12px;height:12px;border-radius:50%;border:2px solid var(--text-muted)}.radio-indicator.checked{border-color:var(--accent-color);background-color:var(--accent-color);box-shadow:0 0 8px var(--accent-color)}.mode-info{display:flex;flex-direction:column}.mode-name{font-weight:700;font-size:.9rem}.mode-desc{font-size:.75rem;color:var(--text-muted)}.map-wrapper{display:flex;flex-direction:column;gap:12px}.mock-map-canvas{height:110px;background-color:#11161d;border:1px solid var(--border-color);position:relative;border-radius:3px;overflow:hidden}.map-grid-lines{position:absolute;width:100%;height:100%;background-image:linear-gradient(rgba(38,50,63,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(38,50,63,.3) 1px,transparent 1px);background-size:20px 20px}.map-robot-marker{position:absolute;top:45%;left:55%;transform:translate(-50%,-50%)}.marker-core{display:block;width:8px;height:8px;background-color:var(--accent-color);border-radius:50%;box-shadow:0 0 10px var(--accent-color)}.ping{position:absolute;border:2px solid var(--accent-color);width:24px;height:24px;border-radius:50%;left:-8px;top:-8px;opacity:.4}.map-scale-indicator{position:absolute;bottom:8px;right:8px;font-size:.7rem;font-family:var(--font-mono);color:var(--text-muted);border-bottom:1px solid var(--text-muted);padding:0 4px}.map-coordinates{display:grid;grid-template-columns:1fr 1fr;gap:8px;background:#0003;padding:8px;border-radius:3px}.coord{font-family:var(--font-mono);font-size:.8rem}.c-lbl{color:var(--text-muted);margin-right:4px}.c-val{color:#fff;font-weight:700}.sensor-list{display:flex;flex-direction:column;gap:8px}.sensor-item{display:flex;flex-direction:column;gap:4px}.sensor-meta{display:flex;justify-content:space-between;font-size:.85rem}.sensor-name{color:#a2b4c7}.sensor-val{font-family:var(--font-mono);font-weight:700}.sensor-bar-bg{height:6px;background-color:#0b0e12;border-radius:3px;overflow:hidden}.sensor-bar-fill{height:100%;background-color:var(--accent-color)}.sensor-bar-fill.safe{background-color:var(--success)}.sensor-grid-2x2{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:4px}.sensor-mini-card{background-color:#00000026;border:1px solid rgba(38,50,63,.5);padding:6px 10px;border-radius:3px;display:flex;flex-direction:column}.mini-lbl{font-size:.75rem;color:var(--text-muted);margin-bottom:2px}.mini-val{font-family:var(--font-mono);font-size:.85rem;font-weight:700}.sensor-mini-card.flame-clear{border-color:#2ecc7159;background:#2ecc710d}.sensor-mini-card.flame-clear .mini-val{color:var(--success)}.sensor-mini-card.flame-detected{border-color:#f1c40f73;background:#f1c40f14}.sensor-mini-card.flame-detected .mini-val{color:var(--warning)}.sensor-mini-card.flame-unknown{border-color:#8a9ba84d;background:#8a9ba80d}.font-industrial{border-top:1px solid var(--border-color);padding-top:10px;margin-top:4px}.status-text-badge{font-size:.75rem;background-color:#2ecc711a;color:var(--success);padding:2px 6px;border-radius:2px;font-weight:700}.fire-status-panel{flex-grow:1}.fire-grid{display:flex;flex-direction:column;gap:6px;height:100%;justify-content:center}.fire-card{background:#ffffff03;border:1px solid var(--border-color);padding:7px 10px;border-radius:4px;display:flex;justify-content:space-between;align-items:center}.fire-card.status-clear{border-color:#2ecc7159;background:#2ecc710d}.fire-card.status-clear .fire-card-value{color:var(--success)}.fire-card.status-detected{border-color:#f1c40f66;background:#f1c40f0d}.fire-card.status-detected .fire-card-value{color:var(--warning)}.fire-card.status-unknown{border-color:#8a9ba84d;background:#8a9ba80d}.fire-card.status-confirmed{border-color:#e74c3c80;background:#e74c3c14}.fire-card.status-confirmed .fire-card-value{color:var(--danger)}.fire-card-label{font-size:.85rem;color:#a2b4c7}.fire-card-value{font-family:var(--font-mono);font-weight:700}.health-list{display:flex;flex-direction:column;gap:7px}.health-item{display:flex;align-items:center;gap:10px}.indicator{width:8px;height:8px;border-radius:50%}.status-ok{background-color:var(--success);box-shadow:0 0 6px var(--success)}.health-label{font-size:.85rem}.command-panel{flex-grow:1.5}.command-layout{display:flex;gap:20px;align-items:center;justify-content:space-around}.keyboard-map{display:flex;flex-direction:column;gap:6px;align-items:center}.key-row{display:flex;gap:6px}.key-cap{width:34px;height:34px;border:2px solid var(--border-color);border-radius:4px;background:#192028;display:flex;justify-content:center;align-items:center;font-weight:700;font-family:var(--font-mono);color:#8a9ba8;font-size:.9rem;transition:all .1s ease;cursor:pointer;padding:0;box-sizing:border-box}.key-cap.esc{width:auto;padding:0 12px;height:28px;font-size:.75rem}.key-cap.pressed{background:var(--accent-color);border-color:var(--accent-color);color:#000;box-shadow:0 0 12px var(--accent-color);transform:scale(.95)}.command-status-display{text-align:center}.status-title{font-size:.75rem;color:var(--text-muted);display:block;margin-bottom:4px;letter-spacing:.5px}.current-cmd-value{font-family:var(--font-mono);font-size:1.4rem;font-weight:700;color:var(--text-muted);border:1px solid var(--border-color);padding:6px 16px;background-color:#0003;min-width:130px;border-radius:3px}.current-cmd-value.cmd-active{color:var(--accent-color);border-color:var(--accent-color);background-color:var(--accent-glow)}.log-panel{flex-grow:1}.log-terminal{background-color:#07090c;border:1px solid var(--border-color);font-family:var(--font-mono);font-size:.75rem;padding:8px 10px;border-radius:3px;height:100px;max-height:100px;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:3px}.log-line{line-height:1.4;overflow-wrap:anywhere}.log-time{color:var(--accent-color);margin-right:8px}.log-text{color:#9cb1c6}.log-cursor{display:inline-block;width:6px;height:12px;background-color:var(--accent-color);animation:blink 1s infinite;margin-top:2px}@keyframes blink{0%,to{opacity:0}50%{opacity:1}}.text-success{color:var(--success)}.text-error{color:var(--danger, #ef5350)}.text-highlight{color:var(--accent-color);font-weight:700}.text-active{color:#fff;background-color:#00bcd433;padding:2px 6px;border-radius:2px}.subtext{color:var(--text-muted);font-size:.8rem}.nav-btn{background:transparent;border:1px solid var(--border-color);color:var(--text-muted);border-radius:3px;cursor:pointer;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.06em;padding:3px 10px;transition:border-color .15s,color .15s}.nav-btn:hover,.nav-btn-active{border-color:var(--accent-color);color:var(--accent-color)}.device-page-main{flex:1;display:flex;flex-direction:column;gap:16px;padding:4px 0;min-height:0}.device-page-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.device-page-title{font-size:1rem;font-weight:600;color:var(--text-main);letter-spacing:.04em;text-transform:uppercase}.device-register-btn{background-color:var(--accent-color);border:none;border-radius:3px;color:#000;cursor:pointer;font-family:var(--font-mono);font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:6px 14px;transition:background-color .15s}.device-register-btn:hover{background-color:#00d4f0}.device-page-error{background-color:#e74c3c1f;border:1px solid rgba(231,76,60,.4);color:#e57373;border-radius:3px;padding:8px 12px;font-size:.8rem;font-family:var(--font-mono)}.device-state-msg{color:var(--text-muted);font-family:var(--font-mono);font-size:.8rem;padding:32px 0;text-align:center}.device-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.device-card{background-color:var(--bg-panel);border:1px solid var(--border-color);border-radius:4px;display:flex;flex-direction:column;gap:0;transition:border-color .15s}.device-card-selected{border-color:var(--accent-color);box-shadow:0 0 0 1px var(--accent-color)}.device-card:hover{border-color:#3a4a5a}.device-card-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px 8px;border-bottom:1px solid var(--border-color);background-color:var(--bg-panel-header);border-radius:4px 4px 0 0}.device-card-name{font-size:.85rem;font-weight:600;color:var(--text-main);letter-spacing:.03em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-status{font-family:var(--font-mono);font-size:.65rem;font-weight:700;letter-spacing:.06em;padding:2px 6px;border-radius:2px;flex-shrink:0}.device-status-online{background-color:#2ecc7126;color:var(--success)}.device-status-offline{background-color:#e74c3c1f;color:var(--danger)}.device-status-unknown{background-color:#62728426;color:var(--text-muted)}.device-card-body{padding:10px 14px;display:flex;flex-direction:column;gap:6px;flex:1}.device-data-row{display:flex;justify-content:space-between;align-items:baseline;gap:8px;min-width:0}.device-label{color:var(--text-muted);font-size:.72rem;flex-shrink:0;letter-spacing:.03em}.device-value{color:var(--text-main);font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right}.device-mono{font-family:var(--font-mono);font-size:.72rem}.device-card-actions{display:flex;gap:6px;padding:8px 14px 10px;border-top:1px solid var(--border-color)}.device-action-btn{background:transparent;border:1px solid var(--border-color);border-radius:3px;color:var(--text-muted);cursor:pointer;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.04em;padding:3px 8px;transition:border-color .12s,color .12s}.device-action-btn:hover,.device-action-btn-active{border-color:var(--accent-color);color:var(--accent-color)}.device-action-btn-danger:hover{border-color:var(--danger);color:var(--danger)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000a6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.modal-card{background-color:var(--bg-panel);border:1px solid var(--border-color);border-radius:6px;width:100%;max-width:420px;display:flex;flex-direction:column;gap:0}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px 12px;border-bottom:1px solid var(--border-color);background-color:var(--bg-panel-header);border-radius:6px 6px 0 0}.modal-title{font-size:.9rem;font-weight:600;color:var(--accent-color);text-transform:uppercase;letter-spacing:.07em}.modal-close-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;font-size:.9rem;line-height:1;padding:2px 4px;transition:color .12s}.modal-close-btn:hover{color:var(--text-main)}.modal-form{display:flex;flex-direction:column;gap:14px;padding:18px}.modal-actions{display:flex;gap:10px;padding-top:4px}.modal-actions .auth-btn{flex:1}.auth-checking{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--bg-main);color:var(--text-muted);font-family:var(--font-mono);font-size:.8rem;letter-spacing:.06em}.active-device-indicator{display:flex;align-items:center;gap:6px;border-left:1px solid var(--border-color);padding-left:12px}.active-device-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block}.active-device-none{background:transparent;border:none;color:var(--text-muted);cursor:pointer;font-family:var(--font-mono);font-size:.72rem;padding:0;text-decoration:underline;text-underline-offset:3px;transition:color .12s}.active-device-none:hover{color:var(--accent-color)}.logout-btn{background:transparent;border:1px solid var(--border-color);color:var(--text-muted);border-radius:3px;cursor:pointer;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.06em;padding:3px 10px;transition:border-color .15s,color .15s}.logout-btn:hover{border-color:var(--danger);color:var(--danger)}.camera-control-inline{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:12px;padding:5px 14px;border-top:1px solid var(--border-color);flex-shrink:0}.camera-stream-label{font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted)}.camera-d-pad{display:flex;flex-direction:column;gap:2px;align-items:center}.camera-d-pad-row{display:flex;gap:3px;justify-content:center}.camera-btn{border:1px solid var(--border-color);background-color:#192028;color:var(--text-main);border-radius:3px;cursor:pointer;padding:3px 6px;font-size:.72rem;font-family:var(--font-mono);min-width:62px;text-align:center;transition:background-color .1s}.camera-btn:hover{background-color:#26323f}.camera-btn:active{background-color:var(--accent-color);color:#000}.camera-shortcut-hint{font-size:.75rem;color:var(--text-muted);text-align:center;font-family:var(--font-mono)}.mission-panel-content{display:flex;flex-direction:column;gap:10px}.mission-device-row{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px;border-bottom:1px solid rgba(38,50,63,.4)}.mission-error{background-color:#e74c3c1f;border:1px solid rgba(231,76,60,.4);color:#e57373;border-radius:3px;padding:6px 10px;font-size:.75rem;font-family:var(--font-mono)}.mission-active-card{background:#00bcd40a;border:1px solid rgba(0,188,212,.25);border-radius:4px;padding:10px 12px;display:flex;flex-direction:column;gap:6px}.mission-active-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px}.mission-active-label{font-family:var(--font-mono);font-size:.7rem;font-weight:700;letter-spacing:.08em;color:var(--accent-color)}.mission-status-badge{font-family:var(--font-mono);font-size:.65rem;font-weight:700;letter-spacing:.06em;padding:2px 6px;border-radius:2px}.mission-status-running{background-color:#00bcd426;color:var(--accent-color)}.mission-status-completed{background-color:#2ecc7126;color:var(--success)}.mission-status-cancelled,.mission-status-failed{background-color:#e74c3c1f;color:var(--danger)}.mission-status-ready,.mission-status-paused{background-color:#f1c40f1f;color:var(--warning)}.mission-action-row{display:flex;gap:6px;margin-top:4px}.mission-btn{border-radius:3px;border:1px solid var(--border-color);cursor:pointer;font-family:var(--font-mono);font-size:.72rem;font-weight:600;letter-spacing:.05em;padding:5px 10px;transition:border-color .12s,color .12s,background-color .12s;flex:1}.mission-btn:disabled{opacity:.45;cursor:not-allowed}.mission-btn-start{background-color:var(--accent-color);border-color:var(--accent-color);color:#000}.mission-btn-start:hover:not(:disabled){background-color:#00d4f0}.mission-btn-finish{background:transparent;border-color:var(--success);color:var(--success)}.mission-btn-finish:hover:not(:disabled){background-color:#2ecc711f}.mission-btn-cancel{background:transparent;border-color:var(--danger);color:var(--danger)}.mission-btn-cancel:hover:not(:disabled){background-color:#e74c3c1a}.mission-start-form{display:flex;flex-direction:column;gap:8px}.mission-input{font-size:.8rem;padding:6px 10px}.mission-history-section{border-top:1px solid rgba(38,50,63,.6);padding-top:8px;display:flex;flex-direction:column;gap:6px}.mission-history-title{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.mission-empty{font-family:var(--font-mono);font-size:.72rem;color:var(--text-muted);padding:6px 0}.mission-history-list{display:flex;flex-direction:column;gap:5px}.mission-history-item{background:#ffffff03;border:1px solid rgba(38,50,63,.5);border-radius:3px;padding:6px 10px;display:flex;flex-direction:column;gap:3px}.mission-history-top{display:flex;justify-content:space-between;align-items:center;gap:6px}.mission-history-name{font-size:.78rem;font-weight:600;color:var(--text-main);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mission-history-meta{display:flex;gap:8px;flex-wrap:wrap}@media (max-width: 1199px){.dashboard-container{height:auto;min-height:100vh}.col-center{height:auto}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.grid-column{display:contents}.main-camera-panel{grid-column:1 / -1;order:1}.col-left>.panel:nth-child(1){order:2}.col-left>.panel:nth-child(2){order:3}.col-left>.panel:nth-child(3){order:4}.col-right>.panel:nth-child(1){order:5}.col-right>.panel:nth-child(2){order:6}.col-right>.panel:nth-child(3){order:7}.center-bottom-split{display:contents}.fire-status-panel{order:8}.command-panel{order:9}.camera-viewport{max-height:260px}.log-terminal{height:auto;min-height:120px;max-height:180px}.command-layout{justify-content:center;gap:28px}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--bg-main);padding:24px}.auth-card{background-color:var(--bg-panel);border:1px solid var(--border-color);border-radius:6px;padding:36px 32px;width:100%;max-width:400px;display:flex;flex-direction:column;gap:24px}.auth-brand{display:flex;flex-direction:column;align-items:center;gap:6px}.auth-brand h1{font-size:1.4rem;font-weight:700;letter-spacing:.05em;color:var(--text-main)}.auth-subtitle{font-size:.75rem;color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase}.auth-form{display:flex;flex-direction:column;gap:16px}.auth-title{font-size:1rem;font-weight:600;color:var(--accent-color);text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}.auth-error{background-color:#e74c3c1f;border:1px solid rgba(231,76,60,.4);color:#e57373;border-radius:3px;padding:8px 12px;font-size:.8rem;font-family:var(--font-mono)}.auth-field{display:flex;flex-direction:column;gap:6px}.auth-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.auth-input{background-color:#0c0f12;border:1px solid var(--border-color);border-radius:3px;color:var(--text-main);font-family:var(--font-family);font-size:.875rem;padding:8px 12px;outline:none;transition:border-color .15s;width:100%}.auth-input:focus{border-color:var(--accent-color)}.auth-btn{border-radius:3px;border:none;cursor:pointer;font-family:var(--font-mono);font-size:.8rem;font-weight:600;letter-spacing:.06em;padding:10px 16px;text-transform:uppercase;transition:opacity .15s,background-color .15s;width:100%}.auth-btn:disabled{opacity:.5;cursor:not-allowed}.auth-btn-primary{background-color:var(--accent-color);color:#000}.auth-btn-primary:hover:not(:disabled){background-color:#00d4f0}.auth-btn-secondary{background-color:transparent;border:1px solid var(--border-color);color:var(--text-muted)}.auth-btn-secondary:hover:not(:disabled){border-color:var(--accent-color);color:var(--accent-color)}@media (max-width: 767px){.dashboard-container{height:auto;min-height:100vh;padding:12px;gap:12px}.dashboard-header{flex-direction:column;align-items:flex-start;gap:12px;padding:12px}.header-brand{flex-wrap:wrap;row-gap:4px}.header-brand h1{font-size:1.15rem}.sub-title{flex-basis:100%;border-left:0;padding-left:0}.header-status-group{width:100%;flex-wrap:wrap;gap:12px;justify-content:flex-start}.dashboard-grid{grid-template-columns:minmax(0,1fr);gap:12px}.main-camera-panel{order:1}.col-left>.panel:nth-child(1){order:2}.col-left>.panel:nth-child(2){order:3}.fire-status-panel{order:4}.col-right>.panel:nth-child(1){order:5}.col-right>.panel:nth-child(2){order:6}.col-right>.panel:nth-child(3){order:7}.col-left>.panel:nth-child(3){order:8}.command-panel{order:9}.panel-header-actions{flex-wrap:wrap;align-items:flex-start;padding:0}.panel-header-actions .panel-title{width:100%}.badge-overlay-reserved{margin:0 14px 10px}.camera-viewport{max-height:200px}.command-layout{flex-direction:column;gap:14px;align-items:center;justify-content:center}.sensor-grid-2x2,.map-coordinates{grid-template-columns:minmax(0,1fr)}.sensor-meta,.data-row,.fire-card{gap:10px}.current-cmd-value{max-width:100%}.log-terminal{max-height:160px}}