@font-face {
  font-family: Stapel;
  src: url('/fonts/stapel-medium.woff2') format('woff2'),url('/fonts/stapel-medium.ttf') format('truetype');
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: Stapel;
  src: url('/fonts/stapel-extrabold.woff2') format('woff2'),url('/fonts/stapel-extrabold.ttf') format('truetype');
  font-weight: 800;
  font-display: swap;
}

@font-face {
  font-family: Firs;
  src: url('/fonts/tt-firs-regular.woff2') format('woff2'),url('/fonts/tt-firs-regular.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: Graphik;
  src: url('/fonts/graphik-lcg-medium.woff2') format('woff2'),url('/fonts/graphik-lcg-medium.ttf') format('truetype');
  font-weight: 500;
  font-display: swap;
}

/* White broadcast canvas. Legacy TV layout uses inline-blocks and ordinary flow. */
* { box-sizing:border-box; }
html { background:#fff; color:#174b70; }
body { margin:0; background:#fff; font-family:Firs,Arial,sans-serif; font-size:22px; font-weight:400; line-height:1.3; }
button,input,textarea,select { font:inherit; }
button,a { -webkit-tap-highlight-color:transparent; }
button { cursor:pointer; }
button:disabled { opacity:.5; cursor:wait; }
button,a,input,textarea,select { outline-offset:5px; }
button:focus,a:focus,input:focus,textarea:focus,select:focus { outline:2px solid #0081c8; }
button:focus:not(:focus-visible),a:focus:not(:focus-visible) { outline:none; }
[tabindex="-1"]:focus { outline:none; }
[hidden] { display:none!important; }
h1,h2,h3,p { margin:0; }
h1,h2,h3 { font-family:Stapel,Arial,sans-serif; font-weight:500; }
a { color:#0072bc; }
h1 { font-size:46px; letter-spacing:-2px; line-height:1.04; color:#0072bc; }
h2 { font-size:34px; line-height:1.15; }
.visually-hidden { position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.app-shell { position:relative; z-index:1; max-width:none; min-height:100vh; margin:0 auto; padding:20px 32px 24px; }
.topbar { display:table; width:100%; min-height:40px; position:relative; }

.header-right { display:table-cell; vertical-align:middle; text-align:right; float:none; white-space:nowrap; color:#476c86; font-size:17px; }
.header-right>* { display:inline-block; vertical-align:middle; margin-left:22px; }
.header-right time { color:#0072bc; font-family:Stapel,Arial,sans-serif; font-size:29px; }
.office-name { display:none!important; }
.quiet { padding:7px 10px; border:0; background:transparent; color:#476c86; font-size:16px; }
.quiet:hover { color:#0072bc; text-decoration:underline; }
.icon-button { width:35px; height:35px; padding:6px; }
.icon-button svg { width:23px; height:23px; fill:none; stroke:currentColor; stroke-width:1.6; }
.view-tabs { display:table-cell; vertical-align:middle; margin:0; min-height:0; white-space:nowrap; font-size:0; }
.mode-tab { position:relative; margin-right:30px; padding:0 0 9px; border:0; border-bottom:1px solid transparent; background:none; font-family:Graphik,Arial,sans-serif; font-weight:500; font-size:16px; color:#5b7b92; }
.mode-tab:hover,.mode-tab.active { color:#0072bc; }
.mode-tab.active { border-bottom-color:#0072bc; }
.view { position:relative; }
.intro { margin:22px 0 20px; }
.section-heading { margin:22px 0 18px; }
.section-heading h1 { font-size:40px; }
.mode-list { background:#fff; width:100%; min-height:360px; }
.mode-row { position:relative; display:block; width:100%; min-height:128px; padding:25px 45px 25px 0; border:0; border-top:1px solid #c9dde9; background:transparent; text-align:left; color:#0072bc; font-size:0; }
.mode-row:last-child { border-bottom:1px solid #c9dde9; }
.mode-row:hover .mode-title { text-decoration:underline; text-underline-offset:8px; }
.mode-number { display:inline-block; vertical-align:middle; width:7%; color:#7aa3bb; font-family:Stapel,Arial,sans-serif; font-size:18px; font-weight:500; }
.mode-title { display:inline-block; vertical-align:middle; width:31%; font-family:Stapel,Arial,sans-serif; font-size:40px; font-weight:500; line-height:1.1; letter-spacing:-.7px; }
.mode-summary { display:inline-block; vertical-align:middle; width:62%; font-size:17px; color:#4b6f87; }
.mode-arrow { position:absolute; right:0; top:50%; margin-top:-19px; color:#0072bc; font-family:Firs,Arial,sans-serif; font-size:31px; }
.home-chart,.home-board-summary { display:block; font-size:0; }
.summary-stat { display:inline-block; vertical-align:top; width:48%; padding-right:17px; font-size:17px; }
.summary-stat strong { display:block; font-family:Stapel,Arial,sans-serif; font-weight:500; font-size:31px; line-height:1.05; color:#0072bc; }
.summary-stat strong.no-data { font-size:19px; line-height:1.5; }
.summary-stat>span { display:block; font-size:15px; margin-top:5px; line-height:1.3; }
.home-board-summary .summary-stat { width:25%; padding-right:8px; }
.home-board-summary .summary-stat strong { color:#9f218b; font-size:27px; }
.home-board-summary .summary-stat>span { font-size:12px; }
.summary-health { display:block; font-family:Graphik,Arial,sans-serif; font-size:12px; line-height:1.4; color:#a53b52; margin-top:9px; }
.summary-empty { font-size:16px; color:#5b7b92; }
.tasks-row .mode-title { color:#9f218b; }
.watch-row .mode-title { color:#009b7a; }
.watch-summary { font-size:18px; }
.watch-summary>span { margin:0 12px; color:#8aabbc; }
.metrics-stage { position:relative; min-height:0; height:auto; margin-top:22px; }
.metric-sheet { position:relative; width:100%; max-width:none; height:auto; padding:0; font-size:0; }
.slide-heading { margin-bottom:20px; }
.slide-title { font-size:40px; color:#1d2d3b; letter-spacing:-1.3px; line-height:1.05; }
.demo-badge { display:inline-block; margin-top:8px; padding:4px 8px; border:1px solid #d7b777; color:#765118; background:#fff6e4; font-family:Graphik,Arial,sans-serif; font-size:12px; line-height:1.3; }
.slide-period { font-family:Firs,Arial,sans-serif; font-size:20px; color:#53667a; margin-top:10px; }
.slide-main { display:inline-block; vertical-align:top; width:57%; padding:13px 35px 0 0; }
.slide-value { display:inline-block; font-family:Stapel,Arial,sans-serif; font-weight:500; font-size:180px; line-height:.95; letter-spacing:-7px; color:#0072bc; }
.slide-value.no-data { font-size:55px; letter-spacing:-1px; line-height:1.1; padding-top:30px; }
.slide-unit { display:inline-block; font-family:Stapel,Arial,sans-serif; font-size:49px; color:#0072bc; margin-left:12px; }
.slide-label { font-size:27px; line-height:1.3; color:#285776; margin-top:25px; max-width:95%; }
.slide-items { display:inline-block; vertical-align:top; width:41%; padding-top:8px; border-left:1px solid #c9dde9; }
.slide-item { padding:18px 0 20px 30px; }
.slide-item+.slide-item { border-top:1px solid #dce8ef; }
.slide-item strong { display:inline-block; font-family:Stapel,Arial,sans-serif; font-weight:500; font-size:49px; color:#0072bc; line-height:1; letter-spacing:-1px; }
.slide-item strong.no-data { font-size:27px; letter-spacing:0; color:#68899f; }
.item-unit { font-size:23px; margin-left:8px; }
.slide-item p { margin-top:8px; font-size:21px; line-height:1.25; color:#285776; }
.theme-linen .slide-value,.theme-linen .slide-unit,.theme-linen .slide-item strong { color:#009b7a; }
.theme-rounds .slide-value,.theme-rounds .slide-unit,.theme-rounds .slide-item strong { color:#0081c8; }
.theme-media .slide-value,.theme-media .slide-unit,.theme-media .slide-item strong { color:#9f218b; }
.theme-volunteer .slide-value,.theme-volunteer .slide-unit,.theme-volunteer .slide-item strong { color:#009b7a; }
.theme-tasks .slide-value,.theme-tasks .slide-unit,.theme-tasks .slide-item strong { color:#9f218b; }
.metric-list-sheet { width:100%; }
.metric-list-sheet .slide-heading { margin-bottom:20px; }
.theme-media .detail-list { border-top:3px solid #9f218b; }
.theme-volunteer .detail-list { border-top:3px solid #009b7a; }
.theme-media .detail-row:first-child,.theme-volunteer .detail-row:first-child { border-top:0; }
.metric-context { display:table; table-layout:fixed; width:100%; padding:0 0 12px; margin-bottom:8px; border-bottom:0; }
.context-stat { display:table-cell; vertical-align:top; padding-right:24px; }
.context-value { display:block; font-family:Stapel,Arial,sans-serif; font-size:30px; line-height:1.15; font-weight:500; color:#0072bc; }
.context-value.no-data { font-family:Firs,Arial,sans-serif; font-size:21px; color:#53667a; }
.context-label { display:block; margin-top:6px; font-size:17px; line-height:1.3; color:#53667a; }
.detail-list { margin:0; padding:0; list-style:none; }
.detail-row { display:table; width:100%; padding:12px 0; border-top:1px solid #c9dde9; table-layout:fixed; }
.detail-body,.detail-aside { display:table-cell; vertical-align:top; }
.detail-body { width:72%; padding-right:28px; }
.detail-title { font-family:Stapel,Arial,sans-serif; font-size:24px; line-height:1.2; font-weight:500; color:#1d2d3b; overflow-wrap:anywhere; }
.detail-subtitle { margin-top:5px; font-size:18px; line-height:1.3; color:#53667a; overflow-wrap:anywhere; }
.detail-aside { width:28%; text-align:right; }
.detail-meta { display:block; font-family:Stapel,Arial,sans-serif; font-size:23px; font-weight:500; line-height:1.3; color:#0072bc; }
.detail-status { display:inline-block; font-family:Graphik,Arial,sans-serif; font-size:14px; line-height:1.3; margin-top:8px; padding:6px 10px; border-radius:4px; color:#455769; background:#edf1f4; }
.detail-status.status-active { color:#186146; background:#e7f3ec; }
.detail-status.status-waiting { color:#7d5413; background:#fbf1d9; }
.detail-count { font-size:15px; line-height:1.4; margin-top:16px; color:#53667a; }
.detail-empty { font-size:28px; line-height:1.4; color:#5b7b92; padding-top:30px; }
.slideshow-controls { position:relative; width:100%; max-width:none; min-height:43px; margin-top:13px; padding-top:8px; border-top:1px solid #c9dde9; font-size:0; }
.slide-navigation { display:inline-block; vertical-align:middle; white-space:nowrap; }
.slide-step { padding:3px 9px; font-family:Firs,Arial,sans-serif; font-size:22px; color:#0072bc; }
#slide-position { display:inline-block; vertical-align:middle; margin:0 10px; font-family:Graphik,Arial,sans-serif; font-size:13px; color:#587b92; }
.slide-dots { display:inline-block; vertical-align:middle; max-width:100%; margin-left:14px; line-height:20px; }
.slide-dot { position:relative; width:28px; height:28px; margin:0; padding:0; border:0; background:transparent; vertical-align:middle; }
.slide-dot:after { content:""; position:absolute; width:6px; height:6px; left:11px; top:11px; border-radius:50%; background:#9bb5c8; }
.slide-dot.active:after { background:#0072bc; }
.slideshow-controls>.button { float:right; padding:4px 0 6px 15px; border:0; font-size:15px; }
#slide-source { display:block; font-family:Graphik,Arial,sans-serif; font-size:12px; line-height:1.4; color:#a53b52; margin-top:9px; }
.board-heading { margin-bottom:24px; }
.board-actions { position:relative; min-height:40px; margin-bottom:24px; text-align:right; font-size:0; }
.board-actions .button { margin-left:18px; }
#board-health { float:left; max-width:55%; padding-top:8px; color:#a53b52; font-family:Graphik,Arial,sans-serif; font-size:13px; text-align:left; }
.board { position:relative; width:100%; min-height:320px; font-size:0; background:#fff; }
.board-column { position:relative; display:inline-block; vertical-align:top; width:33.333%; height:100%; padding:0 24px; border-left:1px solid #dbe7ee; background:#fff; }
.board-column:first-child { border-left:0; padding-left:0; }
.board-column:last-child { padding-right:0; }
.board-count-4 .board-column { width:25%; }
.column-heading { position:relative; padding:0 30px 18px 0; border-bottom:2px solid #0072bc; font-size:24px; line-height:1.2; color:#0072bc; min-height:50px; }
.board-column:nth-child(2) .column-heading { color:#9f218b; border-color:#9f218b; }
.board-column:nth-child(3) .column-heading { color:#0081c8; border-color:#0081c8; }
.board-column:last-child .column-heading { color:#009b7a; border-color:#009b7a; }
.column-count { position:absolute; right:0; top:0; font-size:22px; font-family:Firs,Arial,sans-serif; color:inherit; }
.column-content { overflow:auto; padding:7px 0 0; max-height:550px; }
.column-empty { font-size:18px; line-height:1.4; color:#7994a6; margin:24px 0; }
.task-card { display:block; width:100%; margin:0; padding:20px 0; border:0; border-bottom:1px solid #dbe7ee; background:#fff; color:#174b70; text-align:left; text-decoration:none; }
.task-card:hover .task-title { color:#0072bc; text-decoration:underline; }
.task-date { display:block; font-family:Graphik,Arial,sans-serif; font-size:11px; color:#6b889c; margin-bottom:9px; }
.task-date.overdue { color:#b42f4b; }
.task-main { display:block; }
.task-title { display:block; font-family:Stapel,Arial,sans-serif; font-size:24px; font-weight:500; line-height:1.2; word-wrap:break-word; overflow-wrap:break-word; }
.task-description { display:block; font-size:17px; line-height:1.35; color:#5d7f94; margin-top:10px; max-height:70px; overflow:hidden; white-space:pre-wrap; word-wrap:break-word; }
.task-owner { display:block; font-size:15px; color:#54788f; margin-top:12px; }
.task-card-action { display:block; font-size:13px; color:#0072bc; margin-top:13px; }
.column-add { position:absolute; left:24px; right:24px; bottom:0; border:0; border-top:1px solid #dbe7ee; background:#fff; color:#0072bc; text-align:left; padding:12px 0 6px; font-size:17px; }
.board-column:first-child .column-add { left:0; }
.board-column:last-child .column-add { right:0; }
.watch-list { width:100%; }
.watch-list .watch-row { display:block; position:relative; min-height:128px; padding:29px 0; border-top:1px solid #c9dde9; font-size:0; }
.watch-list .watch-row:last-child { border-bottom:1px solid #c9dde9; }
.watch-list h2 { display:inline-block; vertical-align:middle; width:34%; font-size:40px; color:#0072bc; letter-spacing:-.6px; }
.watch-actions { display:inline-block; vertical-align:middle; width:59%; text-align:right; }
.watch-actions .button { margin-left:16px; }
.button { display:inline-block; vertical-align:middle; padding:9px 14px; border:1px solid #9ec2d9; border-radius:0; background:#fff; color:#0072bc; text-decoration:none; font-family:Graphik,Arial,sans-serif; font-weight:500; font-size:15px; line-height:1.4; text-align:center; cursor:pointer; }
.button.primary { background:#0072bc; color:#fff; border-color:#0072bc; }
.button.primary:hover { background:#0067b1; }
.button.secondary:hover { border-color:#0072bc; }
.button.danger { background:#bb2844; border-color:#bb2844; color:#fff; }
.button.danger-link { color:#b42f4b; border-color:transparent; background:none; }
.notice,.connection-error { position:fixed; z-index:20; left:25%; right:25%; top:22px; padding:16px 22px; border:1px solid #a7c9df; border-left:4px solid #0072bc; background:#fff; color:#315971; font-family:Graphik,Arial,sans-serif; font-size:15px; line-height:1.5; }
.connection-error { border-left-color:#bb2844; }
.connection-error .button { margin-left:14px; }
.modal-backdrop { position:fixed; left:0; right:0; top:0; bottom:0; z-index:30; padding:30px 20px; overflow:auto; background:rgba(25,55,76,.45); }
.modal { position:relative; width:660px; max-width:100%; margin:0 auto; padding:30px 34px; background:#fff; border:0; border-radius:0; }
.modal-header { position:relative; padding-right:75px; margin-bottom:23px; }
.modal-header h2 { font-size:34px; line-height:1.12; color:#0072bc; }
.modal-header>.quiet { position:absolute; right:-8px; top:0; font-size:13px; }
.modal label { display:block; font-family:Graphik,Arial,sans-serif; font-size:14px; color:#315971; margin-top:18px; }
.modal input,.modal textarea,.modal select { display:block; width:100%; padding:10px 12px; border:1px solid #a8c8dc; border-radius:0; background:#fff; color:#174b70; font-family:Firs,Arial,sans-serif; font-size:20px; margin-top:8px; }
.modal input:disabled,.modal textarea:disabled,.modal select:disabled { background:#f3f7fa; color:#6c879a; }
.modal textarea { min-height:95px; resize:vertical; line-height:1.4; }
.form-row { font-size:0; }
.form-row>label { display:inline-block; vertical-align:top; width:48%; margin-right:4%; }
.form-row>label:last-child { margin-right:0; }
.form-actions { margin-top:26px; padding-top:20px; border-top:1px solid #dbe7ee; text-align:right; font-size:0; }
.form-actions .button { margin-left:10px; font-size:14px; }
.form-actions .danger-link { float:left; margin-left:-13px; }
.field-note { font-size:15px; color:#638398; margin-top:10px; }
.form-error { margin-top:18px; padding:11px 14px; border-left:3px solid #bb2844; color:#a02c43; background:#fff3f5; font-family:Graphik,Arial,sans-serif; font-size:13px; line-height:1.5; }
.task-origin { display:inline-block; vertical-align:middle; font-family:Graphik,Arial,sans-serif; font-size:12px; margin-right:8px; }
.task-conflict { margin-top:16px; padding:14px; background:#fff9e8; color:#786020; font-family:Graphik,Arial,sans-serif; font-size:13px; line-height:1.5; }
.task-conflict .button { margin-top:12px; font-size:12px; }
.delete-confirmation { padding:18px 0; }
.delete-confirmation h3 { color:#a52b44; font-size:27px; margin-bottom:16px; }
.delete-confirmation #delete-task-title { font-size:23px; word-wrap:break-word; }
.delete-actions { margin-top:24px; text-align:right; }
.delete-actions .button { margin-left:10px; }
.data-information { margin-top:24px; padding-top:7px; border-top:1px solid #dbe7ee; }
.data-toggle { display:block; width:100%; padding:13px 0; border:0; background:none; color:#315971; text-align:left; font-family:Graphik,Arial,sans-serif; font-size:15px; }
.data-toggle span { float:right; font-family:Firs,Arial,sans-serif; font-size:23px; color:#0072bc; line-height:20px; }
.data-entry { padding:17px 0; border-top:1px solid #dbe7ee; }
.data-entry h3 { font-size:23px; color:#0072bc; margin-bottom:9px; }
.data-entry p { font-family:Graphik,Arial,sans-serif; font-size:12px; line-height:1.5; color:#52748b; margin-top:6px; }
.data-entry .data-note { margin-top:10px; }
.data-entry .data-health { color:#a52b44; }
.loading-copy { padding:35px 0; font-size:25px; color:#567a92; }
.window-toolbar { position:relative; min-height:45px; margin-bottom:20px; font-family:Stapel,Arial,sans-serif; font-size:24px; color:#0072bc; }
.window-toolbar .button { float:right; font-size:13px; }
.window-mode-button { max-width:95px; font-size:12px; }
body[data-window-mode=on] .topbar,body[data-window-mode=on] .view-tabs,body[data-window-mode=on] .intro,body[data-window-mode=on] .section-heading { display:none; }
body[data-window-mode=on] .app-shell { padding-top:18px; }
body[data-window-mode=on] .metrics-stage { margin-top:0; }
.slide-arrive { animation:arrive .4s ease; -webkit-animation:arrive .4s ease; }
@keyframes arrive { from { opacity:.2; transform:translateY(9px); } to { opacity:1; transform:translateY(0); } }
@-webkit-keyframes arrive { from { opacity:.2; -webkit-transform:translateY(9px); } to { opacity:1; -webkit-transform:translateY(0); } }
@media(min-width:901px) and (max-height:850px) {
 .metric-context { padding-bottom:12px; margin-bottom:10px; }
 .context-value { font-size:27px; }
 .context-label { font-size:14px; }
 .metric-list-sheet .slide-heading { margin-bottom:15px; }
 .detail-row { padding:13px 0; }
 .detail-title { font-size:23px; }
 .detail-subtitle { font-size:17px; margin-top:5px; }
 .detail-meta { font-size:20px; }
 .detail-status { font-size:15px; margin-top:5px; }
 .detail-count { font-size:13px; margin-top:12px; }
 .app-shell { padding:16px 28px 20px; }
 .topbar { min-height:36px; }
 .header-right { font-size:14px; }
 .header-right>* { margin-left:18px; }
 .header-right time { font-size:25px; }
 .header-right .quiet { font-size:13px; }
 .view-tabs { margin:0; min-height:0; }
 .mode-tab { font-size:14px; margin-right:25px; padding-bottom:8px; }
 .intro { margin:22px 0 20px; }
 h1 { font-size:58px; }
 .section-heading { margin:23px 0 24px; }
 .section-heading h1 { font-size:47px; }
 .mode-list { min-height:300px; }
 .mode-row { min-height:105px; padding:20px 35px 20px 0; }
 .mode-title { font-size:32px; }
 .mode-number { font-size:16px; }
 .mode-summary { font-size:15px; }
 .summary-stat strong { font-size:26px; }
 .summary-stat>span { font-size:13px; }
 .home-board-summary .summary-stat strong { font-size:23px; }
 .home-board-summary .summary-stat>span { font-size:11px; }
 .summary-stat strong.no-data { font-size:17px; }
 .watch-summary { font-size:16px; }
 .watch-summary>span { margin:0 8px; }
 .mode-arrow { font-size:27px; margin-top:-16px; }
 .metrics-stage { margin-top:18px; min-height:0; }
 .slide-title { font-size:36px; }
 .slide-period { font-size:18px; margin-top:8px; }
 .slide-heading { margin-bottom:24px; }
 .slide-main { padding-top:12px; padding-right:26px; }
 .slide-value { font-size:150px; letter-spacing:-5px; }
 .slide-value.no-data { font-size:44px; padding-top:27px; }
 .slide-unit { font-size:41px; }
 .slide-label { font-size:23px; margin-top:20px; }
 .slide-items { padding-top:5px; }
 .slide-item { padding:14px 0 16px 24px; }
 .slide-item strong { font-size:39px; }
 .slide-item strong.no-data { font-size:23px; }
 .slide-item p { font-size:18px; margin-top:7px; }
 .slideshow-controls { min-height:39px; margin-top:8px; }
 .slideshow-controls>.button { font-size:13px; }
 .slide-step { font-size:20px; }
 #slide-position { font-size:12px; }
 .board-actions { margin-bottom:21px; min-height:35px; }
 .board-actions .button { font-size:12px; padding:8px 11px; }
 #board-health { font-size:11px; }
 .board-column { padding:0 18px; }
 .column-heading { font-size:20px; padding-bottom:15px; min-height:42px; }
 .column-count { font-size:19px; }
 .column-empty { font-size:16px; margin-top:20px; }
 .task-card { padding:16px 0; }
 .task-title { font-size:21px; }
 .task-description { font-size:15px; }
 .column-add { left:18px; right:18px; font-size:15px; }
 .watch-list .watch-row { min-height:105px; padding:25px 0; }
 .watch-list h2 { font-size:32px; }
 .watch-actions .button { font-size:13px; padding:8px 11px; }
 .modal-backdrop { padding:23px 18px; }
 .modal { padding:25px 30px; }
 .modal-header { margin-bottom:17px; }
 .modal-header h2 { font-size:30px; }
 .modal label { font-size:13px; margin-top:14px; }
 .modal input,.modal textarea,.modal select { font-size:18px; padding:8px 11px; margin-top:7px; }
 .modal textarea { min-height:78px; }
 .form-actions { margin-top:20px; padding-top:17px; }
}
@media(min-width:901px) and (max-height:680px) {
 .intro { margin-top:20px; }
 .mode-row { min-height:98px; padding-top:16px; padding-bottom:16px; }
 .metrics-stage { margin-top:18px; }
 .slide-heading { margin-bottom:22px; }
 .slide-value { font-size:144px; }
 .slide-title { font-size:42px; }
 .slide-period { font-size:17px; }
 .slide-item { padding-top:12px; padding-bottom:14px; }
 .slide-item strong { font-size:36px; }
 .slide-item p { font-size:17px; }
}
@media(min-width:901px) and (max-width:1100px) {
 .header-date { display:none!important; }
 .mode-list,.watch-list { width:100%; }
 .mode-title { font-size:29px; width:29%; }
 .mode-summary { width:64%; }
 .watch-summary { font-size:14px; }
 .metric-sheet { width:100%; }
 .slide-value { font-size:126px; }
 .slide-unit { font-size:34px; }
 .slide-label { font-size:21px; }
 .slide-item p { font-size:16px; }
 .column-heading { font-size:18px; }
 .board-column { padding:0 14px; }
 .column-add { left:14px; right:14px; }
 .watch-list h2 { font-size:29px; }
}
@media(max-width:900px) {
 .topbar { display:block; }
 .view-tabs { display:block; }
 .header-right { display:block; text-align:left; margin-top:10px; }
 .header-right>* { margin-left:0; margin-right:16px; }
 .header-right .quiet { margin-left:0; padding-left:0; }
 .home-board-summary .summary-stat { width:50%; padding-right:12px; padding-bottom:12px; }
 .watch-row.mode-row .mode-title { width:93%; }
 .watch-row.mode-row .watch-summary { display:block; width:93%; margin:16px 0 0 7%; }
 .watch-list h2 { padding-right:16px; overflow-wrap:anywhere; }

 .metric-list-sheet { width:100%; }
 .detail-title { font-size:22px; }
 .detail-subtitle { font-size:17px; }
 .detail-meta { font-size:19px; }
 .detail-status { font-size:15px; }
 .detail-body { width:65%; padding-right:18px; }
 .detail-aside { width:35%; }
 .detail-count { font-size:13px; }
 .detail-empty { font-size:23px; }
 .app-shell { padding:16px 24px 20px; }
 .topbar { min-height:36px; }
 .header-date { display:none!important; }
 .header-right>* { margin-left:9px; }
 .header-right time { font-size:23px; }
 .header-right .quiet { font-size:12px; padding:6px; }
 .view-tabs { margin:0; min-height:0; }
 .mode-tab { font-size:14px; margin-right:25px; }
 .intro { margin:22px 0 20px; }
 h1 { font-size:54px; }
 .section-heading { margin:29px 0 27px; }
 .section-heading h1 { font-size:43px; }
 .mode-list { width:100%; height:auto; min-height:0; }
 .mode-row { min-height:120px; padding:23px 33px 24px 0; }
 .mode-title { font-size:33px; width:30%; }
 .mode-number { width:7%; font-size:16px; }
 .mode-summary { width:63%; }
 .summary-stat strong { font-size:28px; }
 .summary-stat>span { font-size:13px; }
 .home-board-summary .summary-stat>span { font-size:13px; }
 .home-board-summary .summary-stat strong { font-size:24px; }
 .summary-stat strong.no-data { font-size:16px; }
 .watch-summary { font-size:16px; }
 .watch-summary>span { margin:0 7px; }
 .mode-arrow { font-size:26px; margin-top:-16px; }
 .metrics-stage { height:auto; min-height:0; margin-top:20px; }
 .metric-sheet { width:100%; height:auto; padding-bottom:8px; }
 .slide-heading { margin-bottom:31px; }
 .slide-title { font-size:36px; max-width:90%; }
 .slide-period { font-size:18px; margin-top:10px; }
 .slide-main { width:55%; padding:10px 28px 0 0; }
 .slide-value { font-size:119px; letter-spacing:-4px; }
 .slide-value.no-data { font-size:38px; padding-top:25px; }
 .slide-unit { font-size:34px; margin-left:8px; }
 .slide-label { font-size:23px; margin-top:22px; }
 .slide-items { width:43%; padding-top:7px; }
 .slide-item { padding:13px 0 17px 23px; }
 .slide-item strong { font-size:37px; }
 .slide-item strong.no-data { font-size:24px; }
 .slide-item p { font-size:17px; }
 .slideshow-controls { width:100%; min-height:47px; margin-top:28px; padding-top:10px; background:#fff; }
 .slideshow-controls>.button { font-size:13px; }
 #slide-position { font-size:12px; margin:0 6px; }
 .slide-step { font-size:21px; padding:3px 7px; }
 .slide-dots { margin-left:12px; }
 .slide-dot { margin-right:0; }
 #slide-source { font-size:11px; }
 .board-actions { text-align:left; min-height:0; margin-bottom:24px; }
 .board-actions .button { margin:0 15px 0 0; font-size:13px; }
 #board-health { display:block; float:none; max-width:100%; padding:0; margin-bottom:12px; font-size:12px; }
 .board { width:100%; height:auto; min-height:0; }
 .board-column,.board-count-4 .board-column { width:48%; min-height:245px; height:auto; padding:0 0 48px; margin:0 4% 28px 0; border:0; }
 .board-column:nth-child(2n) { margin-right:0; }
 .column-heading { font-size:23px; min-height:47px; }
 .column-count { font-size:21px; }
 .column-content { min-height:140px; max-height:450px; }
 .column-empty { font-size:17px; }
 .column-add,.board-column:first-child .column-add,.board-column:last-child .column-add { left:0; right:0; font-size:16px; }
 .task-title { font-size:23px; }
 .task-description { font-size:17px; }
 .watch-list { width:100%; }
 .watch-list .watch-row { min-height:125px; padding:29px 0; }
 .watch-list h2 { font-size:33px; width:30%; }
 .watch-actions { width:63%; }
 .watch-actions .button { font-size:12px; margin-left:9px; padding:9px 10px; }
 .notice,.connection-error { left:18px; right:18px; top:17px; font-size:14px; }
 .modal-backdrop { padding:20px 15px; }
 .modal { padding:26px; }
 .modal-header h2 { font-size:31px; }
 .modal-header>.quiet { font-size:12px; }
 .modal input,.modal textarea,.modal select { font-size:19px; }
 .form-actions .button { font-size:13px; margin-left:8px; }
 .task-origin { font-size:11px; margin-right:0; }
 .window-toolbar { font-size:23px; }
 .window-toolbar .button { font-size:12px; }
}
@media(max-width:560px) {
 .watch-row.mode-row .mode-title { width:88%; }
 .watch-row.mode-row .watch-summary { width:88%; margin-left:12%; }
 .topbar { display:block; }
 .view-tabs { display:block; }
 .header-right { display:block; text-align:left; margin-top:10px; }
 .header-right>* { margin-left:0; margin-right:16px; }
 .header-right .quiet { margin-left:0; padding-left:0; }
 .mode-tab { margin-right:18px; }

 .metric-context { display:block; font-size:0; }
 .context-stat { display:inline-block; width:50%; padding:0 14px 14px 0; }
 .context-value { font-size:28px; }
 .context-label { font-size:14px; }
 .detail-row { display:block; padding:16px 0; }
 .detail-body { display:block; width:100%; padding-right:0; }
 .detail-aside { display:block; width:100%; text-align:left; margin-top:10px; }
 .detail-meta,.detail-status { display:inline; font-size:15px; }
 .detail-status { margin-left:12px; }
 .detail-count { font-size:12px; }
 .app-shell { padding:14px 20px 20px; }
 .header-right time { font-size:20px; }
 .header-right .icon-button { display:none; }
 .header-right .quiet { font-size:10px; margin-left:5px; padding:6px 0 6px 4px; }
 .view-tabs { margin:0; min-height:0; }
 .mode-tab { font-size:12px; margin-right:21px; padding-bottom:8px; }
 .intro { margin:22px 0 20px; }
 h1 { font-size:45px; letter-spacing:-1.4px; }
 .section-heading { margin:29px 0 27px; }
 .section-heading h1 { font-size:37px; letter-spacing:-1px; }
 .mode-row { min-height:155px; padding:22px 28px 25px 0; }
 .mode-number { width:12%; vertical-align:baseline; font-size:14px; }
 .mode-title { width:88%; font-size:32px; vertical-align:baseline; }
 .mode-summary { display:block; width:88%; margin:19px 0 0 12%; }
 .summary-stat { width:49%; padding-right:9px; }
 .summary-stat strong { font-size:27px; }
 .summary-stat>span { font-size:13px; }
 .home-board-summary .summary-stat { width:50%; padding-right:10px; padding-bottom:13px; }
 .home-board-summary .summary-stat strong { font-size:22px; }
 .home-board-summary .summary-stat>span { font-size:13px; }
 .summary-health { font-size:10px; margin-top:8px; }
 .mode-arrow { top:22px; margin-top:0; font-size:25px; }
 .watch-summary { font-size:17px; margin-top:14px; }
 .watch-summary>span { margin:0 5px; }
 .watch-row.mode-row { min-height:124px; }
 .metrics-stage { margin-top:18px; }
 .slide-heading { margin-bottom:28px; }
 .slide-title { max-width:100%; font-size:32px; letter-spacing:-1px; }
 .slide-period { font-size:17px; margin-top:10px; }
 .slide-main { display:block; width:100%; padding:0 0 26px; }
 .slide-value { font-size:120px; letter-spacing:-5px; }
 .slide-value.no-data { font-size:41px; padding-top:10px; }
 .slide-unit { font-size:36px; }
 .slide-label { font-size:23px; line-height:1.25; margin-top:17px; max-width:90%; }
 .slide-items { display:block; width:100%; padding:0; border-left:0; border-top:1px solid #c9dde9; }
 .slide-item { display:inline-block; vertical-align:top; width:50%; padding:19px 17px 17px 0; border:0!important; }
 .slide-item strong { font-size:37px; }
 .slide-item strong.no-data { font-size:22px; }
 .slide-item p { font-size:17px; line-height:1.3; margin-top:8px; }
 .slideshow-controls { margin-top:22px; padding-bottom:40px; }
 .slideshow-controls>.button { position:absolute; left:0; bottom:0; float:none; padding-left:0; font-size:14px; }
 #slide-position { font-size:11px; }
 .slide-dots { display:block; margin-left:0; margin-top:6px; }
 .slide-dot { width:28px; height:28px; margin-right:0; }
 .slide-step { font-size:20px; }
 .board-actions .button { font-size:11px; padding:8px 10px; margin-right:12px; }
 .board-column,.board-count-4 .board-column { display:block; width:100%; margin:0 0 32px; min-height:225px; }
 .column-heading { font-size:25px; }
 .column-count { font-size:22px; }
 .column-empty { font-size:18px; }
 .task-title { font-size:24px; }
 .watch-list .watch-row { padding:24px 0; min-height:145px; }
 .watch-list h2 { width:88%; font-size:32px; }
 .watch-actions { display:block; width:88%; margin:18px 0 0 12%; text-align:left; }
 .watch-actions .button { margin:0 8px 7px 0; font-size:11px; padding:8px 9px; }
 .modal-backdrop { padding:14px 10px; }
 .modal { padding:24px 20px; }
 .modal-header { padding-right:65px; }
 .modal-header h2 { font-size:28px; }
 .modal-header>.quiet { font-size:11px; }
 .modal label { font-size:12px; margin-top:16px; }
 .modal input,.modal textarea,.modal select { font-size:18px; padding:9px 10px; }
 .form-row>label { display:block; width:100%; margin-right:0; }
 .form-actions { margin-top:22px; padding-top:18px; }
 .form-actions .button { font-size:12px; padding:9px 10px; margin-left:7px; }
 .form-actions .danger-link { display:block; float:none; margin:0 0 12px -10px; padding-top:0; text-align:left; }
 .task-origin { float:left; font-size:10px; margin-top:10px; }
 .delete-confirmation h3 { font-size:25px; }
 .delete-confirmation #delete-task-title { font-size:21px; }
 .delete-actions .button { margin:0 0 8px 7px; font-size:12px; padding:9px; }
 .field-note { font-size:14px; }
 .data-entry h3 { font-size:22px; }
 .data-entry p { font-size:11px; }
 .window-toolbar { font-size:20px; }
 .window-toolbar .button { font-size:11px; padding:8px 9px; }
}
@media(max-width:900px) {
 .board .board-column.is-empty { min-height:0; height:auto; padding-bottom:38px; }
 .board-column.is-empty .column-content { min-height:0; max-height:none; }
 .board-column.is-empty .column-empty { margin:12px 0; }
}
@media(min-width:1920px) {
 .detail-title { font-size:clamp(27px,1.4vw,38px); }
 .detail-subtitle { font-size:clamp(22px,1.1vw,27px); }
 .detail-meta { font-size:clamp(26px,1.2vw,32px); }
 .detail-status { font-size:17px; padding:7px 12px; }
 .detail-row { padding:24px 0; }
 .context-value { font-size:36px; }
 .context-label { font-size:20px; }
 .slide-title { font-size:46px; }
}
@media(prefers-reduced-motion:reduce) { * { animation:none!important; -webkit-animation:none!important; transition:none!important; } }

/* Keep metric navigation reachable independently of the current list length. */
#view-metrics { padding-bottom:64px; }
.slideshow-controls { position:fixed; z-index:10; left:0; right:0; bottom:0; width:auto; display:flex; align-items:center; flex-wrap:wrap; gap:8px 16px; margin:0; min-height:64px; padding:12px 32px calc(12px + env(safe-area-inset-bottom)); background:#fff; }
.slideshow-controls>.button { position:static; float:none; margin-left:auto; padding:8px 0 8px 12px; }
.slide-dots { margin-left:0; }
#slide-source { flex-basis:100%; margin-top:0; }
@media(max-width:900px) { .slideshow-controls { padding-left:24px; padding-right:24px; } }
@media(max-width:560px) { #view-metrics { padding-bottom:160px; } .slideshow-controls { padding-left:20px; padding-right:20px; gap:4px 12px; } }

.auth-screen { width:100%; max-width:720px; margin:0 auto; padding:clamp(32px,10vh,120px) 24px; }
.auth-screen h1 { margin:0 0 24px; }
.auth-screen p { color:#344d60; font-size:20px; line-height:1.5; }
.auth-actions { display:flex; flex-wrap:wrap; gap:16px; margin-top:28px; }

@media(max-width:900px) { .header-right { white-space:normal; } }