/* Plan notices (billing.js): 80 % of the month's cloud hours, the month used up (recordings saved, ways forward), and past
   Unlimited's fair use. Same place and shape as the storage banner; tokens.css colours, so light and dark follow docvoc.com. */
.plan-banner{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:6px;padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius-control);background:var(--accent-surface);color:var(--ink);font-size:var(--text-secondary);line-height:1.5}
.plan-banner span{flex:1;min-width:min(240px,100%)}
.plan-banner.near,.plan-banner.reached{border-color:var(--highlight-border);background:var(--review-bg);color:var(--review-text)}
.plan-banner-actions{display:flex;flex-wrap:wrap;gap:8px}
.plan-banner-actions button{min-height:var(--control-compact);white-space:nowrap}
.plan-banner-actions #plan-banner-plans{border-color:var(--highlight-border);background:var(--card);color:var(--accent-text);font-weight:600}
.plan-banner-actions .quiet{border-color:transparent;background:transparent;color:inherit}
.workspace-status:has(#plan-banner:not([hidden])){display:block;padding-bottom:10px}
@media(max-width:760px){.plan-banner{padding:10px 12px}.plan-banner-actions{width:100%}.plan-banner-actions button{flex:1;min-height:var(--tap,44px)}}
.capture .capture-copy #record-error.plan-saved{color:var(--review-text)}
/* Android lists keep the extended Record FAB above the bottom bar: the notice sits above it, never under it. */
:root.android:has(#ad-fab:not([hidden])) .workspace-status:has(#plan-banner:not([hidden])){padding-bottom:84px}