/* Compact balance badge; scoped to the existing graphite product palette. */
.evaluation-credit-toolbar{display:flex;justify-content:flex-end;margin:0 0 20px;position:relative;z-index:4}
.evaluation-credit{position:relative;max-width:100%;color:#EEEDE8;font-size:13px}
.evaluation-credit summary{list-style:none;display:flex;align-items:center;gap:9px;min-height:44px;padding:9px 13px;background:#25292d;border:1px solid #50585b;border-radius:24px;cursor:pointer}
.evaluation-credit summary::-webkit-details-marker{display:none}
.evaluation-credit summary:focus-visible,.evaluation-credit a:focus-visible{outline:3px solid #d7e45b;outline-offset:3px}
.evaluation-credit-mark{color:#d7e45b;font-size:16px}
.evaluation-credit-chevron{margin-left:6px;color:#bdc3c0}
.evaluation-credit[open] .evaluation-credit-chevron{transform:rotate(180deg)}
.evaluation-credit-popover{box-sizing:border-box;position:absolute;right:0;top:calc(100% + 8px);width:min(340px,calc(100vw - 48px));padding:20px;background:#25292d;border:1px solid #50585b;border-radius:12px;box-shadow:0 14px 36px #0005;text-align:left}
.evaluation-credit-popover h2{font-size:16px;font-weight:500;line-height:1.4;margin:0 0 12px;color:#EEEDE8}
.evaluation-credit-popover p{font-size:13px;line-height:1.6;color:#bdc3c0;margin:0 0 14px}
.evaluation-credit-popover dl{margin:0 0 14px}
.evaluation-credit-popover dl>div{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.evaluation-credit-popover dd{margin:0;color:#EEEDE8}
.evaluation-credit-popover .evaluation-credit-policy{padding-top:14px;border-top:1px solid #50585b}
.evaluation-credit-popover a{color:#d7e45b;display:inline-block;padding:4px 0;text-decoration:underline;text-underline-offset:4px}
.evaluation-action-cost{display:inline-block;margin-left:12px;padding-left:12px;border-left:1px solid currentColor;font-size:12px;font-weight:400}
.evaluation-action-note{font-size:13px;color:#bdc3c0;margin:10px 0 0;max-width:480px}
@media(max-width:600px){.evaluation-credit-toolbar{justify-content:flex-start}.evaluation-credit-popover{left:0;right:auto}.evaluation-action-cost{margin-left:8px;padding-left:8px}}

.evaluation-submit{display:flex;flex-direction:column;align-items:flex-end;max-width:100%;min-width:0}.evaluation-submit .evaluation-action-note{text-align:right}.evaluation-submit .review-primary{white-space:normal}
@media(max-width:600px){.evaluation-submit{align-items:stretch}.evaluation-submit .evaluation-action-note{text-align:left}}

/* Account identity and access come from the same server-backed model as the badge. */
.usage-box.evaluation-sidebar .evaluation-sidebar-access{display:flex;gap:8px;align-items:flex-start;margin:12px 0 8px;color:#EEEDE8;font-size:13px;line-height:1.5}
.evaluation-sidebar-access .evaluation-credit-mark{font-size:14px;flex-shrink:0}
.usage-box.evaluation-sidebar .fine{margin:8px 0;color:#bdc3c0;font-size:13px;line-height:1.5}
.usage-box.evaluation-sidebar>a{display:inline-block;padding:6px 0;min-height:32px}

/* Evaluation access belongs to account context, without a row above page content. */
.evaluation-sidebar .evaluation-credit-toolbar{justify-content:flex-start;margin:10px 0 8px}
.evaluation-sidebar .evaluation-credit{padding:0;border:0;width:100%}
.evaluation-sidebar .evaluation-credit summary{font-size:12px;line-height:1.5;padding:8px;gap:6px;white-space:normal}
.evaluation-sidebar .evaluation-credit-chevron{margin-left:auto;flex-shrink:0}
.evaluation-sidebar .evaluation-credit-popover{left:0;right:auto;max-height:calc(100dvh - 40px);overflow-y:auto;z-index:30}
.sidebar:has(.evaluation-credit[open]){z-index:10}
.mobile-navigation .evaluation-sidebar{margin:0 0 20px;padding:0}
.mobile-navigation .evaluation-credit-toolbar{display:block}
.mobile-navigation .evaluation-credit summary{display:flex;list-style:none;padding:8px;font-size:13px}
.mobile-navigation .evaluation-credit-popover{position:static;width:100%;max-height:none;margin-top:8px}
.mobile-navigation .evaluation-credit-popover a{color:#d7e45b;font-size:13px;text-decoration:underline}

/* Compact account context: identity and policy details live in the disclosure. */
.sidebar>.usage-box.evaluation-sidebar{margin-top:28px}