:root{color:#17201d;font-synthesis:none;text-rendering:optimizelegibility;background:#f7f8f5;font-family:Aptos,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}.app-shell{background:linear-gradient(#1e5f5b14,#0000 320px),#f7f8f5;min-height:100vh;padding:clamp(20px,4vw,56px)}.dashboard-header{justify-content:space-between;align-items:flex-end;gap:24px;max-width:1180px;margin:0 auto 28px;display:flex}.eyebrow{color:#9a4f2f;letter-spacing:0;text-transform:uppercase;margin:0 0 8px;font-size:.78rem;font-weight:700}h1{color:#12312d;letter-spacing:0;margin:0;font-size:clamp(2rem,4vw,3.4rem);line-height:1.05}.sync-summary{background:#fff;border:1px solid #17201d24;border-radius:8px;gap:4px;min-width:220px;padding:14px 16px;display:grid;box-shadow:0 12px 30px #12312d14}.sync-summary span{color:#12312d;font-weight:700}.sync-summary small{color:#5a6762}.metric-grid{grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:16px;max-width:1180px;margin:0 auto;display:grid}.metric-card{background:#fff;border:1px solid #17201d24;border-radius:8px;grid-template-rows:auto auto 1fr auto;gap:14px;min-height:260px;padding:18px;display:grid;box-shadow:0 14px 34px #12312d14}.metric-card[data-status=missing],.metric-card[data-status=blocked],.metric-card[data-status=unsupported],.metric-card[data-status=not_implemented]{background:#fbfbf8}.metric-card header{justify-content:space-between;align-items:center;gap:12px;display:flex}.metric-card header span{color:#31413c;font-weight:700}.metric-card header small{color:#1b5e52;text-align:center;background:#e8f2ee;border-radius:999px;min-width:72px;padding:4px 8px;font-size:.76rem;font-weight:700}.metric-card[data-status=missing] header small{color:#8a432b;background:#f5e7df}.metric-card[data-status=blocked] header small,.metric-card[data-status=unsupported] header small,.metric-card[data-status=not_implemented] header small{color:#6c5522;background:#ece7d8}.metric-card strong{color:#102522;letter-spacing:0;font-size:1.85rem;line-height:1.1}.metric-card p{color:#50615b;margin:0;font-size:.94rem;line-height:1.5}.metric-card dl{border-top:1px solid #17201d1a;gap:8px;margin:0;padding-top:12px;display:grid}.metric-card dl div{justify-content:space-between;gap:12px;display:flex}.metric-card dt{color:#65736e;font-size:.78rem}.metric-card dd{color:#26342f;text-align:right;text-align:left;word-break:break-word;max-width:58%;margin:0;font-size:.78rem;font-weight:700}.insight-panel,.release-readiness,.sync-history{background:#fff;border:1px solid #17201d24;border-radius:8px;max-width:1180px;margin:30px auto 0;padding:18px;box-shadow:0 14px 34px #12312d14}.section-heading{justify-content:space-between;align-items:baseline;gap:14px;margin-bottom:14px;display:flex}.section-heading small{color:#5a6762}.insight-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;display:grid}.insight-card{background:#fbfbf8;border:1px solid #17201d1f;border-radius:8px;gap:12px;padding:16px;display:grid}.insight-card[data-status=accepted]{background:#f4faf6}.insight-card[data-status=dismissed]{opacity:.74}.insight-card header{justify-content:space-between;align-items:center;gap:12px;display:flex}.insight-card header span{color:#12312d;font-weight:700}.insight-card header small{color:#1b5e52;text-align:center;background:#e8f2ee;border-radius:999px;min-width:78px;padding:4px 8px;font-size:.76rem;font-weight:700}.insight-card p{color:#50615b;margin:0;line-height:1.5}.insight-card dl{border-top:1px solid #17201d1a;gap:8px;margin:0;padding-top:10px;display:grid}.insight-card dl div{justify-content:space-between;gap:12px;display:flex}.insight-card dt{color:#65736e;font-size:.78rem}.insight-card dd{color:#26342f;text-align:right;word-break:break-word;max-width:58%;margin:0;font-size:.78rem;font-weight:700}.insight-actions{flex-wrap:wrap;gap:8px;display:flex}.insight-actions button{color:#12312d;min-height:34px;font:inherit;cursor:pointer;background:#fff;border:1px solid #1b5e5247;border-radius:8px;padding:7px 10px;font-size:.82rem;font-weight:700}.insight-actions button:hover,.insight-actions button:focus-visible{border-color:#1b5e52;outline:none}.release-readiness h2,.insight-panel h2,.sync-history h2{color:#102522;letter-spacing:0;margin:0 0 12px;font-size:1.2rem}.sync-status-summary{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin:0 0 16px;padding:0;list-style:none;display:grid}.sync-status-summary li{background:#f8fbf9;border:1px solid #17201d1f;border-radius:8px;justify-content:space-between;gap:8px;padding:8px 10px;display:flex}.sync-status-summary span{color:#12312d;font-weight:700}.sync-status-summary strong{color:#1b5e52}.release-readiness p,.sync-history p{color:#50615b;margin:6px 0}.release-readiness__summary{flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:14px;display:flex}.release-readiness__summary strong{color:#1b5e52;font-size:1.35rem}.release-readiness__summary span,.release-readiness__summary small{color:#5a6762}.release-readiness ul{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.release-readiness li{background:#fbfbf8;border:1px solid #17201d1f;border-radius:8px;gap:6px;min-height:126px;padding:14px;display:grid}.release-readiness li span{color:#31413c;text-transform:capitalize;font-weight:700}.release-readiness li strong{color:#8a432b;text-align:center;background:#f5e7df;border-radius:999px;width:fit-content;min-width:58px;padding:4px 8px;font-size:.76rem}.release-readiness li strong[data-status=pass]{color:#1b5e52;background:#e8f2ee}.release-readiness li small{color:#50615b;line-height:1.45}.sync-history table{border-collapse:collapse;width:100%;min-width:620px;font-size:.9rem}.sync-history thead{color:#5a6762;text-align:left}.sync-history th,.sync-history td{vertical-align:top;border-bottom:1px solid #17201d1f;padding:10px 8px}.sync-history th{text-transform:uppercase;letter-spacing:0;font-size:.78rem;font-weight:700}.sync-history td{color:#26342f;font-size:.86rem}.sync-history td small{color:#8b4e33;margin-top:4px;display:block}.sync-history .quiet{color:#8a8f8c}.sync-history table strong,.sync-history td strong{display:block}@media (width<=720px){.dashboard-header{flex-direction:column;align-items:stretch}.sync-summary{min-width:0}.insight-panel,.release-readiness,.sync-history{padding:14px}.section-heading{flex-direction:column;align-items:flex-start}.sync-history table{min-width:100%;display:block;overflow-x:auto}}
