/* DDC v0.4 — approved identity, learning help and debrief workspace. */
.ddc-brand-lockup{display:flex;align-items:center;background:#f8f5ed;border-radius:7px;padding:4px 9px;box-shadow:0 1px 5px #0002}
.ddc-header-logo{display:block;width:205px;height:44px;object-fit:contain}
.focus-shell .brand{gap:12px;min-width:0}.focus-shell .tavola-logo{width:92px}
.ddc-timer{display:flex;align-items:center;gap:6px;color:#e3d4af;font:600 13px/1.2 ui-monospace,monospace;white-space:nowrap;font-variant-numeric:tabular-nums;flex-shrink:0}
.ddc-timer small{font:9px/1.2 sans-serif;letter-spacing:.7px;color:#b8cabe}.topbar .room-title{min-width:0;flex:1;overflow:hidden}.topbar .room-title>.small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.metric-name{min-width:0;display:flex;align-items:center;gap:5px}.indicator-help{display:inline-grid;place-items:center;flex:0 0 auto;background:#183a3610;color:#345951;border:1px solid #34595155;border-radius:50%;height:21px;width:21px;min-width:21px;padding:0;font:700 12px/1 sans-serif;cursor:pointer}.indicator-help:hover,.indicator-help:focus-visible{background:#173e36;color:#fff;outline:2px solid #d3b36d;outline-offset:2px}.indicator-help:active{transform:none}
.ddc-dialog{color:#183a36;border:1px solid #c7d4c9;border-radius:16px;padding:0;background:#f8f5ed;max-width:min(520px,calc(100vw - 24px));max-height:calc(100dvh - 28px);box-shadow:0 24px 80px #0007;overflow:auto;font-family:inherit;z-index:200}.ddc-dialog::backdrop{background:#041812a3}.ddc-dialog button{font-family:inherit;cursor:pointer}.ddc-close{position:absolute;right:12px;top:10px;z-index:3;width:36px;height:36px;border:1px solid #34595144;border-radius:9px;color:#234c43;background:#f8f5ed;font-size:24px;line-height:1}.indicator-explainer{padding:30px 28px 24px;border-top:5px solid var(--help-color,#b18a3e)}.ddc-kicker{font-size:10px;letter-spacing:1.4px;font-weight:700;color:#887037;display:block;line-height:1.5}.indicator-explainer h2{font-size:29px;line-height:1.15;margin:9px 0 18px}.indicator-explainer h3{font-size:18px;line-height:1.4;margin:0 0 12px}.indicator-explainer p{font-size:16px;line-height:1.55;margin:12px 0}.ddc-note{color:#63746b;font-size:14px!important;line-height:1.5}.ddc-example{background:#e5ede6;border-radius:10px;padding:15px 17px;margin-top:18px}.ddc-example p{margin-bottom:0}.ddc-setting{display:flex;align-items:center;gap:12px;margin:22px 0;font-size:16px;line-height:1.5}.ddc-setting input{width:20px;height:20px;accent-color:#245d4d}.ddc-setting select{padding:8px;color:#234b3b;background:white;border-radius:6px}
.narration-controls{display:inline-flex;gap:4px;align-items:center;margin-left:auto;flex-wrap:nowrap}.narration-controls button{font:600 11px/1.1 inherit;letter-spacing:0;border:1px solid #34595135;background:#fff8;color:#2d554b;border-radius:6px;padding:6px 8px;min-height:28px;white-space:nowrap;cursor:pointer}.narration-controls button:hover{background:#e6ebe0}.option.narration-reading{outline:2px solid #bc8f35;outline-offset:-3px}.card-meta{align-items:center;gap:6px}.card-meta .narration-controls{letter-spacing:0}
.ddc-debrief-dialog{width:min(1250px,calc(100vw - 32px));max-width:none;height:calc(100dvh - 32px);max-height:none;overflow:hidden}.ddc-debrief-dialog[open]{display:flex;flex-direction:column}.ddc-report-top{display:flex;gap:24px;align-items:center;padding:24px 62px 20px 28px;border-bottom:1px solid #d2dccf;flex-shrink:0}.ddc-report-top img{width:185px;height:60px;object-fit:contain}.ddc-report-top>div{flex:1;min-width:0}.ddc-report-top h1{margin:4px 0 0;font-size:20px;overflow-wrap:anywhere}.ddc-solid{border:0;background:#1b5848;color:white;padding:11px 16px;border-radius:8px;min-height:42px;font-size:14px;font-weight:600;cursor:pointer}.ddc-report-tabs{display:flex;flex-wrap:wrap;gap:5px;padding:10px 24px;border-bottom:1px solid #d2dccf;background:#edf0e7;flex-shrink:0}.ddc-report-tabs button{background:transparent;border:0;border-radius:6px;padding:9px 12px;color:#476055;font-size:13px;min-height:36px}.ddc-report-tabs button.active{background:#245746;color:#fff}.ddc-report-body{padding:26px 28px 38px;overflow-y:auto;min-height:0;flex:1;overscroll-behavior:contain}.ddc-report-body h2{font-size:29px;line-height:1.2;margin:12px 0 15px}.ddc-report-body h3{font-size:21px;line-height:1.3;margin:0 0 16px}.ddc-report-body h4{font-size:16px;margin:20px 0 10px}.ddc-report-body p{font-size:16px;line-height:1.6;margin:12px 0}.ddc-report-hero{max-width:890px}.ddc-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:24px 0}.ddc-kpi-grid article{padding:20px;background:#e5ebe0;border:1px solid #d2dccb;border-radius:10px}.ddc-kpi-grid b{display:block;font-size:24px;font-variant-numeric:tabular-nums;margin-bottom:6px}.ddc-kpi-grid span{font-size:12px;color:#627265}.ddc-report-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.ddc-report-card{padding:22px;border:1px solid #d5ded1;border-radius:11px;background:#fffdf8;margin:0 0 18px;break-inside:avoid;overflow-wrap:anywhere}.ddc-inline{display:flex;justify-content:space-between;align-items:center;gap:15px}.ddc-final-number{font-size:32px}.ddc-final-number small{font-size:13px;font-weight:400;color:#607264}.ddc-spark{width:100%;height:auto;max-height:126px;margin:10px 0}.ddc-stat-row{display:flex;flex-wrap:wrap;gap:18px;align-items:center;font-size:14px;margin:10px 0}.ddc-stat-row span{flex:1;min-width:90px}.ddc-stat-row b{margin-left:3px}.ddc-warning{padding:15px 17px;border-left:3px solid #b89652;background:#eee6d3;color:#69583c;font-size:14px!important;line-height:1.6}.ddc-evidence{background:#edf1e9;border-radius:8px;padding:15px;margin-top:20px}.ddc-evidence p{font-size:14px;line-height:1.5}.ddc-question{background:#e3efe7;padding:16px;border-left:3px solid #318168;border-radius:0 8px 8px 0;margin:20px 0 12px;line-height:1.6}.ddc-question p{margin-bottom:0}.ddc-source{font-size:12px!important;color:#7c8a7b}.ddc-lenses{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.ddc-lenses>div{background:#e6ece0;border-radius:8px;padding:14px}.ddc-lenses span,.ddc-lenses small{display:block;font-size:13px;line-height:1.4}.ddc-lenses b{display:block;font-size:27px;margin:8px 0}.ddc-lenses small{font-size:11px;color:#617261}.ddc-report-foot{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-shrink:0;border-top:1px solid #d2dccf;padding:10px 26px;font-size:11px;color:#637163}.ddc-report-foot button{border:1px solid #a4b09c;background:#f9f7ed;border-radius:5px;padding:6px 10px;color:#49634f;font-size:11px}.ddc-report-card a{color:#146653;word-break:break-word}.ddc-end-summary .year-reflection{padding:12px 14px}.ddc-end-summary h3{margin:4px 0;font-size:23px}
@media(max-width:1180px){.ddc-header-logo{width:176px;height:40px}.topbar .room-title{font-size:11px}.focus-shell .tavola-logo{width:76px}.ddc-timer small{display:none}.ddc-report-top{gap:16px}}
@media(max-width:850px){.focus-shell .ddc-header-logo{width:157px;height:35px}.focus-shell .ddc-brand-lockup{padding:3px 5px}.focus-shell .tavola-logo{width:63px}.focus-shell .brand{gap:6px}.focus-shell .brand-divider{display:none}.focus-shell .topbar{padding-left:8px;padding-right:8px;gap:6px}.ddc-timer{font-size:11px;gap:2px;margin-left:auto}.focus-shell .top-actions [data-act="rules"],.focus-shell .top-actions [data-act="sound"]{display:none}.focus-shell .top-actions{gap:2px}.narration-controls{gap:3px}.narration-controls button{min-height:25px;padding:4px 5px;font-size:10px}.narration-controls [data-ddc="narration-mute"]{font-size:9px}.card-meta>.ddc-card-id{display:none}.indicator-help{width:22px;height:22px;min-width:22px}.ddc-debrief-dialog{width:100%;height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0}.ddc-report-top{padding:13px 50px 12px 14px;gap:10px;flex-wrap:wrap}.ddc-report-top img{width:116px;height:36px}.ddc-report-top>div{flex:1}.ddc-report-top h1{font-size:15px}.ddc-report-top .ddc-kicker{font-size:8px;letter-spacing:.5px}.ddc-report-top .ddc-solid{padding:7px 12px;min-height:34px;font-size:12px}.ddc-report-tabs{padding:7px 9px;gap:3px}.ddc-report-tabs button{font-size:11px;padding:7px 8px;min-height:32px}.ddc-report-body{padding:19px 14px 28px}.ddc-report-body h2{font-size:25px}.ddc-report-body h3{font-size:20px}.ddc-report-body p{font-size:16px}.ddc-kpi-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin:18px 0}.ddc-kpi-grid article{padding:14px}.ddc-kpi-grid b{font-size:20px}.ddc-report-grid{grid-template-columns:1fr;gap:0}.ddc-report-card{padding:17px}.ddc-lenses{grid-template-columns:repeat(2,1fr)}.ddc-report-foot{font-size:10px;padding:9px 12px}.ddc-report-foot button{min-width:74px;font-size:10px}.ddc-close{top:7px;right:8px}.ddc-end-summary h3{font-size:18px}}
@media(max-width:390px){.focus-shell .tavola-logo{width:49px}.focus-shell .ddc-header-logo{width:143px;height:31px}.focus-shell .topbar{gap:4px}.ddc-timer{font-size:10px}.focus-shell .top-actions .btn{min-width:29px;width:29px;padding:4px}.narration-controls button{padding:3px 4px;font-size:9px}.narration-controls [data-ddc="narration-mute"]{padding:3px;font-size:8px}}
@media(prefers-reduced-motion:reduce){.ddc-dialog *{scroll-behavior:auto!important}}

.compact-goal{border:0;background:transparent;color:inherit;padding:0;cursor:pointer}.compact-indicator-help{width:20px;height:20px;min-width:20px;color:#dfdfcb;border-color:#c4d0b760;background:#c4d0b712}.compact-indicator-help:hover{background:#c4d0b740}
@media(max-width:850px){.focus-shell .compact-health{gap:3px}.focus-shell .compact-health>span{gap:3px}.focus-shell .compact-health .compact-goal{display:none}.focus-shell .compact-health>span small{font-size:8px}.compact-indicator-help{width:18px;height:18px;min-width:18px;font-size:10px}}

/* Keep the complete dashboard one tap away even on narrow phones. */
@media(max-width:850px){.focus-shell .compact-health .compact-goal{display:block;font-size:9px;line-height:1.15;padding:4px;min-height:26px;border:1px solid #c4d0b740;border-radius:5px;white-space:nowrap}.focus-shell .compact-health>span small{display:none}.focus-shell .compact-health>span{flex:1;justify-content:flex-start}.compact-indicator-help{width:23px;height:23px;min-width:23px;font-size:12px}}
@media(max-width:850px) and (max-height:730px){.focus-shell .table-tool-actions .dashboard-tool{display:inline-flex;min-width:30px;width:30px;padding:5px}.focus-shell .table-tool-actions .dashboard-tool span{display:none}}