/* Deliberately scoped: consent controls must not alter the member interface. */
.surge-usage-launcher,.surge-usage-panel {font:inherit;color:var(--ink,#252521);box-sizing:border-box;}
.surge-usage-launcher {position:fixed;z-index:80;left:max(16px,env(safe-area-inset-left,0px));bottom:calc(10px + env(safe-area-inset-bottom,0px));min-height:36px;padding:7px 11px;border:1px solid var(--line,#deded8);border-radius:6px;background:var(--paper,#faf9f5);font-size:11px;line-height:1.5;cursor:pointer;}
.surge-usage-panel {position:fixed;z-index:81;left:max(16px,env(safe-area-inset-left,0px));bottom:calc(56px + env(safe-area-inset-bottom,0px));width:min(430px,calc(100vw - 32px));max-height:calc(100dvh - 100px);overflow:auto;overscroll-behavior:contain;padding:20px;border:1px solid var(--line,#deded8);border-radius:9px;background:var(--paper,#faf9f5);box-shadow:0 8px 32px #24241e14;font-size:13px;line-height:1.75;}
.surge-usage-panel[hidden],.surge-usage-launcher[hidden] {display:none;}
.surge-usage-heading {display:flex;align-items:center;justify-content:space-between;gap:12px;}
.surge-usage-heading h2 {margin:0;font-size:16px;line-height:1.5;font-weight:600;}
.surge-usage-panel p {margin:10px 0;color:var(--muted,#646460);}
.surge-usage-panel details {border-block:1px solid var(--line,#deded8);padding:8px 0;margin:12px 0;}
.surge-usage-panel summary {cursor:pointer;min-height:28px;}
.surge-usage-panel details p {font-size:12px;}
.surge-usage-actions {display:flex;flex-wrap:wrap;gap:8px;}
.surge-usage-panel button {font:inherit;min-height:44px;padding:9px 14px;border:1px solid var(--line,#deded8);border-radius:5px;background:#fff;color:inherit;cursor:pointer;}
.surge-usage-panel .surge-usage-close {border:0;padding:4px;min-width:36px;min-height:36px;background:transparent;font-size:22px;line-height:1;}
.surge-usage-panel .surge-usage-text {padding:6px 0;border:0;background:transparent;font-size:12px;}
.surge-usage-panel .surge-usage-status {font-size:12px;min-height:21px;}
.surge-usage-panel .surge-usage-delete-note {font-size:12px;}
.surge-usage-panel button:disabled {cursor:wait;opacity:.55;}
.surge-usage-panel button,.surge-usage-launcher {touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;transition:background-color 120ms ease,transform 120ms var(--ui-ease,cubic-bezier(.23,1,.32,1));}
.surge-usage-panel button:active,.surge-usage-launcher:active {transform:scale(.98);background:#eeeee8;}
.surge-usage-panel button:focus-visible,.surge-usage-launcher:focus-visible,.surge-usage-panel summary:focus-visible {outline:2px solid var(--ink,#252521);outline-offset:3px;}
@media (hover:hover) and (pointer:fine) {.surge-usage-panel button:hover,.surge-usage-launcher:hover {background:#f1f1eb;}}
@media (max-width:480px) {.surge-usage-panel {padding:16px;font-size:13px;}.surge-usage-actions>button:not(.surge-usage-text) {flex:1;}.surge-usage-panel .surge-usage-close {min-width:44px;min-height:44px;}.surge-usage-panel summary {min-height:44px;display:flex;align-items:center;}.surge-usage-launcher {min-height:44px;bottom:calc(6px + env(safe-area-inset-bottom,0px));}.surge-usage-panel {bottom:calc(56px + env(safe-area-inset-bottom,0px));}}
@media (prefers-reduced-motion:reduce) {.surge-usage-panel button,.surge-usage-launcher {transition:none;}.surge-usage-panel button:active,.surge-usage-launcher:active {transform:none;}}
