/* Shared identity and product navigation for Dashboard, Billing Master and DCMedic.
   Keep page-specific status/period controls below this common first row. */
body .app-shell:has(>.product-header),body .sera-shell:has(>.product-header){box-sizing:border-box;width:100%;max-width:1440px;margin-inline:auto;padding:24px 24px 56px!important}
html body .hero.product-header{display:flex;flex-direction:column;align-items:stretch;gap:14px;padding:18px 20px;margin:0 0 18px;border:1px solid var(--border-subtle);border-radius:16px;background:var(--surface-raised);box-shadow:none;font-family:var(--font-ui)}
.product-header-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px 24px;width:100%}
.product-header-identity{min-width:0}
html body .product-header h1.product-header-title{margin:0;padding:0;font-family:var(--font-ui);font-size:26px!important;line-height:1.2!important;font-weight:750;letter-spacing:-.025em;color:var(--text-primary)}
.product-header-title>span:not(#page-title){color:var(--product-gold)}
html body .product-header .product-header-description{margin:6px 0 0;padding:0;font:12px/1.5 var(--font-ui);color:var(--text-muted)}
.product-header-nav{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px;margin:0;padding:0}
html body .product-header .product-header-nav .product-header-link{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:8px 12px;margin:0;border:1px solid color-mix(in srgb,var(--product-gold) 65%,var(--border-subtle));border-radius:9px;background:var(--surface-secondary);color:var(--product-gold);font:650 12px/1.4 var(--font-ui)!important;text-decoration:none;white-space:nowrap;box-shadow:none}
html body .product-header .product-header-nav .product-header-link:hover{background:color-mix(in srgb,var(--product-gold) 12%,var(--surface-secondary));border-color:var(--product-gold)}
html body .product-header .product-header-nav .product-header-link[aria-current=page]{background:color-mix(in srgb,var(--product-gold) 16%,var(--surface-secondary));box-shadow:inset 0 -2px var(--product-gold)}
.product-header-link:focus-visible{outline:2px solid var(--product-gold);outline-offset:3px}.product-header-link svg{flex:none}
@media(max-width:900px){.product-header-row{grid-template-columns:minmax(0,1fr);gap:14px}.product-header-nav{justify-content:flex-start}}
@media(max-width:600px){body .app-shell:has(>.product-header),body .sera-shell:has(>.product-header){padding:16px 12px 36px!important}html body .hero.product-header{padding:14px}html body .product-header h1.product-header-title{font-size:23px!important}.product-header-nav{gap:6px}html body .product-header .product-header-nav .product-header-link{padding:7px 9px;font-size:11px!important}}