#xboox-read-quota-notice, #xboox-read-spike-notice { position: fixed; inset: 0; z-index: 2147483001; }
.xb-read-quota-scrim { width: 100%; height: 100%; display: grid; place-items: center; padding: var(--xb-space-4); background: color-mix(in srgb, var(--xb-color-on-surface) 52%, transparent); }
.xb-read-quota-card { width: min(440px, 100%); max-height: 90vh; overflow: auto; padding: var(--xb-space-6); border-radius: var(--xb-shape-lg); background: var(--xb-color-surface-container-lowest); color: var(--xb-color-on-surface); box-shadow: var(--xb-elevation-3); }
.xb-read-quota-card h2 { margin: 0 0 var(--xb-space-3); font-size: 1.25rem; }
.xb-read-quota-card p { margin: 0 0 var(--xb-space-3); line-height: 1.5; }
.xb-read-quota-detail { color: var(--xb-color-on-surface-variant); }
.xb-read-quota-feedback { min-height: 1.5em; color: var(--xb-color-error); }
.xb-read-quota-actions { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: var(--xb-space-2); }
.xb-read-quota-actions button { border: 1px solid var(--xb-color-outline-variant); border-radius: var(--xb-shape-sm); background: var(--xb-color-surface); color: var(--xb-color-on-surface); padding: var(--xb-space-2) var(--xb-space-3); cursor: pointer; }
.xb-read-quota-actions [data-quota-grant] { background: var(--xb-color-primary); color: var(--xb-color-on-primary); border-color: var(--xb-color-primary); }
.xb-read-quota-actions button:focus-visible { outline: 2px solid var(--xb-color-primary); outline-offset: 2px; }
.xb-read-quota-actions button:disabled { opacity: .6; cursor: wait; }