.display-board{height:2160px;width:100%;padding:clamp(8px,24.96px,24px);display:flex;flex-direction:column;gap:clamp(5px,12.96px,12px);background:#071c2b;overflow:hidden;color:#f5f8ff}
.board-header{height:clamp(84px,216px,180px);min-height:0;flex-shrink:0;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1.5fr) minmax(150px,.65fr);gap:clamp(16px,57.6px,55px);align-items:center}
.board-brand{min-width:0;align-self:center}.board-brand-line{display:flex;align-items:center;gap:clamp(12px,42.24px,40px)}.board-logo{display:block;width:clamp(190px,652.8px,660px);height:clamp(38px,108px,105px);background:white;padding:3px 8px;border-radius:4px;object-fit:contain}.board-brand h1{font-size:clamp(16px,48px,50px);font-weight:750;letter-spacing:0;margin:0;white-space:nowrap}.board-meta{font-size:clamp(10px,26.11px,27px);color:#d6e4f1;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.board-brand .screen-connection{display:block;font-size:clamp(9px,21.12px,21px);margin:1px 0 0;color:#93bbad;text-align:left}
.board-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(7px,23.04px,22px);align-self:center;height:80%}.board-stat{background:#142f46;border:1px solid #345a76;border-radius:5px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:clamp(3px,10.8px,10px);min-width:0}.board-stat strong{font-size:clamp(23px,63.36px,66px);line-height:1.1;font-weight:750}.board-stat span{font-size:clamp(10px,26.11px,27px);line-height:1.2;text-align:center;white-space:nowrap}.board-stat:nth-child(2) strong{color:#429dff}.board-stat:nth-child(n+3) strong{color:#ffd34a}
.board-clock{font-size:clamp(28px,76.8px,78px);line-height:1.15;font-weight:750;text-align:right;white-space:nowrap}.board-clock small{display:block;font-size:clamp(10px,25.73px,27px);line-height:1.4;margin-top:6px;font-weight:400;color:#d6e4f1}
.board-grid{flex:1;min-height:0;display:grid;gap:clamp(4px,11.88px,12px) clamp(6px,17.28px,18px);position:relative}.board-grid .cal-head{min-height:0;border-radius:4px;font-size:clamp(10px,26.88px,28px);line-height:1.2;text-transform:uppercase;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#183954}.board-grid .cal-head.today{background:#ffd21a;color:#071b2b}.board-grid .cal-head.weekend{background:#233b50}.board-grid .cal-head.today.weekend{background:#ffd21a;color:#071b2b}
.board-grid .person{min-height:0;min-width:0;padding:clamp(6px,23.04px,22px);border-radius:3px;background:#1a2a3a;gap:clamp(8px,24.96px,24px);align-items:center;overflow:hidden}.board-grid .person strong{font-size:clamp(11px,28.8px,29px);line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.board-grid .person .number{font-size:clamp(8px,19.2px,20px);flex-shrink:0}.board-grid .person.blank{opacity:.5}.board-grid .cell{min-height:0;min-width:0;padding:0;gap:1px;border:0;border-radius:4px;background:#142e43;overflow:hidden}.board-grid .cell.today{background:#142e43}.board-grid .slot{min-height:0;min-width:0;flex:1;height:auto;border:0;border-radius:4px;font-size:clamp(11px,31.49px,32px);line-height:1.12;width:100%;cursor:default;box-shadow:none}.board-grid .slot:hover{filter:none}.board-grid .slot .time{font-size:clamp(10px,31.1px,31px);padding:2px 4px;gap:4px;line-height:1.1}.board-grid .slot .details{padding:2px clamp(5px,19.2px,18px);gap:2px;justify-content:center}.board-grid .slot strong{font-size:inherit;line-height:1.12;font-weight:750}.board-grid .slot small{font-size:clamp(9px,24.96px,25px);line-height:1.05;margin:0}.board-grid.seven-days .slot .time{font-size:clamp(9px,24.96px,25px)}.board-grid.seven-days .slot{font-size:clamp(10px,26.88px,27px)}.board-grid .slot.agreed .time{box-shadow:inset 0 0 0 1.5px #ff344e;gap:3px}.board-grid .agreed-clock{width:clamp(10px,26.88px,26px);height:clamp(10px,26.88px,26px)}.board-grid .screen-empty{display:none}.board-today-outline{position:absolute;border:clamp(2px,6.53px,6px) solid #ffd21a;border-radius:5px;pointer-events:none;z-index:2}
.board-footer{flex-shrink:0;min-height:clamp(22px,60.48px,56px);display:flex;align-items:center;gap:clamp(16px,76.8px,75px);font-size:clamp(10px,26.11px,26px);white-space:nowrap}.board-footer>strong{text-transform:uppercase;color:#c1d1e1;font-size:clamp(9px,23.04px,23px)}.board-footer .legend{flex:1;margin:0;gap:clamp(12px,69.12px,64px);font-size:inherit;justify-content:flex-start;flex-wrap:nowrap;color:#f0f6fc}.board-footer .swatch{width:clamp(22px,53.76px,54px);height:clamp(13px,38.4px,38px)}.board-page-position{color:#bfd1e1;font-size:clamp(10px,24.58px,25px);margin-left:auto}.board-footer .full-screen{font-size:clamp(10px,23.81px,24px);padding:5px 10px;background:#19364d}
@media(min-width:999999px){.board-header{grid-template-columns:minmax(0,1.05fr) minmax(0,1.4fr) minmax(120px,.6fr);gap:12px}.board-logo{width:190px}.board-brand-line{gap:8px}.board-brand h1{font-size:15px}.board-footer{gap:12px}.board-footer .legend{gap:12px}.board-footer>strong{display:none}.board-page-position{font-size:9px}.board-footer .full-screen{padding:4px 6px}.board-stat span{font-size:9px}}
.agreed-legend-mark{display:flex;align-items:center;justify-content:center;width:clamp(24px,61.44px,60px);height:clamp(16px,42.24px,42px);border:1.5px solid #ff344e;border-radius:3px;background:#153147}.agreed-legend-mark svg{width:70%;height:82%;stroke:white;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.board-footer .legend{gap:clamp(10px,42.24px,40px)}.board-footer{gap:clamp(12px,46.08px,40px)}
.board-grid .person-placeholder{min-height:0;background:#1a2a3a;opacity:.5;border-radius:3px}

.tv-stage{position:fixed;inset:0;overflow:hidden;background:#07131f}.display-board{position:absolute;width:3840px;height:2160px;transform-origin:0 0}.board-grid.seven-days .slot.agreed .time{font-size:22px}
.board-grid .slot.agreed .agreed-clock{width:26px;height:26px}.board-grid.seven-days .slot.agreed .agreed-clock{width:22px;height:22px}

/* Same type size for one, two or three appointments; weekend adapts to narrower columns. */
.board-grid .slot{font-size:21px}.board-grid .slot .time{font-size:21px;padding:1px 4px}.board-grid .slot small{font-size:15px;line-height:1.05}.board-grid .slot .details{padding:1px 8px;gap:0;position:relative}.board-grid .slot .agreed-clock{width:19px;height:19px}.board-grid.seven-days .slot{font-size:19px}.board-grid.seven-days .slot .time,.board-grid.seven-days .slot.agreed .time{font-size:19px}.board-grid.seven-days .slot small{font-size:14px}.board-grid.seven-days .slot .agreed-clock{width:17px;height:17px}.board-grid .slot .production-readiness{position:absolute;right:3px;top:1px;margin:0;padding:1px 2px;border-radius:3px;background:rgba(0,0,0,.65)}.board-grid .slot .production-readiness svg{width:18px;height:18px}.board-grid .slot:has(.production-readiness) .details>strong{padding-right:43px}.board-grid .slot:has(.production-readiness) .details{padding-top:2px}

/* SVGs render at 18–20 physical pixels on Full HD rather than the former 9px. */
.display-board{--board-icon:26px}.display-board[data-screen-diagonal="55"]{--board-icon:24px}.display-board[data-screen-diagonal="75"]{--board-icon:28px}
.board-grid .slot .production-readiness svg{width:var(--board-icon);height:var(--board-icon);shape-rendering:geometricPrecision}
.board-grid .slot:has(.production-readiness) .details>strong{padding-right:calc(var(--board-icon)*2 + 12px)}
.board-grid .slot .agreed-clock,.board-grid.seven-days .slot .agreed-clock,.board-grid .slot .team-leader-icon,.board-grid .slot .linked-appointment-icon{width:30px;height:30px;flex-shrink:0;shape-rendering:geometricPrecision}

/* Fixed card typography wins over legacy count-3/screen rules, regardless of card count. */
.display-board .board-grid .cell .slot,.screen .display-board .board-grid .cell .slot{font-size:21px;line-height:1.12}
.display-board .board-grid .cell .slot .time,.display-board .board-grid .cell .slot strong{font-size:21px;line-height:1.12}
.display-board .board-grid .cell .slot small{font-size:15px;line-height:1.05}
.display-board .board-grid.seven-days .cell .slot,.display-board .board-grid.seven-days .cell .slot .time,.display-board .board-grid.seven-days .cell .slot strong{font-size:19px}
.display-board .board-grid.seven-days .cell .slot small{font-size:14px}

/* Display-only compact, transparent production symbols and stable time alignment. */
.display-board .board-grid .cell .slot .production-readiness{background:transparent;padding:0;box-shadow:none;top:50%;transform:translateY(-50%)}
.display-board .production-readiness svg [fill="#0e2132"]{fill:none}
.display-board .board-grid .cell .slot .time{display:flex;align-items:center;justify-content:center;align-self:stretch;position:relative;min-height:0;margin:0;padding:0 4px;line-height:1.12;white-space:nowrap}
.display-board .board-grid .cell .slot .time-label{display:inline-block;margin:0;padding:0;line-height:1.12;white-space:nowrap}
.display-board .board-grid .cell .slot .time .agreed-clock{position:absolute;left:4px;top:50%;transform:translateY(-50%);width:24px;height:24px;margin:0}

.display-board .board-grid .cell .slot .screen-card-extra{display:block;width:100%;min-height:0;flex:none;overflow:hidden}.display-board .board-grid .cell .slot .screen-card-field{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;line-height:1.15}.display-board .board-grid .cell .slot .screen-card-field[hidden]{display:none}.display-board .screen-card-field>span{font-weight:600}.display-board .screen-card-comment,.display-board .screen-card-taskComment{font-style:italic}
.display-board .board-grid .cell.count-1 .slot .screen-card-comment,.display-board .board-grid .cell.count-1 .slot .screen-card-taskComment{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal}
.display-board .board-grid .cell.count-1 .slot .screen-card-field[hidden]{display:none}