:root{color-scheme:dark;--ink:#101b2b;--paper:#e7eef3;--muted:#465c71;--red:#e32229;--gold:#ffc400;--normal:#92a4b4;font-family:'Arial Narrow','Liberation Sans Narrow','Arial',sans-serif}
*{box-sizing:border-box}body{margin:0;background:#0b1823;color:#f5f7fa}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}[hidden]{display:none!important}
.board-page{height:100vh;height:100dvh;overflow:hidden;padding:10px 10px 0;display:flex;flex-direction:column;background:radial-gradient(ellipse at 72% 5%,#25324066,transparent 42%),linear-gradient(125deg,#142532,#08121c 70%)}
.board-header{height:218px;flex-shrink:0;display:grid;grid-template-columns:230px minmax(0,1fr) 306px;gap:22px;align-items:center;padding:0 16px 14px}
.department-logo{width:210px;height:202px;object-fit:contain;filter:drop-shadow(0 4px 5px #0009)}
.department-name{text-transform:uppercase;font-family:Arial,sans-serif;font-weight:800;font-size:27px;letter-spacing:.5px;white-space:nowrap}
.board-heading{min-width:0}.board-heading h1{text-transform:uppercase;margin:6px 0 4px;font-family:Impact,'Arial Narrow',sans-serif;font-weight:900;font-size:61px;line-height:1.07;letter-spacing:1px;white-space:nowrap;text-shadow:0 3px 1px #000,0 1px #fff}
.display-name{text-transform:uppercase;font-size:30px;font-weight:700;letter-spacing:8px;color:#bac8d3;margin-top:9px}
.board-meta{align-self:center;min-width:0}.last-update-label{color:#bac8d3;font-size:21px;font-weight:700}.board-meta strong{font-size:23px;display:block;white-space:nowrap;margin:3px 0 12px}
.board-legend{border:1px solid #a7b6c3;border-radius:12px;background:#04101abb;padding:9px 16px;display:flex;flex-direction:column;gap:6px;font-size:20px;font-weight:600;box-shadow:0 3px 10px #0005}.board-legend span{display:flex;gap:14px;align-items:center}.legend-dot{display:inline-block;width:24px;height:24px;border-radius:50%;flex-shrink:0}.legend-dot.overdue{background:var(--red)}.legend-dot.soon{background:var(--gold)}.legend-dot.normal{background:#b5c2cd}
.project-board{flex:1;min-height:0;display:grid;grid-template-columns:130px repeat(6,minmax(0,1fr));grid-template-rows:72px repeat(5,minmax(0,1fr));gap:5px}
.board-column,.board-row,.board-corner{background:linear-gradient(#344653,#1c2b35);border:1px solid #6c7d89;border-radius:6px;box-shadow:inset 0 1px 1px #c2d0d326,0 2px 3px #0006;display:flex;align-items:center;justify-content:center}
.board-column{font:900 36px/1 Impact,'Arial Narrow',sans-serif;text-transform:uppercase;letter-spacing:1px;text-shadow:0 2px 2px #0007}
.board-row{text-transform:uppercase;text-align:center;white-space:pre-line;font:900 italic 37px/1.15 Impact,'Arial Narrow',sans-serif;letter-spacing:.5px;padding:6px}
.project-cell{min-width:0;min-height:0;overflow:hidden;background:linear-gradient(135deg,#f2f6f9,#dce6ed);border:1px solid #bccbd5;border-radius:7px;color:var(--ink);position:relative;display:flex;flex-direction:column;box-shadow:inset 0 0 18px #b8c9d326}
.project-card{min-height:0;flex:1;display:flex;flex-direction:column;justify-content:space-between;gap:8px;padding:14px 12px 12px 29px;position:relative;overflow:hidden}
.project-card+.project-card{border-top:1px solid #aabac699}.project-card:before{position:absolute;content:'';left:9px;top:12px;bottom:12px;width:9px;border-radius:5px;background:var(--normal)}
.project-card.overdue{background:linear-gradient(100deg,#fff0ee,#fce0df)}.project-card.overdue:before{background:var(--red);box-shadow:0 0 7px #f1363355}.project-card.soon{background:linear-gradient(100deg,#fff9e8,#fff2cc)}.project-card.soon:before{background:var(--gold)}
.project-topline{display:flex;align-items:flex-start;gap:7px;min-height:0}.project-title{font-size:25px;line-height:1.12;font-weight:800;margin:0;min-width:0;flex:1;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.status-badge{flex-shrink:0;max-width:114px;border-radius:12px;background:#b4c6d3;color:#23374c;font-size:18px;line-height:1.1;padding:6px 10px;font-weight:700;white-space:nowrap}
.status-badge.progress{background:#89baff;color:#0c2b50}.status-badge.planned{background:#c4a2fa;color:#41256b}.status-badge.hold{background:#e5c495;color:#5b381b}.status-badge.overdue{background:#e00009;color:white}.status-badge.soon{background:var(--gold);color:#312400}
.project-dates{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:8px;white-space:nowrap;color:#334d66;font-size:19px;line-height:1.1}.project-dates .modified{font-size:16px}.project-card.overdue .due-date{color:#ca111b;font-weight:700}.project-card.soon .due-date{color:#8a5300;font-weight:700}
.cell-count{position:absolute;right:8px;bottom:3px;font-size:12px;line-height:1;color:#4c6274;background:#e4edf4e8;padding:1px 4px;border-radius:3px;z-index:1}.project-cell.has-pages .project-card{padding-bottom:20px}
.multiple-items .project-card{padding-top:9px;padding-bottom:9px;gap:4px}.multiple-items .project-title{font-size:clamp(17px,1.2vw,23px)}.multiple-items .status-badge{font-size:clamp(12px,.84vw,16px);padding:4px 7px}.multiple-items .project-dates{font-size:clamp(13px,.94vw,18px)}.multiple-items .project-dates .modified{font-size:clamp(11px,.78vw,15px)}.multiple-items.has-pages .project-card{padding-bottom:15px}
.board-footer{height:34px;flex-shrink:0;display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:14px;color:#a7bac8;padding:0 8px;line-height:1.1}.board-live,.footer-controls{display:flex;align-items:center;gap:20px;flex-shrink:0}.board-live .feed-error{color:#ffc86b}.board-live .board-error{color:#ffb4ad}.footer-controls a{color:#c1d2dd}.board-footer #incidentRibbon{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#ffdb8a;font-weight:700}
html[data-kiosk='true'] *,html[data-kiosk='true']{cursor:none!important}html[data-kiosk='true'] .desktop-control{display:none!important}
.command-alert{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#030a12ed;padding:46px;color:white}.alert-shell{width:100%;max-height:100%;border:4px solid #ef3d41;box-shadow:0 0 60px #d41d2250;background:linear-gradient(125deg,#172a3d,#081320);border-radius:20px;padding:34px 44px;overflow:auto}.alert-top{display:flex;justify-content:space-between;gap:20px;color:#ff9a9c;font:700 25px Arial,sans-serif;text-transform:uppercase}.alert-top time{color:#bccddd;font-size:21px}.command-alert h2{font:900 58px/1.08 Arial,sans-serif;margin:24px 0;color:#fff}.alert-place{font-size:34px;font-weight:bold;color:#c5d4e4}.alert-address{font:800 56px/1.1 Arial,sans-serif;margin:16px 0}.alert-city{font-size:32px}.alert-cross-street{font-size:25px;color:#b9cbdc;margin:10px 0}.alert-units{font-size:30px;font-weight:700;background:#213b55;padding:16px;border-radius:8px;margin:18px 0}.alert-details{font-size:26px;line-height:1.25;white-space:pre-wrap;max-height:32vh;overflow:auto;overflow-wrap:anywhere}.command-alert button{background:#29445e;color:white;border:1px solid #6786a2;border-radius:8px;padding:12px 20px;margin-top:20px}.audio-activation{position:fixed;z-index:1100;right:18px;bottom:50px;background:#ffe095;color:#3c2600;border:0;padding:10px 16px;border-radius:8px;font-weight:bold}
/* Desktop administration uses the same palette, with readable light controls. */
.admin-page{min-height:100vh;color:#eaf1f6;background:radial-gradient(ellipse at top right,#233a50,#0b1823 65%);font-family:Arial,sans-serif;padding:30px 40px}.admin-header{display:flex;align-items:center;gap:20px;border-bottom:1px solid #344e62;padding-bottom:22px;margin-bottom:24px}.admin-header img{width:78px;height:90px;object-fit:contain}.admin-header h1{font-size:30px;margin:4px 0 10px}.eyebrow{text-transform:uppercase;color:#bbcbd7;font-size:12px;letter-spacing:2px;font-weight:bold}.admin-header p{color:#b4c7d6;margin:5px 0;font-size:14px}.admin-header a{margin-left:auto;flex-shrink:0}.admin-page a{color:#e6c76a}.admin-layout{display:grid;grid-template-columns:360px minmax(0,1fr);gap:26px;align-items:start}.admin-panel{background:#172a3b;border:1px solid #354c5e;border-radius:12px;padding:24px;box-shadow:0 10px 30px #0002}.admin-panel h2{margin:0 0 20px;font-size:22px}.admin-panel label{display:block;margin:16px 0 7px;color:#dbe7ee;font-size:14px;font-weight:bold}.admin-panel input,.admin-panel select,.admin-panel textarea,.admin-toolbar input,.admin-toolbar select{width:100%;background:#eef4f8;color:#17293a;border:1px solid #a8becf;border-radius:6px;padding:10px 11px;line-height:1.4}.admin-panel textarea{resize:vertical;min-height:100px}.admin-panel label.check-label{display:flex;align-items:center;gap:10px;line-height:1.4}.check-label input{width:auto}.field-help{font-size:12px;color:#aabfce;line-height:1.45;margin:7px 0}.admin-form-meta{font-size:12px;color:#b0c5d4;line-height:1.8;margin:18px 0}.form-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.admin-page button,.admin-header a{border:1px solid #70899b;border-radius:6px;background:#233e54;color:#ecf3f7;padding:10px 14px;font-size:14px;font-weight:bold;text-decoration:none}.admin-page .primary{background:#f0c548;border-color:#f0c548;color:#1b2836}.admin-page .complete{background:#2c6c56;border-color:#518973}.admin-page .secondary{background:transparent}.admin-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:18px}.admin-toolbar input{width:auto;min-width:180px;flex:1}.admin-toolbar select{width:auto}.admin-toolbar label{display:flex;align-items:center;gap:8px;font-size:13px;color:#bed0dd;white-space:nowrap}.admin-toolbar label input{width:auto;min-width:0}.admin-count{color:#b7cbd9;font-size:14px;line-height:1.5}.admin-table-wrap{overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;min-width:660px;font-size:14px}.admin-table th{text-align:left;font-size:12px;color:#afc7d8;text-transform:uppercase;letter-spacing:.5px;padding:12px 10px;border-bottom:1px solid #5d7486}.admin-table td{padding:14px 10px;border-bottom:1px solid #344e62;vertical-align:top}.admin-table .title-cell{width:32%;font-weight:700;overflow-wrap:anywhere}.admin-table small{display:block;color:#a9c0d1;font-weight:normal;line-height:1.4;margin-top:5px}.admin-table td .status-badge{font-size:12px;display:inline-block;max-width:none}.admin-table .urgency-overdue{color:#ffb7b7}.admin-table .urgency-soon{color:#ffdb80}.admin-table button{padding:6px 10px;font-size:12px}.message{font-size:14px;line-height:1.5;color:#c9e5d2;white-space:pre-wrap}.message.error{color:#ffb9af}.empty-message{padding:36px 0;color:#b5cad9}.admin-board-update{color:#c4d4df;font-size:14px;margin:0 0 20px}.admin-page .warning-note{font-size:12px;color:#b5c8d7;line-height:1.5;margin-top:18px}.admin-page .placement{font-size:13px;color:#f0d487;line-height:1.5;min-height:20px;margin-top:10px}
@media(max-width:1600px) and (min-width:1000px){.board-header{height:19.5vh;grid-template-columns:12.5vw minmax(0,1fr) 18vw;gap:1vw;padding:0 .5vw 1vh}.department-logo{width:11.5vw;height:18vh}.department-name{font-size:1.4vw}.board-heading h1{font-size:3.17vw}.display-name{font-size:1.55vw;letter-spacing:.4vw}.last-update-label{font-size:1.1vw}.board-meta strong{font-size:1.2vw;margin-bottom:.6vw}.board-legend{font-size:1.04vw;gap:.3vw;padding:.5vw 1vw}.legend-dot{width:1.25vw;height:1.25vw}.project-board{grid-template-columns:7vw repeat(6,minmax(0,1fr));grid-template-rows:7.2vh repeat(5,minmax(0,1fr));gap:4px}.board-column{font-size:1.9vw}.board-row{font-size:1.95vw}.project-card{padding:1vh .65vw 1vh 1.5vw;gap:.5vh}.project-card:before{left:.45vw;width:.5vw;top:1vh;bottom:1vh}.project-title{font-size:1.3vw}.status-badge{font-size:.94vw;padding:.3vw .5vw;max-width:6vw}.project-dates{font-size:.99vw}.project-dates .modified{font-size:.84vw}.board-footer{font-size:11px;height:28px}}
@media(max-width:999px){.board-page{overflow:auto;height:auto;min-height:100vh}.board-header{height:auto;grid-template-columns:80px minmax(0,1fr);padding:10px;gap:15px}.department-logo{width:75px;height:90px}.department-name{white-space:normal;font-size:14px}.board-heading h1{white-space:normal;font-size:30px}.display-name{font-size:14px;letter-spacing:3px}.board-meta{grid-column:1/-1;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.board-meta strong{font-size:15px;margin:0}.last-update-label{font-size:14px}.board-legend{flex-direction:row;font-size:12px;gap:12px;padding:8px}.legend-dot{width:13px;height:13px}.board-legend span{gap:5px}.project-board{flex:none;width:1600px;height:840px;grid-template-columns:100px repeat(6,minmax(0,1fr));grid-template-rows:60px repeat(5,minmax(0,1fr))}.board-column{font-size:27px}.board-row{font-size:30px}.project-title{font-size:20px}.status-badge{font-size:14px}.project-dates{font-size:16px}.project-dates .modified{font-size:13px}.board-footer{width:1600px}.admin-page{padding:20px 16px}.admin-header{flex-wrap:wrap}.admin-header h1{font-size:25px}.admin-header a{margin-left:0}.admin-layout{grid-template-columns:1fr}.admin-panel{padding:20px}.alert-shell{padding:18px}.command-alert{padding:15px}.command-alert h2,.alert-address{font-size:34px}.alert-top,.alert-top time{font-size:15px}.alert-units,.alert-details{font-size:20px}}