/* Only the reviewed stages; leave other module density and typography intact. */
html body:is([data-page="lifecycle-center"],[data-page="stagnant-center"],[data-page="delivery-center"]) #content .stage-entry-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:10px}
html body #content .stage-entry-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-width:0;min-height:94px;padding:10px 6px;border:1px solid #d7e1e7;border-radius:5px;background:#fff;color:#60758b;font:inherit}
html body #content .stage-entry-card.active{background:#e3f0f2;border-color:#8cbec5;color:#397f89}
html body #content .stage-entry-card svg{position:static;width:18px;height:18px}
html body #content .stage-entry-card strong{font-size:20px;color:#24364a}
html body #content .stage-context{display:flex;align-items:center;gap:10px;margin:8px 0}
@layer danfeng-reference {
html body.design-reference:is([data-page="lifecycle-center"],[data-page="stagnant-center"],[data-page="delivery-center"],[data-page="risks"],[data-page="pending"],[data-page="expiry"]) header.topbar .top-actions{order:0!important;flex:0 1 auto!important;margin-left:0!important}
html body.design-reference:is([data-page="lifecycle-center"],[data-page="stagnant-center"],[data-page="delivery-center"],[data-page="risks"],[data-page="pending"],[data-page="expiry"]) header.topbar{gap:8px!important;padding:10px 12px!important;min-height:0!important}
html body.design-reference:is([data-page="lifecycle-center"],[data-page="stagnant-center"],[data-page="delivery-center"]) #content .business-toolbar{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:8px!important;margin-bottom:8px!important}
html body.design-reference:is([data-page="lifecycle-center"],[data-page="stagnant-center"],[data-page="delivery-center"]) #content .business-toolbar .search{width:min(320px,100%)!important;min-width:0!important}
}
@layer danfeng-table-type {
html body.compliance-reading[data-page="silver"] #content#content#content#content#content .silver-filter-bar label:has(#silverRolloutFilter){display:flex!important;align-items:center!important;gap:8px!important;white-space:nowrap!important;min-width:0!important;width:100%!important}
html body.compliance-reading[data-page="silver"] #content#content#content#content#content #silverRolloutFilter{flex:1 1 0!important;width:0!important;min-width:0!important}
html body.compliance-reading:is([data-page="risks"],[data-page="pending"],[data-page="expiry"]) #content .compliance-split{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr)!important}
html body.compliance-reading:is([data-page="risks"],[data-page="pending"],[data-page="expiry"]) #content .compliance-list-table{width:100%!important;min-width:0!important;table-layout:fixed!important}
html body.compliance-reading:is([data-page="risks"],[data-page="pending"],[data-page="expiry"]) #content .compliance-list-table :is(th,td){min-width:0!important;white-space:normal!important;overflow-wrap:anywhere!important;padding:9px 10px!important}
html body.compliance-reading:is([data-page="risks"],[data-page="pending"],[data-page="expiry"]) #content .table-wrap{min-width:0!important;width:100%!important}
html body.compliance-reading[data-page="risks"] #content .risk-group-tabs{display:flex!important;flex-wrap:wrap!important;gap:6px!important;margin-bottom:8px!important}
}
@media(max-width:480px){html body #content .stage-entry-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}}


@layer danfeng-table-type {
html body.compliance-reading[data-page="silver"] #content#content#content#content#content .silver-filter-bar .roll-note{grid-column:1 / -1!important;width:100%!important;min-width:0!important}
}

@layer danfeng-table-type {
html body.compliance-reading[data-page="pending"] #content .metric-card.stage-selected{background:#e3f0f2!important;border-color:#8cbec5!important;color:#397f89!important}
}

@layer danfeng-table-type {
html body.compliance-reading[data-page="pending"] #content .metric-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;margin-bottom:8px!important}
html body.compliance-reading[data-page="pending"] #content .metric-card.stage-entry-card{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:6px!important;min-height:94px!important;padding:8px 4px!important}
html body.compliance-reading[data-page="pending"] #content .metric-card.stage-entry-card.active{background:#e3f0f2!important;border-color:#8cbec5!important;color:#397f89!important}
html body.compliance-reading[data-page="pending"] #content .stage-boundary{padding:6px 10px;margin-bottom:8px;border:1px solid #d7e1e7;border-radius:5px}
html body.compliance-reading[data-page="pending"] #content .stage-boundary summary{cursor:pointer}
}