/* AK Lager: restrained white, anthracite and neon yellow identity. */
:root{color:#272b2f;background:#fff;--green:#272b2f;--accent:#dfff00;--muted:#60666c;--border:#dfe2e4;--navy:#272b2f;--blue:#272b2f;--sky:#f4f5ef;--ink:#272b2f;--line:#dfe2e4;--bg:#fff}
body,.offer{background:#fff;color:#272b2f}
button,.button,input,select,.badge,dialog,.panel,.metrics article,.stock-preview,.card,.account,.offer-summary,.offer-price{border-radius:5px;box-shadow:none}
button,.button,input,select{color:#272b2f;border-color:#cdd1d4}
button:hover,.button:hover{background:#f1f2f3}
button.primary,.button.primary,.offer .primary{background:#dfff00;color:#222629;border-color:#dfff00;box-shadow:none}
button.primary:hover,.button.primary:hover,.offer .primary:hover{background:#cde900;border-color:#cde900}
:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,.offer a:focus-visible{outline:2px solid #656d00;outline-offset:3px}
input[type=checkbox]{accent-color:#272b2f}
.login-brand,aside,.hero,.offer-summary,header:has(.brand){background:#272b2f;color:#fff}
.login-brand{border-top:5px solid #dfff00}
.login-brand .muted-light,.hero p{color:#c7cbcf}
.mark,.brand b,.hero .brand span{background:#dfff00;color:#272b2f;border-radius:4px;font-size:17px;letter-spacing:-.7px;flex-shrink:0}
.brand .small,.pill{color:#c7cbcf}.brand{letter-spacing:-.5px}
nav button{color:#d4d7d9;border-radius:4px}nav button:hover{background:#383e43}
nav button.selected{background:#dfff00;color:#272b2f}
.aside-bottom button,.help-link{border-color:#62686d;color:#fff}
.shelf{transform:none;gap:12px;margin-top:48px}.shelf i{border:1px solid #62686d;border-bottom:3px solid #dfff00;border-radius:0;opacity:1;height:65px}.shelf i:nth-child(2),.shelf i:nth-child(6){background:#343a3f}
.login-form a,.login-form .link-button,.offer a:not(.button):not(.offer-brand),a{color:#343a3f;text-underline-offset:3px}
.panel,.metrics article,.card{border-color:#dfe2e4;box-shadow:none}
.metrics strong{font-variant-numeric:tabular-nums;font-weight:650}.metrics .warning-metric{background:#faffde;border-color:#d8e89a}.warning-metric strong{color:#454d16}
th,.segments,.steps li{background:#f3f4f4;color:#60666c}td{border-bottom-color:#e8eaeb}
.stock-preview,.account,.confirmation{background:#f5f6ef;border:1px solid #dfe2d0}.stock-preview hr{border-color:#d6dac4}
.segments button.selected{color:#272b2f;box-shadow:none;border-bottom:2px solid #a6bd00}
.offer-summary .eyebrow,.hero .eyebrow{color:#dfff00!important}.offer-summary,.offer-price{border-radius:5px}
.offer-brand{color:#272b2f}.eyebrow{color:#60666c}.offer-prices span{color:#60666c}
.hero{background:#272b2f}.intro{border-top-color:#dfff00}.toc,section{border-radius:5px;box-shadow:none}.hero .brand,.back,header .brand,header>a{color:#fff}
.steps b,.heading>b,.steps li>span{background:#dfff00;color:#272b2f;border-radius:4px}.file-icon{background:#f1f3e3;color:#272b2f}.upload-area{border-color:#b9bfc3;background:#fafafa}
@media(max-width:760px){.login-brand{padding:26px 24px}.brand{font-size:20px}nav button{border-radius:3px}.metrics strong{font-size:30px}}

.mark img{display:block;width:100%;height:100%;object-fit:contain;background:white;border-radius:inherit}

/* Compact overview dashboard, using the existing stock state. */
#view-overview .metrics{grid-template-columns:repeat(4,minmax(0,1fr))}
#view-overview .metrics article{position:relative;min-width:0}
#view-overview .metric-action{display:block;width:100%;border:0;padding:0;background:transparent;text-align:left;font-weight:inherit;color:inherit}
#view-overview .metric-action::after{content:'';position:absolute;inset:0;border-radius:5px}
#view-overview .metric-action:hover::after{box-shadow:inset 0 0 0 2px #849345}
#view-overview .metric-action[aria-pressed="true"]::after{box-shadow:inset 0 0 0 2px #454d16}
#view-overview .metric-action:focus-visible{outline:none}
#view-overview .metric-action:focus-visible::after{outline:3px solid #3b82f6;outline-offset:3px}
#view-overview .metric-action span{font-size:inherit}
@media(max-width:1000px){#view-overview .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}

.profile-person,.article-heading-actions{display:flex;align-items:center;gap:.625rem}
.article-heading-actions{flex-wrap:wrap}
#overview-profile{gap:clamp(.625rem,2vw,1rem)}
#overview-profile .profile-avatar{width:clamp(48px,6vw,72px);height:clamp(48px,6vw,72px)}
.profile-person{overflow-wrap:anywhere}
.profile-avatar{width:28px;height:28px;flex:none;border-radius:50%;object-fit:cover}

.article-heading-actions details{position:relative}
.article-heading-actions details[open]>a{position:absolute;top:100%;left:0;z-index:2;margin-top:.25rem;white-space:nowrap;background:var(--bg)}