:root{--ui-bg:#e0f2fe;--ui-bg-2:#bae6fd;--ui-surface:#ffffffa6;--ui-surface-strong:#fff;--ui-card:#ffffffd9;--ui-text:#0d2740;--ui-muted:#587188;--ui-faint:#7f95a7;--ui-line:#fff6;--ui-line-strong:#0a518547;--ui-blue:#0a5185;--ui-orange:#fd9126;--ui-green:#7bb44d;--ui-shadow:0 24px 40px #0000000a;--ui-shadow-soft:0 10px 28px #0a51851a;--ui-input:#ffffffe6;--sidebar-width:260px;font-family:Inter,Segoe UI,Arial,Helvetica,sans-serif}html[data-theme=dark]{--ui-bg:#12141c;--ui-bg-2:#1a1d27;--ui-surface:#1e212b;--ui-surface-strong:#252936;--ui-card:#1e212b;--ui-text:#f8fafc;--ui-muted:#94a3b8;--ui-faint:#7e8da3;--ui-line:#ffffff0d;--ui-line-strong:#b2c9e552;--ui-blue:#6ec6ff;--ui-orange:#ff8a3d;--ui-green:#b7f230;--ui-shadow:0 8px 30px #0003;--ui-shadow-soft:0 12px 34px #00000047;--ui-input:#ffffff14}*{box-sizing:border-box}html,body,#root{min-width:100%;min-height:100%;margin:0}body{background:var(--ui-bg);color:var(--ui-text)}button{font-family:inherit}button:disabled{opacity:.45;cursor:not-allowed;transform:none!important}.loading-page{min-height:100vh;color:var(--ui-blue);place-items:center;font-size:24px;display:grid}.auth-shell{background:linear-gradient(135deg, var(--ui-bg), var(--ui-bg-2));place-items:center;min-height:100vh;padding:24px;display:grid}.simple-auth-card,.pending-card{background:var(--ui-surface);-webkit-backdrop-filter:blur(24px);border:1px solid var(--ui-line);width:min(560px,100%);box-shadow:var(--ui-shadow);text-align:center;border-radius:32px;padding:48px 40px}.simple-auth-logos{grid-template-columns:1fr 1fr;place-items:center;gap:28px;width:100%;margin:6px auto 34px;display:grid}.simple-auth-logos a{border-radius:16px;justify-content:center;align-items:center;width:100%;text-decoration:none;transition:transform .16s,box-shadow .16s;display:inline-flex}.simple-auth-logos a:hover{transform:translateY(-1px);box-shadow:0 0 0 4px #fd91261f}.simple-auth-logos img:first-child,.simple-auth-logos img:last-child{object-fit:contain;width:100%;max-width:210px;height:96px}.auth-top-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.auth-kicker{width:fit-content;color:var(--ui-orange);text-transform:uppercase;letter-spacing:1.6px;background:#fd912624;border:1px solid #fd91264d;border-radius:999px;align-items:center;margin:0 auto 16px;padding:7px 10px;font-size:13px;font-weight:900;display:inline-flex}.simple-auth-card h1,.pending-card h1{color:var(--ui-blue);letter-spacing:-1.4px;margin:0 0 12px;font-size:34px;line-height:1.1}.simple-auth-card>p,.pending-card>p{color:var(--ui-muted);max-width:430px;margin-left:auto;margin-right:auto;line-height:1.5}.auth-tabs{grid-template-columns:1fr 1fr;gap:8px;margin:24px 0 20px;display:grid}.auth-tabs button{border:1px solid var(--ui-line);color:var(--ui-muted);cursor:pointer;background:0 0;border-radius:999px;padding:12px 20px;font-size:15px;font-weight:850;transition:all .16s}.auth-tabs button:hover{border-color:var(--ui-orange);color:var(--ui-orange)}.auth-tabs .auth-tab-active{border-color:var(--ui-orange);color:var(--ui-orange);background:#fd91261a}.auth-form,.claim-form{gap:14px;margin-top:18px;display:grid}.auth-form label,.claim-form label{color:var(--ui-blue);text-align:left;gap:7px;font-weight:800;display:grid}.auth-form input,.claim-form input{background:var(--ui-input);border:1px solid var(--ui-line);color:var(--ui-text);border-radius:14px;min-height:54px;padding:13px 14px;font-size:16px}.auth-form input:focus,.claim-form input:focus{border-color:var(--ui-orange);outline:none;box-shadow:0 0 0 3px #fd912624}.password-field{gap:8px;display:flex}.password-field input{flex:1}.password-field button{border:1px solid var(--ui-line);background:var(--ui-surface-strong);min-width:72px;color:var(--ui-blue);cursor:pointer;border-radius:14px;font-weight:800}.auth-form button[type=submit],.claim-form button[type=submit],.full-width-auth-button{background:linear-gradient(180deg, var(--ui-surface-strong), var(--ui-card));border:1px solid var(--ui-line);min-height:54px;color:var(--ui-blue);cursor:pointer;border-radius:14px;width:100%;font-size:16px;font-weight:850;transition:all .16s}.auth-form button[type=submit]:hover,.claim-form button[type=submit]:hover,.full-width-auth-button:hover{border-color:var(--ui-orange);box-shadow:0 0 0 3px #fd912624}.auth-footer-actions{justify-items:stretch;width:100%;margin-top:14px;display:grid}.auth-footer-actions .text-link-button{color:var(--ui-blue);cursor:pointer;background:0 0;border:0;border-radius:999px;width:fit-content;margin:0 auto;padding:8px 10px;font-weight:900}.auth-footer-actions .text-link-button:hover{background:#6ec6ff1f}.auth-status{border:1px solid var(--ui-line);color:var(--ui-text);background:#6ec6ff1f;border-radius:14px;margin-top:16px;padding:12px;font-weight:800}.app-shell{background:var(--ui-bg);height:100vh;display:flex;overflow:hidden}.nav-bar{width:var(--sidebar-width);background:var(--ui-surface-strong);border-right:1px solid var(--ui-line);z-index:20;flex-direction:column;gap:8px;padding:24px 16px;display:flex;position:relative}.nav-bar button{color:var(--ui-muted);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:16px;justify-content:flex-start;padding:14px 20px;font-weight:600;transition:all .16s}.nav-bar button:hover{color:var(--ui-text);background:#ffffff0d}.nav-bar .nav-active{color:var(--ui-orange)!important;box-shadow:none!important;background:#fd91261a!important}.main-content-wrapper{flex-direction:column;flex:1;display:flex;overflow-y:auto}.main-header{box-shadow:none;background:0 0;border-bottom:none;justify-content:space-between;align-items:center;padding:32px 40px 16px;display:flex}.content{max-width:1180px;margin:0;padding:0 40px 48px}.theme-toggle{border:1px solid var(--ui-line);background:var(--ui-input);color:var(--ui-text);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:8px;width:100%;padding:9px 13px;font-weight:900;display:inline-flex}.theme-toggle span{width:22px;height:22px;color:var(--ui-orange);background:#fd912629;border-radius:50%;place-items:center;display:grid}.logout-button{border:1px solid var(--ui-line);background:linear-gradient(180deg, var(--ui-surface-strong), var(--ui-card));color:var(--ui-blue);cursor:pointer;border-radius:999px;width:100%;margin-top:8px;padding:12px 20px;font-size:15px;font-weight:850;text-align:center!important}.logout-button:hover{border-color:var(--ui-orange)}.dashboard-hero{background:var(--ui-surface);border:1px solid var(--ui-line);box-shadow:var(--ui-shadow-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:24px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px;padding:26px;display:flex}.dashboard-hero h2{color:var(--ui-blue);margin:4px 0 8px;font-size:34px}.dashboard-hero p{color:var(--ui-muted);margin:5px 0 0}.status-pill{border:1px solid;border-radius:999px;padding:12px 18px;font-weight:900}.online-pill{color:var(--ui-green);border-color:var(--ui-green);background:#7bb44d1a}.offline-pill{color:#c62828;background:#c628281a;border-color:#ecc5c5}.page-grid{grid-template-columns:repeat(3,minmax(220px,1fr));gap:20px;display:grid}.card,.panel-page{background:var(--ui-surface);border:1px solid var(--ui-line);box-shadow:var(--ui-shadow-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:var(--ui-text);border-radius:22px;padding:26px}.page-grid .card{min-height:160px;position:relative;overflow:hidden}.page-grid .card:before{content:"";background:linear-gradient(90deg, var(--ui-orange), var(--ui-green), var(--ui-blue));opacity:.85;height:4px;position:absolute;inset:0 0 auto}.card h2,.section-heading h2{color:var(--ui-blue);margin:0 0 12px;font-size:26px}.card p,.section-heading p{color:var(--ui-muted);margin:8px 0;font-size:16px;line-height:1.45}.card button,.action-card button,.snooze-grid button,.frequency-buttons button,.quick-actions button,.broadcast-card button,.location-panel button{border:1px solid var(--ui-line);background:linear-gradient(180deg, var(--ui-surface-strong), var(--ui-card));color:var(--ui-blue);cursor:pointer;border-radius:999px;padding:12px 20px;font-size:15px;font-weight:850;transition:all .16s}.card button:hover,.action-card button:hover,.snooze-grid button:hover,.frequency-buttons button:hover,.quick-actions button:hover,.broadcast-card button:hover,.location-panel button:hover{border-color:var(--ui-orange);box-shadow:0 0 0 3px #fd91262e}.circular-progress-wrapper{width:120px;height:120px;margin:0 auto 20px;position:relative}.circular-progress-svg{width:100%;height:100%;transform:rotate(-90deg)}.circular-progress-bg{fill:none;stroke:var(--ui-line);stroke-width:8px}.circular-progress-bar{fill:none;stroke:var(--ui-orange);stroke-width:8px;stroke-linecap:round;transition:stroke-dashoffset .5s}.circular-progress-text{color:var(--ui-text);font-size:24px;font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.next-call-panel,.selector-panel{background:var(--ui-surface);border:1px solid var(--ui-line);border-left:4px solid var(--ui-orange);box-shadow:var(--ui-shadow-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:16px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;padding:13px 18px;display:flex}.selector-panel{border-left:1px solid var(--ui-line);grid-template-columns:1.1fr 1fr 1.4fr;align-items:end;display:grid}.panel-label,.selector-field label,.location-panel label{text-transform:uppercase;color:var(--ui-blue);letter-spacing:1.2px;margin-bottom:5px;font-size:12px;font-weight:900}.next-call-value,.history-row strong,.location-panel h3,.map-help strong,.tannoyer-row strong,.selector-title strong{color:var(--ui-text);font-size:clamp(18px,2vw,25px);font-weight:850;line-height:1.15}.next-call-subtext,.history-row span,.history-row em,.location-panel p,.map-help span,.tannoyer-row span,.tannoyer-row small,.tannoyer-row em,.selector-title span{color:var(--ui-muted);flex-direction:row;gap:14px;font-size:13px;font-weight:750;display:flex}.history-list{gap:10px;display:grid}.history-row{background:var(--ui-surface);border:1px solid var(--ui-line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:14px;justify-content:space-between;align-items:center;gap:14px;padding:13px 15px;display:flex}.bird-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.bird-icon-card{background:var(--ui-card);border:1px solid var(--ui-line);min-height:148px;color:var(--ui-text);box-shadow:var(--ui-shadow-soft);cursor:pointer;border-radius:22px;grid-template-columns:86px 1fr;align-items:center;gap:16px;padding:16px;transition:all .16s;display:grid}.bird-icon-card:hover{border-color:var(--ui-orange);transform:translateY(-3px)}.bird-call-icon{object-fit:contain;border:1px solid var(--ui-line);background:#fff;border-radius:20px;width:86px;height:86px;padding:7px}html[data-theme=dark] .bird-call-icon{filter:invert();background:#f6f8fb}.bird-call-meta{place-items:start;display:grid}.bird-call-meta strong{color:var(--ui-text);font-size:18px}.bird-call-meta em{color:var(--ui-muted);font-size:13px;font-style:normal;font-weight:800}.stop-button,.danger-outline{background:var(--ui-surface);cursor:pointer;border-radius:999px;padding:16px 26px;font-size:17px;font-weight:900;transition:all .16s;color:#c62828!important;border:1px solid #c62828!important}.stop-button:hover,.danger-outline:hover{background:#c628281a!important;box-shadow:0 0 0 3px #c6282824!important}.schedule-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:18px;display:grid}.schedule-scroll{background:var(--ui-card);border:1px solid var(--ui-line);border-radius:22px;padding:12px}.week-grid{grid-template-columns:56px repeat(7,minmax(70px,1fr));gap:5px;min-width:640px;display:grid}.corner-cell,.day-header{background:var(--ui-surface-strong);color:var(--ui-blue);border:1px solid var(--ui-line);border-radius:10px;place-items:center;min-height:28px;font-size:13px;font-weight:900;display:grid}.time-cell{color:var(--ui-muted);background:0 0;border:0;place-items:center;min-height:30px;font-size:13px;font-weight:900;display:grid}.hour-slot{background:var(--ui-surface-strong);border:1px solid var(--ui-line);min-height:28px;color:var(--ui-muted);cursor:pointer;border-radius:9px;place-items:center;gap:1px;padding:4px;display:grid}.hour-slot small{font-size:10px;font-weight:700;display:block}.slot-editor{background:var(--ui-surface);border:1px solid var(--ui-line);border-radius:22px;padding:20px;position:sticky;top:20px}.slot-check-row{background:var(--ui-card);border:1px solid var(--ui-line);color:var(--ui-text);border-radius:12px;align-items:center;gap:10px;padding:10px;font-weight:800;display:flex}.selector-field select{background:var(--ui-input);border:1px solid var(--ui-line);color:var(--ui-text);border-radius:14px;width:100%;padding:12px 14px;font-size:15px;font-weight:800}@media (width<=1050px){.schedule-layout,.broadcast-grid,.selector-panel{grid-template-columns:1fr}.slot-editor{position:static}.schedule-scroll{overflow:auto}}@media (width<=850px){.app-shell{flex-direction:column}.nav-bar{border-right:none;border-bottom:1px solid var(--ui-line);flex-direction:row;width:100%;padding:14px 16px;overflow-x:auto}.sidebar-brand{display:none}.logout-button{width:auto;margin-top:0}.page-grid{grid-template-columns:1fr}}:root{--radius-card:16px;--radius-control:10px;--accent-soft:#0a518514}.auth-kicker{display:none!important}.simple-auth-card,.pending-card,.card,.panel-page,.dashboard-status-panel,.selector-panel,.next-call-panel,.broadcast-card,.settings-card,.snooze-status-card{border-radius:var(--radius-card)!important}.auth-tabs button,.auth-form button[type=submit],.claim-form button[type=submit],.full-width-auth-button,.auth-form input,.claim-form input,.password-field button,.card button,.snooze-grid button,.broadcast-card button,.settings-card button,.map-save-row button,.stop-button,.logout-button,.theme-toggle,.sidebar-selectors select,.selector-field select,.settings-card input,.settings-card select,.map-save-row input{border-radius:var(--radius-control)!important}.auth-tabs .auth-tab-active,.nav-bar .nav-active{background:var(--accent-soft)!important;color:var(--ui-blue)!important;box-shadow:inset 3px 0 0 var(--ui-blue)!important;border-color:#0a518529!important}.auth-tabs button:hover,.card button:hover,.snooze-grid button:hover,.broadcast-card button:hover,.settings-card button:hover,.map-save-row button:hover,.auth-form button[type=submit]:hover,.full-width-auth-button:hover{border-color:var(--ui-blue)!important;box-shadow:0 0 0 3px #0a51851f!important}.simple-auth-card{width:min(520px,100%);padding:42px 38px}.simple-auth-logos{gap:34px;margin-bottom:28px}.simple-auth-logos img:first-child,.simple-auth-logos img:last-child{max-width:230px;height:94px}.simple-auth-logos img:last-child{transform:scale(1.14)}.password-field button{width:54px;min-width:54px;font-size:20px;line-height:1}.nav-bar{width:250px;padding:22px 16px}.sidebar-brand{justify-items:center;gap:16px;margin-bottom:22px;padding:0;display:grid}.sidebar-brand a{place-items:center;width:100%;display:grid}.sidebar-brand img{object-fit:contain;width:142px;height:68px}.sidebar-brand a:nth-child(2) img{width:142px;height:68px;transform:scale(1.15)}.sidebar-selectors{border:1px solid var(--ui-line);background:#0a51850a;border-radius:14px;gap:10px;margin-bottom:18px;padding:12px;display:grid}.sidebar-selectors label{color:var(--ui-blue);letter-spacing:.9px;text-transform:uppercase;gap:6px;font-size:11px;font-weight:900;display:grid}.sidebar-selectors select{background:var(--ui-input);border:1px solid var(--ui-line);width:100%;color:var(--ui-text);min-width:0;padding:10px;font-weight:750}.nav-bar button{border-radius:10px;align-items:center;gap:10px;padding:11px 14px;font-size:14px;display:flex}.nav-bar button span{opacity:.85;text-align:center;width:20px}.sidebar-footer{gap:8px;margin-top:auto;display:grid}.main-header{padding:30px 34px 14px}.main-header h1{color:var(--ui-blue);letter-spacing:-.8px;margin:0;font-size:34px}.content{max-width:1280px;padding:0 34px 40px}.dashboard-status-panel{background:var(--ui-surface);border:1px solid var(--ui-line);box-shadow:var(--ui-shadow-soft);margin-bottom:16px;padding:18px 20px}.status-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.status-heading h2{color:var(--ui-text);margin:3px 0 0;font-size:24px}.status-grid{grid-template-columns:repeat(3,minmax(160px,1fr));gap:10px;display:grid}.status-grid div{border:1px solid var(--ui-line);background:#ffffff57;border-radius:12px;gap:3px;padding:10px 12px;display:grid}html[data-theme=dark] .status-grid div{background:#ffffff0a}.status-grid span{color:var(--ui-muted);letter-spacing:.7px;text-transform:uppercase;font-size:11px;font-weight:900}.status-grid strong{color:var(--ui-text);font-size:14px}.overview-grid{grid-template-columns:180px minmax(220px,320px);justify-content:start}.compact-card{min-height:120px!important;padding:18px!important}.compact-card h2{margin-bottom:8px;font-size:18px}.large-metric{color:var(--ui-blue);font-size:42px;font-weight:950;line-height:1}.bird-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.bird-icon-card{border-radius:14px;grid-template-columns:62px 1fr;gap:12px;min-height:104px;padding:12px}.bird-call-icon{border-radius:10px;width:58px;height:58px}.bird-call-meta strong{font-size:16px}.bird-call-meta em:empty{display:none}.broadcast-grid{grid-template-columns:repeat(2,minmax(260px,1fr));gap:16px;display:grid}.broadcast-card{background:var(--ui-card);border:1px solid var(--ui-line);gap:12px;padding:18px;display:grid}.broadcast-card h3{color:var(--ui-text);margin:0;font-size:20px}.broadcast-card p{color:var(--ui-muted);margin:0}.broadcast-actions,.volume-quick-buttons,.audio-actions{flex-wrap:wrap;gap:10px;display:flex}.file-input,.broadcast-card audio{width:100%}.selected-file,.broadcast-status,.settings-status{border:1px solid var(--ui-line);color:var(--ui-text);background:#0a51850f;border-radius:10px;padding:10px 12px;font-weight:750}.schedule-scroll{background:#0a518509;border:1px solid #0a51851a;border-radius:14px;box-shadow:inset 0 0 0 1px #ffffff59}.week-grid{background:#ffffff47;border-radius:10px;padding:8px}.hour-slot,.corner-cell,.day-header{border-radius:7px}.hour-slot.enabled{color:var(--ui-text);background:#0a51851a;border-color:#0a518540}.hour-slot.enabled strong{color:var(--ui-blue)}.hour-slot.selected{border-color:var(--ui-blue);outline:2px solid #0a51852e}.slot-editor{border-radius:14px;padding:16px}.slot-toggle-button{width:100%;margin:6px 0 16px}.slot-bird-list{gap:7px;max-height:300px;padding-right:4px;display:grid;overflow:auto}.frequency-buttons,.quick-actions{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.selected-frequency{border-color:var(--ui-blue)!important;background:#0a51851a!important}.slot-time-label{color:var(--ui-muted);font-weight:850}.snooze-status-card{border:1px solid var(--ui-line);background:var(--ui-card);gap:4px;margin-bottom:16px;padding:14px 16px;display:grid}.snooze-status-card span{color:var(--ui-muted);text-transform:uppercase;letter-spacing:.7px;font-size:12px;font-weight:900}.snooze-status-card strong{color:var(--ui-text)}.snooze-grid{flex-wrap:wrap;gap:10px;margin-bottom:18px;display:flex}.snooze-grid button{min-width:116px}.leaflet-map{border:1px solid var(--ui-line);background:#dbeafe;border-radius:14px;height:520px;min-height:420px;overflow:hidden}.map-save-row{grid-template-columns:1fr 1fr auto;gap:10px;margin-top:12px;display:grid}.map-save-row input{border:1px solid var(--ui-line);background:var(--ui-input);color:var(--ui-text);padding:11px 12px}.settings-grid{grid-template-columns:minmax(280px,1.2fr) minmax(280px,1fr) minmax(240px,.8fr);gap:16px;display:grid}.settings-card{background:var(--ui-card);border:1px solid var(--ui-line);gap:12px;padding:18px;display:grid}.settings-card h3{color:var(--ui-text);margin:0;font-size:20px}.settings-card label{color:var(--ui-blue);text-transform:uppercase;letter-spacing:.7px;gap:6px;font-size:12px;font-weight:900;display:grid}.settings-card input,.settings-card select{border:1px solid var(--ui-line);background:var(--ui-input);color:var(--ui-text);padding:11px 12px;font-size:14px;font-weight:750}.coordinate-grid,.theme-choice-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.volume-orb{background:radial-gradient(circle at 50% 50%, var(--ui-card) 0 48%, transparent 49%), conic-gradient(var(--ui-blue) calc(var(--volume,100) * 1%), #7f95a738 0);border-radius:50%;justify-self:center;place-items:center;width:132px;height:132px;display:grid}.volume-orb span{color:var(--ui-text);font-size:22px;font-weight:950}.volume-orb.muted{background:radial-gradient(circle at 50% 50%, var(--ui-card) 0 48%, transparent 49%), conic-gradient(#c62828 100%, #7f95a738 0)}.theme-choice{justify-items:center;gap:8px;display:grid}.theme-choice.active{border-color:var(--ui-blue)!important;background:#0a518514!important}.theme-preview{border:1px solid var(--ui-line);border-radius:8px;width:100%;height:46px}.light-preview{background:linear-gradient(135deg,#fff,#dff3ff)}.dark-preview{background:linear-gradient(135deg,#101827,#252936)}.history-row strong{font-size:15px}.history-row span,.history-row em{font-size:12px}.history-row{padding:10px 12px}@media (width<=1050px){.status-grid,.settings-grid,.broadcast-grid,.map-save-row,.overview-grid{grid-template-columns:1fr}}@media (width<=850px){.sidebar-selectors{min-width:230px}.sidebar-brand img{width:92px;height:42px}}.map-readonly-note{border:1px solid var(--ui-line);border-left:3px solid var(--ui-blue);background:var(--ui-card);color:var(--ui-muted);border-radius:10px;margin:0 0 12px;padding:10px 12px;font-weight:750}.leaflet-marker-draggable,.leaflet-container{cursor:default}.logout-button{align-items:center;gap:8px;line-height:1;border:1px solid var(--ui-line)!important;color:var(--ui-muted)!important;box-shadow:none!important;background:0 0!important;border-radius:10px!important;justify-content:center!important;padding:10px 12px!important;font-size:14px!important;display:inline-flex!important}.logout-button span{color:var(--ui-orange);font-size:16px}.logout-button:hover{color:var(--ui-text)!important;background:#fd912612!important;border-color:#fd912659!important}.nav-bar .selector-field option{font-weight:800}html,body,#root{width:100%;max-width:100%;overflow-x:hidden}img,svg,video,canvas{max-width:100%}.app-shell,.main-content-wrapper,.content,.panel-page,.card,.dashboard-hero,.selector-panel,.next-call-panel,.settings-card,.broadcast-card,.slot-editor,.schedule-scroll,.map-panel{min-width:0}@media (width<=900px){:root{--sidebar-width:100%}.auth-shell{padding:16px}.simple-auth-card,.pending-card{border-radius:20px;width:min(100%,540px);padding:28px 22px}.simple-auth-logos{gap:14px;margin-bottom:22px}.simple-auth-logos img:first-child,.simple-auth-logos img:last-child{max-width:170px;height:70px}.simple-auth-card h1,.pending-card h1{font-size:30px}.app-shell{flex-direction:column;height:auto;min-height:100vh;display:flex;overflow:visible}.nav-bar{z-index:50;border-right:0;border-bottom:1px solid var(--ui-line);scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-direction:row;align-items:center;gap:6px;width:100%;padding:10px 12px;position:sticky;top:0;overflow:auto hidden}.nav-bar::-webkit-scrollbar{display:none}.sidebar-brand{flex:none;margin:0 6px 0 0!important;padding:0!important;display:flex!important}.sidebar-brand img{max-width:92px;max-height:34px!important}.nav-bar button{white-space:nowrap;border-radius:10px;flex:none;padding:9px 11px;font-size:13px}.nav-bar>div[style*=auto]{flex:none;align-items:center;gap:6px;margin-left:auto;display:flex;margin-top:0!important}.theme-toggle{font-size:0;width:auto!important;padding:8px 10px!important}.theme-toggle span{margin:0}.logout-button{width:auto!important;margin-top:0!important;padding:9px 11px!important;font-size:0!important}.logout-button span{font-size:17px}.main-content-wrapper{width:100%;overflow:visible}.main-header{padding:22px 16px 10px}.main-header h1{font-size:32px;line-height:1.05}.content{width:100%;max-width:none;padding:0 16px 32px}.selector-panel{border-radius:14px;grid-template-columns:1fr;gap:12px;padding:14px}.selector-title strong{font-size:20px}.selector-field select{min-height:46px;font-size:15px}.dashboard-hero{border-radius:16px;grid-template-columns:1fr;gap:14px;padding:18px;display:grid}.dashboard-hero h2{font-size:28px}.status-pill{width:fit-content;padding:9px 14px}.page-grid{grid-template-columns:1fr;gap:14px}.card,.panel-page{border-radius:16px;padding:18px}.card h2,.section-heading h2{font-size:24px}.bird-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.bird-icon-card{border-radius:14px;grid-template-columns:58px 1fr;gap:10px;min-height:104px;padding:12px}.bird-call-icon{border-radius:12px;width:58px;height:58px;padding:4px}.bird-call-meta strong{font-size:15px;line-height:1.1}.bird-call-meta em{display:none}.broadcast-grid,.settings-grid,.location-layout,.map-only-layout,.audio-control-grid{grid-template-columns:1fr!important}.broadcast-actions,.audio-actions,.volume-quick-buttons,.snooze-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid!important}.broadcast-actions button,.audio-actions button,.volume-quick-buttons button,.snooze-grid button{width:100%;min-height:44px;padding:10px 12px}.settings-row-grid,.coordinate-grid,.theme-choice-grid{grid-template-columns:1fr}.settings-card{border-radius:16px;padding:16px}.map-placeholder,.map-placeholder-large,#device-map{border-radius:16px!important;height:340px!important;min-height:340px!important}.tannoyer-list{grid-template-columns:1fr}.history-row{border-radius:12px;align-items:flex-start;padding:12px}.history-row,.history-row div{min-width:0}.history-row strong,.history-row span{overflow-wrap:anywhere}}@media (width<=560px){.auth-shell{place-items:start center;padding-top:18px}.simple-auth-card,.pending-card{border-radius:16px;padding:22px 16px}.simple-auth-logos{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}.simple-auth-logos img:first-child,.simple-auth-logos img:last-child{max-width:130px!important;height:54px!important}.auth-tabs{gap:6px}.auth-tabs button{border-radius:10px;padding:10px 12px;font-size:14px}.password-field{gap:6px}.password-field button{width:50px;min-width:50px;padding:0}.main-header{padding:18px 12px 8px}.main-header h1{font-size:28px}.content{padding:0 12px 28px}.selector-panel{margin-bottom:14px}.selector-title{display:none}.panel-label,.selector-field label,.location-panel label,.settings-card label{font-size:11px}.dashboard-hero{padding:14px}.dashboard-hero h2{font-size:24px}.dashboard-hero p,.card p,.section-heading p{font-size:14px}.card,.panel-page{padding:14px}.card h2,.section-heading h2{font-size:21px}.bird-grid{grid-template-columns:1fr}.bird-icon-card{min-height:88px}.schedule-layout{gap:12px;grid-template-columns:1fr!important}.schedule-scroll{-webkit-overflow-scrolling:touch;border-radius:14px;padding:8px;overflow-x:auto}.week-grid{gap:4px;min-width:650px}.corner-cell,.day-header,.time-cell{min-height:28px;font-size:11px}.hour-slot{border-radius:7px;min-height:34px;font-size:11px}.hour-slot small{font-size:9px}.slot-editor{border-radius:14px;padding:14px;position:static}.slot-check-row{padding:8px;font-size:13px}.broadcast-actions,.audio-actions,.volume-quick-buttons,.snooze-grid{grid-template-columns:1fr!important}.map-placeholder,.map-placeholder-large,#device-map{height:300px!important;min-height:300px!important}.nav-bar{padding:8px 10px}.nav-bar button{padding:8px 10px;font-size:12px}}@media (width<=380px){.nav-bar button{padding:8px}.main-header h1{font-size:24px}.simple-auth-logos img:first-child,.simple-auth-logos img:last-child{height:46px!important}}.network-status-text{font-weight:950}.network-good{color:var(--ui-green)!important}.network-warning{color:#d98b15!important}.network-bad{color:#c62828!important}.network-unknown{color:var(--ui-muted)!important}.network-pill{border:1px solid var(--ui-line);background:var(--ui-input);border-radius:10px;justify-content:center;align-items:center;padding:8px 10px;font-weight:950;display:inline-flex}.network-metrics-grid{grid-template-columns:repeat(3,minmax(130px,1fr));gap:10px;display:grid}.network-metrics-grid div{background:var(--ui-card);border:1px solid var(--ui-line);border-radius:12px;gap:4px;padding:12px;display:grid}.network-metrics-grid span{color:var(--ui-muted);text-transform:uppercase;letter-spacing:.7px;font-size:12px;font-weight:850}.network-metrics-grid strong{color:var(--ui-text);overflow-wrap:anywhere;font-size:16px}.network-check-grid{flex-wrap:wrap;gap:8px;display:flex}.network-check-grid span{border:1px solid var(--ui-line);background:var(--ui-input);border-radius:999px;padding:8px 10px;font-size:13px;font-weight:900}.check-good{color:var(--ui-green)}.check-bad{color:#c62828}.network-controls{grid-template-columns:minmax(170px,1fr) auto auto;align-items:end;gap:10px;display:grid}.network-controls input{max-width:180px}@media (width<=760px){.network-metrics-grid,.network-controls{grid-template-columns:1fr}.network-controls input{max-width:none}}.network-diagnostics-card{grid-column:1/-1}