/* Shared visual language. Loaded after legacy section styles. */
.is-connection-checking { display:flex; align-items:center; justify-content:center; gap:10px; }
.is-connection-checking::before { content:''; flex:0 0 16px; width:16px; height:16px; border:2px solid rgba(126,183,232,.3); border-top-color:currentColor; border-radius:50%; animation:home-search-spin .85s linear infinite; }
@media(prefers-reduced-motion:reduce) { .is-connection-checking::before { animation:none; } }
#home-buyer-method-field[hidden] { display:none !important; }
.home-find-delivery.is-searching { display:flex; align-items:center; justify-content:center; gap:10px; }
.home-find-delivery.is-searching::before { content:''; width:16px; height:16px; flex:0 0 16px; border:2px solid rgba(126,183,232,.25); border-top-color:#7eb7e8; border-radius:50%; animation:home-search-spin .85s linear infinite; }
.home-delivery-feedback { min-height:3.6em; line-height:1.5; }
@keyframes home-search-spin { to { transform:rotate(360deg); } }
@media (prefers-reduced-motion:reduce) { .home-find-delivery.is-searching::before { animation:none; } }
:root {
  --ui-radius: 18px;
  --ui-control-radius: 12px;
  --ui-control-height: 44px;
  --ui-gap: 12px;
  --ui-page-bg: var(--bg);
  --ui-card-bg: var(--surface);
  --ui-field-bg: var(--surface2);
}
#panel-redeem .redeem-panel-body { min-height:0; flex:1; display:flex; }
#panel-redeem .redeem-feed { width:100%; overflow-y:auto; display:flex; flex-direction:column; gap:14px; padding:20px max(16px,calc((100% - 1080px)/2)); box-sizing:border-box; }
#panel-redeem .redeem-composer { width:min(1080px,calc(100% - 32px)); margin:0 auto 16px; padding:18px; border:1px solid var(--border); border-radius:18px; background:var(--surface); box-sizing:border-box; }
#panel-redeem [data-redeem-section][hidden] { display:none !important; }
#panel-redeem .redeem-header-tabs { margin-left:auto; }
#panel-redeem .redeem-header-tabs .pill-btn { background:transparent; color:var(--text2); }
#panel-redeem .redeem-header-tabs .pill-btn.active { background:var(--accent); color:#fff; }
#panel-redeem .panel-header > .back-btn { width:38px; height:38px; min-height:38px; flex:0 0 38px; padding:0; border:0; border-radius:50%; background:transparent; color:var(--accent); box-shadow:none; }
#panel-redeem .panel-header > .back-btn:active { background:rgba(var(--accent-rgb),.12); }
#panel-redeem .redeem-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
#panel-redeem label { display:flex; flex-direction:column; gap:5px; font-size:12px; color:var(--text2); }
#panel-redeem .redeem-region-field { display:flex; flex-direction:column; gap:5px; min-width:0; font-size:12px; color:var(--text2); }
#panel-redeem .redeem-region-picker { position:relative; min-width:0; }
#panel-redeem .redeem-composer { position:relative; z-index:5; }
#panel-redeem #redeem-region-button { width:100%; min-height:42px; display:flex; align-items:center; justify-content:space-between; gap:10px; padding:8px 11px; border:1px solid var(--border); border-radius:10px; background:var(--surface2); color:var(--text); font-size:14px; font-weight:400; text-align:left; }
#panel-redeem #redeem-region-button:focus-visible { outline:2px solid var(--accent); outline-offset:2px; }
#panel-redeem .redeem-region-list { position:absolute; z-index:20; right:0; bottom:calc(100% + 6px); box-sizing:border-box; width:min(380px, calc(100vw - 32px)); max-height:min(360px,48vh); overflow-y:auto; padding:5px; border:1px solid var(--border); border-radius:12px; background:var(--surface); box-shadow:0 12px 32px rgba(0,0,0,.35); }
#panel-redeem .redeem-region-list[hidden] { display:none; }
#panel-redeem .redeem-region-list button { display:block; width:100%; min-height:36px; padding:8px 10px; border:0; border-radius:7px; background:transparent; color:var(--text); font-size:13px; font-weight:400; text-align:left; }
#panel-redeem .redeem-region-list button { display:grid; grid-template-columns:8px 24px minmax(0,1fr); align-items:center; column-gap:7px; row-gap:2px; }
#panel-redeem .redeem-region-list button .redeem-region-state,#panel-redeem .redeem-region-list button .redeem-region-option-flag { grid-row:1/3; }
#panel-redeem .redeem-region-list button small { grid-column:3; color:var(--text2); font-size:10px; }
#panel-redeem .redeem-region-state { width:7px; height:7px; border-radius:50%; background:var(--red); box-shadow:0 0 0 3px rgba(255,69,58,.1); }
#panel-redeem .redeem-region-state--reachable { background:var(--green); box-shadow:0 0 0 3px rgba(46,204,113,.1); }
#panel-redeem .redeem-region-state--unchecked { background:var(--text2); box-shadow:none; opacity:.55; }
#panel-redeem .redeem-region-option-flag { font-size:17px; }
#panel-redeem .redeem-region-option-label { min-width:0; overflow-wrap:anywhere; }
#panel-redeem .redeem-region-list button:hover,#panel-redeem .redeem-region-list button:focus-visible,#panel-redeem .redeem-region-list button[aria-selected="true"] { background:var(--surface2); outline:none; }
#panel-redeem input,#panel-redeem select,#panel-redeem textarea { width:100%; min-height:42px; box-sizing:border-box; padding:8px 11px; border:1px solid var(--border); border-radius:10px; background:var(--surface2); color:var(--text); font:inherit; font-size:14px; }
#panel-redeem textarea { min-height:96px; resize:vertical; line-height:1.5; }
#panel-redeem .redeem-kind-switch { width:240px; max-width:100%; display:grid; grid-template-columns:1fr 1fr; gap:4px; margin-bottom:8px; padding:3px; border:1px solid var(--border); border-radius:12px; background:var(--surface2); }
#panel-redeem .redeem-kind-switch button { min-height:32px; padding:6px 12px; border-radius:8px; background:transparent; color:var(--text2); font-size:12px; box-shadow:none; }
#panel-redeem .redeem-kind-switch button.active { background:var(--accent); color:#fff; }
#panel-redeem .redeem-kind-hint { margin:0 0 12px; color:var(--text2); font-size:11px; line-height:1.45; }
#panel-redeem .redeem-step[hidden],#panel-redeem #redeem-subscription-mode[hidden],#panel-redeem form[hidden] { display:none !important; }
#panel-redeem .redeem-step-head[hidden],#panel-redeem #redeem-account-actions[hidden] { display:none !important; }
#panel-redeem .redeem-step-head { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:12px; }
#panel-redeem .redeem-step-head > div { display:flex; flex-direction:column; gap:3px; min-width:0; }
#panel-redeem .redeem-step-head strong { overflow:hidden; text-overflow:ellipsis; color:var(--text); font-size:13px; }
#panel-redeem .redeem-step-head small { color:var(--text2); font-size:11px; }
#panel-redeem .redeem-step-head button,#panel-redeem .redeem-add-key { min-height:34px; padding:6px 10px; border:1px solid var(--border); background:var(--surface2); color:var(--text); font-size:11px; }
#panel-redeem .redeem-game-keys { display:grid; gap:8px; }
#panel-redeem .redeem-game-key { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(170px,1fr) 34px; gap:8px; align-items:center; }
#panel-redeem .redeem-game-key button { min-height:34px; height:34px; padding:0; border:1px solid var(--border); background:transparent; color:var(--text2); }
#panel-redeem .redeem-checkbox { display:flex; flex-direction:row; align-items:center; gap:9px; margin-top:12px; color:var(--text); font-size:12px; cursor:pointer; }
#panel-redeem .redeem-recurring-slot { min-height:42px; display:flex; align-items:center; }
#panel-redeem .redeem-recurring-slot .redeem-checkbox { margin-top:0; }
#panel-redeem .redeem-checkbox[hidden] { display:none !important; }
#panel-redeem .redeem-checkbox input { width:16px; min-height:16px; height:16px; margin:0; accent-color:var(--accent); }
#panel-redeem .redeem-add-key { margin:9px 0 4px; }
#panel-redeem .redeem-live-status { display:grid; grid-template-columns:10px minmax(0,1fr); align-items:center; gap:10px; margin-bottom:12px; padding:10px 12px; border:1px solid rgba(var(--accent-rgb),.32); border-radius:11px; background:rgba(var(--accent-rgb),.09); }
#panel-redeem .redeem-live-status[hidden] { display:none !important; }
#panel-redeem .redeem-live-status > span { width:8px; height:8px; border-radius:50%; background:var(--accent); box-shadow:0 0 0 4px rgba(var(--accent-rgb),.12); animation:redeem-pulse 1s ease-in-out infinite alternate; }
#panel-redeem .redeem-live-status > div { min-width:0; display:flex; flex-direction:column; gap:3px; }
#panel-redeem .redeem-live-status strong { color:var(--text); font-size:12px; }
#panel-redeem .redeem-live-status small { color:var(--text2); font-size:11px; line-height:1.35; overflow-wrap:anywhere; }
#panel-redeem .redeem-actions,#panel-redeem .redeem-answer-row { display:flex; align-items:center; gap:10px; margin-top:12px; }
#panel-redeem button { min-height:40px; padding:8px 15px; border:0; border-radius:10px; background:var(--accent); color:#fff; font:inherit; font-weight:650; cursor:pointer; }
#panel-redeem button:disabled { opacity:.55; cursor:wait; }
#panel-redeem .redeem-stop-button { min-height:38px; border:1px solid rgba(255,69,58,.35); background:rgba(255,69,58,.09); color:var(--red); font-size:12px; }
#panel-redeem .redeem-stop-button:hover:not(:disabled),#panel-redeem .redeem-stop-button:focus-visible { border-color:var(--red); background:rgba(255,69,58,.16); }
#panel-redeem #redeem-stop-current { width:100%; }
#panel-redeem #redeem-stop-current[hidden],#panel-redeem #redeem-stop-waiting[hidden] { display:none !important; }
#panel-redeem #redeem-stop-error,#panel-redeem .redeem-stop-error { color:var(--red); font-size:11px; line-height:1.4; }
#panel-redeem #redeem-stop-error:empty,#panel-redeem .redeem-stop-error:empty { display:none; }
#redeem-error { color:var(--red); font-size:12px; }
#panel-redeem .redeem-selected-status { margin-left:auto; color:var(--text2); font-size:11px; white-space:nowrap; }
#panel-redeem .redeem-selected-status[data-state="reachable"] { color:var(--green); }
#panel-redeem .redeem-selected-status[data-state="unreachable"],#panel-redeem .redeem-selected-status[data-state="unconfigured"] { color:var(--red); }
#panel-redeem .redeem-server-card--unchecked { opacity:.72; }
#redeem-answer-form { margin-top:14px; padding-top:14px; border-top:1px solid var(--border); }
#redeem-answer-form[hidden] { display:none !important; }
#panel-redeem .redeem-answer-row input,#panel-redeem .redeem-answer-row select { flex:1; }
#panel-redeem .redeem-answer-row { flex-wrap:wrap; }
#panel-redeem .redeem-answer-row #redeem-stop-waiting { flex:0 0 auto; }
#panel-redeem .redeem-job { display:grid; gap:10px; padding:16px; border:1px solid var(--border); border-radius:16px; background:var(--surface); }
#panel-redeem .redeem-job strong { color:var(--text); font-size:14px; overflow-wrap:anywhere; }
#panel-redeem .redeem-event { display:grid; grid-template-columns:45px 1fr; gap:8px; color:var(--text2); font-size:13px; overflow-wrap:anywhere; }
#panel-redeem .redeem-event time { opacity:.7; }
#panel-redeem .redeem-event > span { white-space:pre-line; }
#panel-redeem .redeem-event img { grid-column:2; max-width:min(100%,500px); max-height:300px; object-fit:contain; border-radius:10px; border:1px solid var(--border); }
#panel-redeem .redeem-job-header { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
#panel-redeem .redeem-job-header-actions { display:flex; flex:none; flex-direction:column; align-items:flex-end; gap:8px; }
#panel-redeem .redeem-job-heading { min-width:0; display:grid; gap:4px; }
#panel-redeem .redeem-job-heading small { color:var(--text2); font-size:11px; overflow-wrap:anywhere; }
#panel-redeem .redeem-job-badge { flex:none; padding:5px 9px; border-radius:999px; background:rgba(var(--accent-rgb),.12); color:var(--accent); font-size:11px; font-weight:700; }
#panel-redeem .redeem-job-badge--success { background:rgba(46,204,113,.13); color:var(--green); }
#panel-redeem .redeem-job-badge--review { background:rgba(255,184,77,.14); color:#ffbf66; }
#panel-redeem .redeem-job-badge--failed,#panel-redeem .redeem-job-badge--interrupted { background:rgba(255,69,58,.12); color:var(--red); }
#panel-redeem .redeem-delivery { display:grid; gap:11px; margin-top:2px; padding:14px; border:1px solid var(--border); border-radius:12px; background:var(--surface2); }
#panel-redeem .redeem-delivery > strong { font-size:13px; }
#panel-redeem .redeem-delivery-field { display:grid; grid-template-columns:145px minmax(0,1fr); gap:10px; align-items:baseline; }
#panel-redeem .redeem-delivery-field span,#panel-redeem .redeem-delivery > small { color:var(--text2); font-size:11px; }
#panel-redeem .redeem-delivery-field b { color:var(--text); font-size:13px; font-weight:600; overflow-wrap:anywhere; user-select:text; }
#panel-redeem .redeem-delivery-actions { display:flex; flex-wrap:wrap; gap:8px; }
#panel-redeem .redeem-delivery-actions button { min-height:34px; padding:7px 10px; border:1px solid var(--border); background:var(--surface); color:var(--text); font-size:11px; font-weight:650; }
#panel-redeem .redeem-delivery-actions button:hover { border-color:var(--accent); }
#panel-redeem .redeem-delivery-image { display:block; width:fit-content; max-width:100%; line-height:0; border-radius:10px; }
#panel-redeem .redeem-delivery-image:focus-visible { outline:2px solid var(--accent); outline-offset:3px; }
#panel-redeem .redeem-delivery img { display:block; max-width:100%; max-height:260px; width:auto; height:auto; border:1px solid var(--border); border-radius:10px; }
#panel-redeem .redeem-servers { width:min(1260px,100%); align-self:center; display:grid; gap:12px; padding:16px; border:1px solid var(--border); border-radius:16px; background:var(--surface); box-sizing:border-box; }
#panel-redeem .redeem-servers-head { display:flex; align-items:center; justify-content:space-between; gap:14px; min-width:0; }
#panel-redeem .redeem-servers-heading { display:flex; align-items:center; gap:11px; }
#panel-redeem .redeem-servers-refresh-actions { display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:8px; }
#panel-redeem .redeem-servers-icon { width:35px; height:35px; display:grid; place-items:center; flex:0 0 auto; border:1px solid rgba(var(--accent-rgb),.3); border-radius:10px; background:rgba(var(--accent-rgb),.12); color:var(--accent); }
#panel-redeem .redeem-servers-icon svg { width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
#panel-redeem .redeem-servers-head strong { color:var(--text); font-size:16px; letter-spacing:-.02em; }
#panel-redeem .redeem-servers-head p { margin:5px 0 0; color:var(--text2); font-size:12px; }
#panel-redeem .redeem-servers-head button { flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; gap:6px; min-height:34px; padding:6px 11px; background:var(--surface2); color:var(--text); border:1px solid var(--border); font-size:12px; white-space:nowrap; }
#panel-redeem .redeem-servers-head button svg { width:14px; height:14px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
#panel-redeem .redeem-servers-head button.is-loading svg { display:none; }
#panel-redeem .redeem-servers-head button.is-loading::before { content:""; width:12px; height:12px; flex:0 0 12px; border:2px solid currentColor; border-right-color:transparent; border-radius:50%; box-sizing:border-box; animation:redeem-spin .8s linear infinite; }
@media (prefers-reduced-motion:reduce) { #panel-redeem .redeem-servers-head button.is-loading::before { animation:none; border-right-color:currentColor; opacity:.55; } }
#panel-redeem .redeem-server-overview { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:6px 16px; padding:11px 13px; border:1px solid var(--border); border-radius:11px; background:var(--surface2); }
#panel-redeem .redeem-server-overview strong { color:var(--text); font-size:13px; }
#panel-redeem .redeem-server-overview time { color:var(--text2); font-size:11px; }
#panel-redeem .redeem-server-filters { display:flex; flex-wrap:wrap; gap:7px; }
#panel-redeem .redeem-server-filters button { min-height:30px; padding:5px 10px; border:1px solid var(--border); border-radius:999px; background:transparent; color:var(--text2); font-size:11px; font-weight:600; }
#panel-redeem .redeem-server-filters button[aria-pressed="true"] { border-color:rgba(var(--accent-rgb),.5); background:rgba(var(--accent-rgb),.13); color:var(--text); }
#panel-redeem .redeem-server-filters button span { margin-left:2px; opacity:.7; font-variant-numeric:tabular-nums; }
#panel-redeem .redeem-provider-summary { display:flex; flex-wrap:wrap; gap:6px; }
#panel-redeem .redeem-provider-chip { display:inline-flex; align-items:center; gap:6px; padding:5px 8px; border:1px solid var(--border); border-radius:8px; background:var(--surface2); color:var(--text2); font-size:10px; }
#panel-redeem .redeem-provider-chip b { color:var(--text); font-size:10px; }
#panel-redeem .redeem-provider-chip i { width:6px; height:6px; border-radius:50%; background:var(--red); box-shadow:0 0 0 3px rgba(255,69,58,.1); }
#panel-redeem .redeem-provider-chip--ok i { background:var(--green); box-shadow:0 0 0 3px rgba(46,204,113,.1); }
#panel-redeem .redeem-provider-chip--pending i { background:var(--text2); box-shadow:none; opacity:.55; }
#panel-redeem .redeem-servers-list { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr)); gap:9px; }
#panel-redeem .redeem-server-group { grid-column:1/-1; margin:4px 0 -1px; color:var(--text2); font-size:10px; font-weight:750; letter-spacing:.07em; text-transform:uppercase; }
#panel-redeem .redeem-servers-list.is-refreshing { opacity:.62; transition:opacity .15s ease; }
#panel-redeem .redeem-server-card { display:grid; grid-template-columns:36px minmax(0,1fr) auto; align-items:center; min-width:0; min-height:100px; gap:9px; padding:11px 12px; border:1px solid var(--border); border-radius:12px; background:var(--surface2); box-sizing:border-box; }
#panel-redeem .redeem-server-flag { width:36px; height:36px; display:grid; place-items:center; flex:0 0 auto; border:1px solid var(--border); border-radius:10px; background:var(--surface); font-size:22px; line-height:1; }
#panel-redeem .redeem-server-details { min-width:0; display:flex; flex-direction:column; gap:5px; }
#panel-redeem .redeem-server-details strong { color:var(--text); font-size:12px; font-weight:650; overflow-wrap:anywhere; line-height:1.2; }
#panel-redeem .redeem-server-meta { display:block; min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:var(--text2); font-size:9px; line-height:1.2; }
#panel-redeem .redeem-server-indicator { display:flex; align-items:center; gap:3px; justify-self:end; color:var(--red); font-size:9px; font-weight:700; font-variant-numeric:tabular-nums; white-space:nowrap; }
#panel-redeem .redeem-server-indicator svg { width:14px; height:14px; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; }
#panel-redeem .redeem-server-card--reachable .redeem-server-indicator { color:var(--green); }
#panel-redeem .redeem-server-card--reachable { border-color:rgba(46,204,113,.25); }
#panel-redeem .redeem-server-card--exit-mismatch { border-color:rgba(255,184,77,.56); }
#panel-redeem .redeem-server-card--microsoft-unreachable { border-color:rgba(255,184,77,.56); }
#panel-redeem .redeem-server-card--exit-unverified { border-color:rgba(255,184,77,.28); }
#panel-redeem .redeem-server-card--stale { border-color:rgba(255,184,77,.35); }
#panel-redeem .redeem-server-card--stale .redeem-server-indicator,#panel-redeem .redeem-server-card--stale .redeem-server-exit-country { color:#ffbf66; }
#panel-redeem .redeem-server-exit { grid-column:1/-1; display:grid; gap:4px; min-width:0; padding-top:9px; border-top:1px solid var(--border); }
#panel-redeem .redeem-server-exit-ip { display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:2px 8px; }
#panel-redeem .redeem-server-exit-ip span { color:var(--text2); font-size:10px; }
#panel-redeem .redeem-server-exit-ip code { color:var(--text); font:600 11px ui-monospace,SFMono-Regular,Menlo,monospace; overflow-wrap:anywhere; }
#panel-redeem .redeem-server-exit-country { color:var(--text2); font-size:10px; line-height:1.35; overflow-wrap:anywhere; }
#panel-redeem .redeem-server-activations { color:var(--text2); font-size:10px; line-height:1.35; font-variant-numeric:tabular-nums; }
#panel-redeem .redeem-server-activations--verified { color:var(--green); font-weight:650; }
#panel-redeem .redeem-server-recheck-feedback { display:block; margin-top:3px; color:var(--text2); font-size:10px; line-height:1.35; }
#panel-redeem .redeem-server-recheck { display:flex; align-items:center; justify-content:center; gap:7px; width:100%; min-height:34px; margin-top:8px; padding:7px 10px; border:1px solid var(--border); border-radius:9px; background:var(--surface); color:var(--text); font-size:11px; font-weight:650; box-shadow:none; }
#panel-redeem .redeem-server-recheck:hover { border-color:var(--accent); color:var(--accent); }
#panel-redeem .redeem-server-recheck:disabled { opacity:.72; cursor:wait; }
#panel-redeem .redeem-server-recheck:disabled::before { content:""; width:12px; height:12px; border:2px solid currentColor; border-right-color:transparent; border-radius:50%; animation:redeem-spin .8s linear infinite; }
#panel-redeem .redeem-server-card--exit-match .redeem-server-exit-country { color:var(--green); }
#panel-redeem .redeem-server-card--exit-mismatch .redeem-server-exit-country,#panel-redeem .redeem-server-card--exit-unverified .redeem-server-exit-country { color:#ffbf66; }
#panel-redeem .redeem-server-microsoft-warning { color:#ffbf66; font-size:10px; line-height:1.35; margin-top:3px; }
#panel-redeem .redeem-server-empty { grid-column:1/-1; padding:20px; margin:0; text-align:center; color:var(--text2); font-size:12px; }
#panel-redeem .redeem-server-skeleton { min-height:58px; display:grid; grid-template-columns:28px 1fr; align-items:center; gap:9px; padding:9px 10px; border:1px solid var(--border); border-radius:12px; background:var(--surface2); box-sizing:border-box; }
#panel-redeem .redeem-server-skeleton > span { width:25px; height:18px; border-radius:5px; background:var(--surface3,var(--border)); animation:redeem-pulse 1.1s ease-in-out infinite alternate; }
#panel-redeem .redeem-server-skeleton div { display:grid; gap:7px; }
#panel-redeem .redeem-server-skeleton i { display:block; width:72%; height:8px; border-radius:5px; background:var(--surface3,var(--border)); animation:redeem-pulse 1.1s ease-in-out infinite alternate; }
#panel-redeem .redeem-server-skeleton i + i { width:48%; opacity:.7; }
#panel-redeem .redeem-servers > small { color:var(--text2); font-size:11px; line-height:1.4; }
@keyframes redeem-spin { to { transform:rotate(360deg); } }
@keyframes redeem-pulse { from { opacity:.42; } to { opacity:.9; } }
#redeem-jobs-feed { display:grid; gap:14px; }
@media (max-width:768px) {
  #panel-redeem { overflow-y:auto; overscroll-behavior-y:contain; }
  #panel-redeem .panel-header { flex:0 0 auto; }
  #panel-redeem .redeem-panel-body { flex:none; min-height:0; overflow:visible; padding:0; }
  #panel-redeem .redeem-feed { flex:none; min-height:0; overflow:visible; padding:8px; }
  #panel-redeem .redeem-fields { grid-template-columns:1fr; }
  #panel-redeem .redeem-game-keys { gap:9px; }
  #panel-redeem .redeem-game-key { grid-template-columns:minmax(0,1fr) 34px; gap:6px; padding:9px; border:1px solid var(--border); border-radius:11px; background:var(--surface2); }
  #panel-redeem .redeem-game-key input { grid-column:1; grid-row:1; }
  #panel-redeem .redeem-game-key select { grid-column:1/-1; grid-row:2; }
  #panel-redeem .redeem-game-key button { grid-column:2; grid-row:1; }
  #panel-redeem .redeem-game-key:only-child .redeem-key-remove { visibility:hidden; }
  #panel-redeem .redeem-composer { flex:none; width:calc(100% - 16px); margin:8px 8px calc(78px + env(safe-area-inset-bottom)); padding:12px; }
  #panel-redeem .redeem-kind-hint { margin-bottom:8px; }
  #panel-redeem .redeem-fields { gap:8px; }
  #panel-redeem input,#panel-redeem select { min-height:40px; font-size:16px; }
  #panel-redeem .redeem-delivery-field { grid-template-columns:1fr; gap:3px; }
  #panel-redeem .redeem-delivery-actions button { flex:1 1 100%; }
  #panel-redeem .redeem-servers-head { gap:8px; }
  #panel-redeem .redeem-servers-head { flex-wrap:wrap; }
  #panel-redeem .redeem-servers-heading { min-width:0; }
  #panel-redeem .redeem-servers-refresh-actions { width:100%; justify-content:stretch; gap:6px; }
  #panel-redeem .redeem-servers-refresh-actions button { flex:1 1 130px; }
  #panel-redeem .redeem-servers-head button { min-height:32px; padding:5px 9px; font-size:11px; }
  #panel-redeem .redeem-actions { align-items:stretch; flex-wrap:wrap; }
  #panel-redeem .redeem-actions > button { flex:1 1 140px; }
  #panel-redeem .redeem-selected-status { width:100%; margin-left:0; white-space:normal; }
  #panel-redeem #redeem-error { width:100%; }
}
.section-state { box-sizing:border-box; width:min(420px,calc(100% - 32px)); margin:auto; padding:22px; display:flex; flex-direction:column; align-items:center; gap:8px; border:1px solid var(--border); border-radius:var(--ui-radius); background:var(--surface); color:var(--text2); text-align:center; font-size:13px; line-height:1.5; }
.section-state strong { color:var(--text); font-size:14px; font-weight:650; }
.section-state--error { border-color:rgba(239,83,80,.35); }
.section-state--error strong { color:var(--red); }
.section-state button { min-height:36px; margin-top:8px; padding:7px 14px; border:1px solid var(--border); border-radius:10px; background:var(--surface2); color:var(--text); font:inherit; font-weight:600; cursor:pointer; }
.section-state button:hover { border-color:var(--accent); }
#home-accounts-list > .section-state { grid-column:1/-1; }
/* Key Buy uses a distinct, recognizable key symbol without changing card layout. */
.chat-icon-circle.gradient-keybuy { background:linear-gradient(145deg,#d9a74f,#aa742e); color:#fff; }
.chat-item[data-target="keybuy"] .chat-icon-circle .ui-icon { width:23px; height:23px; stroke-width:1.9; }
/* One page canvas across every workspace; cards and fields are separate levels. */
body { background:var(--ui-page-bg); }
.chat-panel,
.chat-panel > .panel-body,
.chat-panel .messages-container,
#panel-home .home-panel-body,
#panel-keybuy .keybuy-panel-body,
#panel-keybuy .keybuy-messages,
#panel-qr .messages-container { background:var(--ui-page-bg); }
.sidebar,.panel-header,.mobile-tab-bar { background:var(--ui-card-bg); }
#panel-qr :is(.qr-order-card,.qr-result),
#panel-keybuy .keybuy-message:has(.keybuy-product-card),
:is(.home-account-card,.home-account-item,.settings-card,.mail-code-row,.codes-toolbar,.codes-settings,.payout-card,.payout-ledger,.pay-summary-grid,.pay-toolbar,.pay-list-section) {
  background:var(--ui-card-bg); border-color:var(--border); box-shadow:none;
}
.chat-panel :is(.input-group,.home-field,.codes-filters,.pay-toolbar,.keybuy-discount-confirmation) :is(input:not([type=checkbox]):not([type=radio]),select,textarea) {
  background:var(--ui-field-bg); color:var(--text); border-color:var(--border); border-radius:var(--ui-control-radius);
}
.chat-panel :is(.home-account-instruction,.keybuy-delivery-link,.keybuy-client-template,.payout-card-footer button) {
  background:var(--ui-field-bg); border-color:var(--border); border-radius:var(--ui-control-radius); color:var(--text);
}
.chat-panel { background:var(--bg); }
.settings-card-help,.avito-settings-help { color:var(--text2); font-size:13px; line-height:1.5; margin:0 0 16px; }
.avito-store-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr)); gap:12px; }
.avito-store { border:1px solid var(--border); border-radius:14px; background:var(--surface2); padding:16px; min-width:0; }
.avito-store-header { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:14px; }
.avito-store h4 { margin:0; font-size:15px; }
.avito-store-state { flex:0 0 auto; margin:0; padding:5px 9px; border:1px solid var(--border); border-radius:999px; color:var(--text2); background:var(--surface); font-size:11px; font-weight:650; }
.avito-store[data-connection-state="configured"] .avito-store-state,.avito-store[data-connection-state="connected"] .avito-store-state { border-color:rgba(46,204,113,.42); color:var(--green); background:rgba(46,204,113,.09); }
.avito-store[data-connection-state="error"] .avito-store-state { max-width:70%; white-space:normal; border-color:rgba(239,83,80,.42); color:var(--red); background:rgba(239,83,80,.08); }
.avito-store[data-connection-state="loading"] .avito-store-state { color:var(--accent); border-color:rgba(var(--accent-rgb),.38); }
.avito-store .input-group { display:block; margin:0 0 10px; }
.avito-store .input-group span { display:block; margin-bottom:6px; font-size:12px; color:var(--text2); }
.avito-store .input-group input { width:100%; box-sizing:border-box; }
.avito-store-actions { display:grid; grid-template-columns:minmax(120px,.8fr) minmax(150px,1.2fr); gap:8px; margin-top:14px; }
.avito-store-actions button { width:100%; min-height:42px; margin:0; padding:9px 12px; font-size:13px; }
.avito-store-actions .secondary,.avito-match-actions .secondary { border:1px solid var(--border); background:var(--surface); color:var(--text); box-shadow:none; }
.avito-store-actions .secondary:hover,.avito-match-actions .secondary:hover { border-color:rgba(var(--accent-rgb),.55); color:var(--accent); box-shadow:none; }
.avito-match-actions { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-top:14px; padding-top:14px; border-top:1px solid var(--border); }
.avito-match-actions button { width:auto; min-height:42px; margin:0; padding:9px 14px; font-size:13px; }
.avito-match-actions span { color:var(--text2); font-size:12px; }
@media (max-width:560px) {
  .avito-store-actions { grid-template-columns:1fr; }
  .avito-store-header { align-items:flex-start; }
  .avito-match-actions button { width:100%; }
}
.active-sessions-card { display:flex; flex-direction:column; gap:12px; padding:16px; border:1px solid var(--border); border-radius:14px; background:var(--surface2); }
.active-sessions-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.active-sessions-heading b { font-size:14px; }
.active-sessions-heading > span { min-width:28px; padding:4px 9px; border-radius:999px; background:rgba(var(--accent-rgb),.14); color:var(--accent); text-align:center; font-size:12px; font-weight:700; }
.active-sessions-card > p { margin:-4px 0 0; color:var(--text2); font-size:12px; line-height:1.45; }
.active-sessions-list { display:grid; gap:8px; }
.active-session-item { padding:12px; border:1px solid var(--border); border-radius:12px; background:var(--surface); }
.active-session-item.current { border-color:rgba(var(--accent-rgb),.55); }
.active-session-main { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.active-session-main strong { min-width:0; font-size:13px; overflow-wrap:anywhere; }
.active-session-badge { flex:0 0 auto; color:var(--text2); font-size:11px; }
.active-session-item.current .active-session-badge { color:var(--green); font-weight:650; }
.active-session-meta { display:flex; flex-wrap:wrap; gap:5px 14px; margin-top:7px; color:var(--text2); font-size:11px; }
.active-session-remove { margin-top:10px; min-height:34px !important; padding:6px 10px; border:1px solid var(--border); background:transparent; color:var(--text2); font-size:11px !important; }
.active-session-remove:hover { border-color:var(--red); color:var(--red); }
.active-sessions-revoke { align-self:flex-start; padding:9px 13px; border:1px solid var(--border); background:var(--surface); color:var(--text); }
.active-sessions-revoke:not(:disabled):hover { border-color:var(--red); color:var(--red); }
.panel-header { background:var(--surface); border-bottom:1px solid var(--border); gap:14px; }
.panel-title { font-size:18px; line-height:1.3; font-weight:700; letter-spacing:-.025em; }
.pill-switcher { padding:4px; border:1px solid var(--border); border-radius:14px; background:var(--surface2); gap:4px; }
.pill-switcher .pill-btn { min-height:36px; padding:8px 16px; border-radius:10px; font-family:inherit; font-size:13px; font-weight:600; line-height:1.3; color:var(--text2); }
.pill-switcher .pill-btn.active { background:var(--surface3,var(--surface)); color:var(--text); box-shadow:0 1px 4px rgba(0,0,0,.12); }
.pill-switcher .pill-indicator { display:none; }
.chat-panel .pill-switcher { display:flex; align-items:center; padding:4px; gap:4px; overflow:hidden; border-radius:14px; }
.chat-panel .pill-switcher .pill-btn { height:36px; min-height:36px; margin:0; padding:0 14px; border:0; border-radius:10px; background:transparent; color:var(--text2); box-shadow:none; outline:none; transform:none; flex:1 1 0; }
.chat-panel .pill-switcher .pill-btn.active { background:var(--accent); color:#fff; }
.chat-panel .pill-switcher .pill-btn:focus-visible { outline:2px solid rgba(var(--accent-rgb),.5); outline-offset:-2px; }
:is(.settings-card,.home-account-item,.home-account-card,.codes-settings,.codes-toolbar,.pay-toolbar,.pay-summary-grid,.pay-list-section,.payout-card) {
  background:var(--surface); border:1px solid var(--border); border-radius:var(--ui-radius); box-shadow:none;
}
:is(.settings-card,.home-account-item,.home-account-card) { padding:18px; }
:is(.settings-card,.home-account-card,.home-account-item) h3 { font-size:16px; line-height:1.4; letter-spacing:-.02em; }
:is(.settings-card,.home-account-card,.codes-filters,.pay-toolbar,.home-account-filters) :is(input:not([type=checkbox]):not([type=radio]),select,textarea) {
  min-height:var(--ui-control-height); border:1px solid var(--border); border-radius:var(--ui-control-radius); background:var(--surface2); color:var(--text); font-family:inherit; font-size:14px; line-height:1.4;
}
:is(.settings-card,.home-account-card,.codes-filters,.pay-toolbar) input { padding:10px 12px; }
:is(.settings-card,.home-account-card,.codes-filters,.pay-toolbar,.home-account-filters) :is(input,select,textarea):focus-visible {
  outline:2px solid rgba(var(--accent-rgb),.35); outline-offset:2px;
}
:is(.codes-toolbar,.settings-card,.home-account-actions,.home-accounts-toolbar,.payout-card-footer) button {
  min-height:var(--ui-control-height); border-radius:var(--ui-control-radius); font-family:inherit; font-size:13px; font-weight:600; line-height:1.35;
}
button:focus-visible,a:focus-visible,summary:focus-visible { outline:2px solid rgba(var(--accent-rgb),.5); outline-offset:3px; }
button:disabled { cursor:default; }
#panel-keybuy .keybuy-panel-body {
  max-width:none; width:100%; margin:0; padding:0; overflow:hidden; min-height:0;
}
#panel-keybuy .keybuy-messages { background:transparent; box-shadow:none; border:0; border-radius:0; padding:20px max(24px,calc((100% - var(--qr-content-width,920px))/2)) var(--keybuy-bottom-space,calc(var(--keybuy-composer-height,110px) + 36px)); min-height:0; flex:1; overflow-y:auto; gap:14px; }
#panel-keybuy .keybuy-message:has(.keybuy-product-card) { background:var(--surface); border:1px solid var(--border); border-radius:18px; width:min(460px,100%); max-width:460px; padding:16px 16px 28px; box-shadow:none; }
#panel-keybuy .keybuy-product-title { font-size:15px; line-height:1.45; font-weight:650; }
#panel-keybuy .keybuy-product-summary { font-size:22px; line-height:1.3; letter-spacing:-.025em; font-weight:750; }
#panel-keybuy .keybuy-payment-hint { font-size:12px; line-height:1.5; }
#panel-keybuy .keybuy-discount-calculation { font-size:12px; line-height:1.6; color:var(--text2); }
#panel-keybuy .keybuy-discount-calculation s { text-decoration-thickness:1px; }
#panel-keybuy .keybuy-discount-calculation > div { margin-top:2px; }
#panel-keybuy .keybuy-messages { overflow-anchor:none; }
.keybuy-day-separator { align-self:center; margin:4px auto 0; padding:5px 10px; border:1px solid var(--border); border-radius:999px; background:var(--surface2); color:var(--text2); font-size:11px; font-weight:650; }
@media (min-width:769px) {
  #panel-keybuy .keybuy-messages { padding-top:28px; padding-left:40px; padding-right:40px; }
  #panel-keybuy .keybuy-message:has(.keybuy-product-card) {
    width:min(460px,76%); max-width:460px; padding:17px 17px 27px;
    border-radius:20px; border-bottom-left-radius:8px;
  }
}
#panel-keybuy .keybuy-payment-actions { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px; margin-top:4px; }
#panel-keybuy .keybuy-payment-actions .keybuy-pay-btn { background:var(--accent); border-color:var(--accent); color:#fff; min-height:44px; padding:10px 16px; font-weight:650; }
#panel-keybuy .keybuy-payment-actions .keybuy-pay-btn:hover { background:var(--accent); filter:brightness(1.08); }
#panel-keybuy .keybuy-payment-actions a { background:transparent; color:var(--text2); min-height:44px; padding:10px 12px; }
#panel-keybuy .keybuy-order-steps { font-size:12px; line-height:1.5; color:var(--text2); }
@media (max-width:380px) {
  #panel-keybuy .keybuy-payment-actions { grid-template-columns:minmax(0,1fr); }
  #panel-keybuy .keybuy-payment-actions a { justify-self:start; }
}
#panel-keybuy .keybuy-discount-confirmation { display:flex; flex-wrap:wrap; align-items:center; gap:10px; padding:14px; border:1px solid var(--border); border-radius:14px; margin-top:12px; }
#panel-keybuy .keybuy-discount-confirmation p { flex-basis:100%; margin:0; font-size:12px; line-height:1.5; color:var(--text2); }
#panel-keybuy .keybuy-discount-confirmation img { max-width:150px; height:auto; border-radius:6px; }
#panel-keybuy .keybuy-discount-confirmation input { min-width:140px; flex:1; width:0; }
#panel-keybuy .keybuy-discount-confirmation button { background:var(--accent); color:white; }
#panel-keybuy .keybuy-delivery-key { background:var(--surface2); min-height:44px; border-radius:12px; font-size:13px; padding:11px 12px; }
#panel-keybuy .keybuy-delivery :is(.keybuy-delivery-link,.keybuy-client-template) { min-height:44px; font-size:13px; font-weight:600; background:var(--surface2); border:1px solid var(--border); color:var(--text); }
#panel-keybuy .keybuy-delivery-link { color:var(--accent); border-color:rgba(var(--accent-rgb),.3); }
#panel-keybuy .keybuy-input-area { max-width:920px; width:min(920px,calc(100% - 48px)); border:1px solid var(--border-strong,var(--border)); border-radius:19px; background:rgba(var(--surface-rgb),.94); box-shadow:0 15px 44px rgba(0,0,0,.24); backdrop-filter:blur(22px); }
#panel-keybuy .keybuy-input-area:focus-within { border-color:rgba(var(--accent-rgb),.55); box-shadow:0 0 0 3px rgba(var(--accent-rgb),.1); }
#panel-keybuy .keybuy-header-address { max-width:250px; overflow:hidden; white-space:nowrap; display:flex; align-items:center; gap:10px; min-width:0; }
#panel-keybuy .keybuy-address-value { min-width:0; overflow:hidden; text-overflow:ellipsis; flex:1; }
#panel-keybuy .keybuy-address-network { flex:none; padding-left:10px; border-left:1px solid rgba(var(--accent-rgb),.3); font-size:11px; font-weight:650; color:var(--accent); }
#panel-keybuy .keybuy-address-network[hidden] { display:none; }
#panel-codes .codes-mailbox { background:var(--surface); border-color:var(--border); border-radius:14px; color:var(--text); padding:10px 12px; gap:6px; text-align:left; }
#panel-codes .codes-mailbox-count { color:var(--text2); }
#panel-codes .codes-mailbox.ok { border-color:rgba(48,209,88,.2); }
#panel-codes .codes-mailbox.error { border-color:rgba(239,68,68,.3); }
#panel-codes .codes-mailboxes { display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,320px)); align-items:stretch; justify-content:start; gap:10px; }
#panel-codes .codes-mailbox { width:100%; min-width:0; min-height:72px; box-sizing:border-box; align-content:center; }
#panel-codes .mail-code-row { background:var(--surface); border:1px solid var(--border); border-radius:14px; }
#panel-codes .mail-code-row.is-new { border-color:rgba(var(--accent-rgb),.45); background:rgba(var(--accent-rgb),.045); }
#panel-codes .codes-toolbar { padding:16px; }
#panel-codes .codes-toolbar button { width:auto; min-width:150px; }
#panel-codes .codes-filters { grid-template-columns:minmax(0,1fr) minmax(180px,240px); align-items:center; }
#panel-codes #codes-check-selected-btn { width:auto; padding:10px 14px; white-space:nowrap; }
.home-account-buyer { padding-top:12px; padding-bottom:12px; }
.home-account-login { font-size:15px; line-height:1.4; }
.home-account-details { gap:12px; }
.payout-edit-dialog { margin:auto; max-height:90dvh; overflow:auto; color:var(--text); }
.payout-components { display:grid; gap:5px; margin-top:12px; }
.payout-components>div { display:flex; justify-content:space-between; gap:12px; }
.payout-components b { color:var(--text); font-weight:550; white-space:nowrap; }
.payout-reconciliation { justify-content:flex-start!important; color:var(--green); margin-top:4px; }
.payout-reconciliation.is-warning { color:var(--red); }
.payout-period-start,.payout-operation-meta { display:block; color:var(--text2); font-size:10px; line-height:1.5; margin-top:6px; }
.payout-day summary { cursor:pointer; list-style:none; }
.payout-day summary span::before { content:'›'; display:inline-block; margin-right:6px; color:var(--text2); transition:transform .15s; }
.payout-day[open] summary span::before { transform:rotate(90deg); }
.payout-day-payments { background:var(--surface); border:1px solid var(--border); border-radius:10px; padding:10px; margin:3px 0 8px; color:var(--text2); font-size:10px; line-height:1.5; }
.payout-day-payments>div { display:flex; gap:12px; justify-content:space-between; padding:4px 0; }
.payout-day-payments span { min-width:0; overflow-wrap:anywhere; }
.payout-day-payments b { white-space:nowrap; font-weight:550; color:var(--text); }
.payout-payment-change { display:block; color:var(--text2); margin:2px 0 6px; }
.payout-closed-period { border-top:1px solid var(--border); padding-top:10px; margin-top:12px; }
.payout-closed-period>summary { cursor:pointer; color:var(--text); font-size:11px; font-weight:600; }
.payout-closed-period>p { color:var(--text2); font-size:10px; line-height:1.5; }
.payout-closed-period .payout-calculation-row { grid-template-columns:minmax(0,1fr) auto; }
.payout-operation-actions { grid-column:3; grid-row:2; display:flex; flex-wrap:wrap; justify-content:flex-end; gap:6px; }
.payout-operation-actions .payout-reverse-button { grid-column:auto; grid-row:auto; }
@media(max-width:768px) {
  .payout-operation-actions { grid-column:1/-1; grid-row:auto; }
  .payout-calculation-row>span { grid-column:1; grid-row:1; min-width:0; }
  .payout-calculation-row>strong { grid-column:2; grid-row:1; justify-self:end; white-space:nowrap; }
  .payout-calculation-row>small { grid-column:1/-1; grid-row:2; }
}
.payout-edit-dialog::backdrop { background:rgba(0,0,0,.65); backdrop-filter:blur(6px); }
.payout-edit-dialog form { display:flex; flex-direction:column; gap:12px; }
.payout-edit-dialog label { display:flex; flex-direction:column; gap:5px; font-size:12px; color:var(--text2); }
.payout-edit-dialog :is(input,select,textarea) { width:100%; min-height:44px; padding:10px 12px; border:1px solid var(--border); border-radius:10px; background:var(--surface2); color:var(--text); font:inherit; }
.payout-edit-dialog p { font-size:12px; line-height:1.5; color:var(--text2); }
.payout-edit-dialog .edit-error { color:var(--red); }
#panel-pay .payout-ledger,#panel-pay .payout-ledger.is-collapsed { padding:16px; }
#panel-pay .payout-ledger .payout-ledger-heading h2 { font-size:17px; }
#panel-pay .payout-ledger .payout-ledger-heading p { font-size:11px; }
#panel-pay .payout-ledger #payout-ledger-toggle { width:150px!important; justify-content:space-between; }
#panel-pay .payout-ledger #payout-withdraw-all { display:inline-flex; align-items:center; justify-content:center; }
#panel-pay .payout-ledger.is-collapsed #payout-withdraw-all { display:inline-flex; }
#panel-pay .payout-ledger.is-collapsed .payout-ledger-head { margin-bottom:0; }
@media (min-width:769px) {
  #panel-pay .pay-panel-body { display:block; overflow-y:auto; overflow-x:hidden; }
  #panel-pay .pay-summary-grid,#panel-pay .pay-toolbar { margin-bottom:14px; }
  #panel-pay .pay-list-section { display:block; flex:none; height:auto; min-height:0; overflow:visible; }
  #panel-pay .payments-list { flex:none; height:auto; max-height:none; overflow:visible; }
  #panel-pay .payment-column-head { position:sticky; top:0; z-index:2; }
}
#panel-home .home-account-filters .home-filter-search input,
#panel-home .home-account-filters .home-filter-select select {
  width:100%; min-width:0; min-height:0; height:auto; border:0; border-radius:0; background-color:transparent; box-shadow:none; outline:none; margin:0; padding:0; font-size:13px; line-height:1.4;
}
#panel-home .home-account-filters .home-filter-select select {
  appearance:none; -webkit-appearance:none; padding-right:22px;
}
#panel-home .home-account-filters .home-filter-search input:focus-visible,
#panel-home .home-account-filters .home-filter-select select:focus-visible { outline:none; }
#panel-home .home-account-filters .home-filter-search,
#panel-home .home-account-filters .home-filter-select { min-height:54px; height:auto; padding:10px 12px; border:1px solid var(--border); border-radius:12px; background:var(--surface2); }
#panel-home .home-account-filters .home-filter-select { display:flex; flex-direction:column; justify-content:center; gap:4px; }
#panel-home .home-account-filters .home-filter-select > span { font-size:10px; line-height:1.2; color:var(--text2); }
#panel-home .home-account-filters .home-filter-search:focus-within,
#panel-home .home-account-filters .home-filter-select:focus-within { border-color:rgba(var(--accent-rgb),.55); box-shadow:0 0 0 2px rgba(var(--accent-rgb),.1); }
#panel-home .home-account-filters { grid-template-columns:minmax(220px,1fr) repeat(3,minmax(140px,180px)) auto; align-items:stretch; }
#panel-home .home-account-filters .home-filter-select { position:relative; padding-right:12px; }
#panel-home .home-account-filters .home-filter-select::after { display:none; }
#panel-home .home-filter-clear { padding:0 14px; border:1px solid var(--border); border-radius:12px; background:var(--surface2); color:var(--text2); font:inherit; font-size:12px; font-weight:700; cursor:pointer; }
#panel-home .home-filter-clear:hover { border-color:var(--accent); color:var(--accent); }
#panel-home .home-filter-clear[hidden] { display:none; }
#panel-home .home-form-footer { display:flex; align-items:center; justify-content:flex-end; }
#panel-home .home-form-footer #home-form-status { margin-right:auto; }
@media (max-width:900px) {
  #panel-home .home-account-filters { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #panel-home .home-account-filters .home-filter-search { grid-column:1/-1; }
  #panel-home .home-filter-clear { min-height:44px; }
}
@media (max-width:560px) {
  #panel-home .home-account-filters { grid-template-columns:1fr; }
  #panel-home .home-account-filters .home-filter-search { grid-column:auto; }
  #panel-home .home-form-footer { align-items:stretch; flex-direction:column; }
  #panel-home .home-form-footer #home-form-status { margin-right:0; }
}
#panel-home #home-submit { appearance:none; -webkit-appearance:none; display:inline-flex; align-items:center; justify-content:center; background:var(--accent); color:#fff; min-height:44px; height:44px; padding:0 20px; border:1px solid rgba(var(--accent-rgb),.45); border-radius:12px; font-family:inherit; font-size:14px; font-weight:600; line-height:1.3; box-shadow:none; outline:none; }
#panel-home #home-submit:hover:not(:disabled) { filter:brightness(1.08); }
#panel-qr #qr-pill-switcher,
#panel-keybuy #keybuy-pill-switcher,
#panel-home #home-pill-switcher,
#panel-redeem .redeem-header-tabs {
  box-sizing:border-box; width:224px; min-width:224px; max-width:224px; height:38px; min-height:38px; padding:3px; gap:4px; border:1px solid var(--border); border-radius:12px; background:var(--surface2); box-shadow:none; flex:0 0 auto;
}
#panel-qr #qr-pill-switcher .pill-btn,
#panel-keybuy #keybuy-pill-switcher .pill-btn,
#panel-home #home-pill-switcher .pill-btn,
#panel-redeem .redeem-header-tabs .pill-btn {
  box-sizing:border-box; flex:1 1 0; width:0; min-width:0; height:30px; min-height:30px; padding:0 8px; margin:0; border:0; border-radius:8px; font-size:12px; line-height:1; white-space:nowrap; box-shadow:none; outline:none;
}
@media(max-width:768px) {
  #panel-qr #qr-pill-switcher,#panel-keybuy #keybuy-pill-switcher,#panel-home #home-pill-switcher,#panel-redeem .redeem-header-tabs { width:208px; min-width:208px; max-width:208px; height:36px; min-height:36px; }
  #panel-qr #qr-pill-switcher .pill-btn,#panel-keybuy #keybuy-pill-switcher .pill-btn,#panel-home #home-pill-switcher .pill-btn,#panel-redeem .redeem-header-tabs .pill-btn { height:28px; min-height:28px; font-size:12px; }
  .panel-title { font-size:17px; }
  .panel-header { gap:10px; }
  .pill-switcher .pill-btn { padding:7px 12px; min-height:34px; font-size:12px; }
  :is(.settings-card,.home-account-item,.home-account-card) { padding:16px; }
  #panel-keybuy .keybuy-panel-body { padding:0; }
  #panel-keybuy .keybuy-messages { padding-top:12px; padding-left:10px; padding-right:10px; }
  #panel-keybuy .keybuy-message:has(.keybuy-product-card) { width:100%; padding:14px 14px 28px; }
  #panel-keybuy .keybuy-product-title { font-size:14px; }
  #panel-keybuy .keybuy-product-summary { font-size:20px; }
  #panel-keybuy .keybuy-delivery-key { font-size:11px; }
  #panel-keybuy .keybuy-input-area { width:calc(100% - 16px); }
  #panel-keybuy .keybuy-header-address { max-width:180px; }
  #panel-codes .codes-toolbar button { min-width:0; width:100%; }
  #panel-codes .codes-filters { grid-template-columns:minmax(0,1fr) auto; }
  #panel-codes #codes-search { grid-column:1/-1; }
  :is(.settings-card,.home-account-card,.codes-filters,.pay-toolbar) :is(input,select,textarea) { font-size:16px; }
}
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; transition-duration:.01ms!important; animation-duration:.01ms!important; } }
#payout-ledger[hidden] { display:none !important; }
#keybuy-wallet-card[hidden] { display:none !important; }
/* Explicit owner resolution: never let a long label overflow on mobile. */
.sheet-conflict-card { padding: 14px; border: 1px solid #976b20; border-radius: 12px; }
.sheet-conflict-card p { margin: 8px 0; overflow-wrap: anywhere; }
.sheet-conflict-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.sheet-conflict-actions button { min-height: 44px; padding: 8px 12px; }
:root { --expense-gap: 12px; }
.expense-report { width:100%; max-width:1440px; margin:0 auto; padding:24px 12px; box-sizing:border-box; }
.expense-report .keybuy-transactions-summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); width:100%; max-width:none; margin:16px 0; gap:12px; }
.expense-report .keybuy-transactions-summary > div { min-width:0; padding:16px; }
.expense-filters { display:flex; gap:8px; flex-wrap:wrap; }
.expense-filters select,.expense-filters input { background:var(--ui-field-bg); color:var(--text); border:1px solid var(--border); border-radius:12px; padding:12px; min-width:140px; }
.expense-note { color:var(--text2); font-size:12px; line-height:1.6; }
.expense-reconciliation { border:1px solid var(--border); background:var(--ui-card-bg); border-radius:12px; padding:12px 16px; margin:16px 0; font-size:12px; }
.expense-reconciliation summary { cursor:pointer; font-weight:650; color:var(--text); }
.expense-reconciliation p { color:var(--text2); line-height:1.5; }
.expense-reconciliation div { padding:5px 0; border-top:1px solid var(--border); }
#home-accounts-summary[title] { color:var(--amber,#e8af53); }
.home-account-item button:disabled { cursor:not-allowed; opacity:.52; }
.expense-day { margin-top:28px; }
.expense-day h3 { font-size:15px; }
.expense-day-header { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:12px; }
.expense-day-header h3 { margin:0; font-size:17px; }
.expense-day-total { display:flex; flex-direction:column; text-align:right; gap:4px; }
.expense-day-total strong { font-size:17px; font-variant-numeric:tabular-nums; }
.expense-day-total span { color:var(--text2); font-size:12px; }
.expense-worker-breakdown { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:16px; }
.expense-worker-breakdown>span { background:var(--surface2); border:1px solid var(--border); border-radius:10px; padding:8px 12px; font-size:12px; color:var(--text2); }
@media(max-width:600px) { .expense-day-header { align-items:flex-start; } .expense-day-header h3,.expense-day-total strong { font-size:14px; } }

.expense-row { background:var(--ui-card-bg); border:1px solid var(--border); border-radius:12px; margin:8px 0; padding:14px; }
.expense-row summary,.expense-columns { display:grid; grid-template-columns:45px minmax(150px,1fr) 140px 135px 65px 100px; gap:16px; align-items:center; }
.expense-row summary { cursor:pointer; font-size:13px; list-style:none; }
.expense-row summary::-webkit-details-marker { display:none; }
.expense-columns { padding:0 14px 4px; font-size:11px; color:var(--text2); }
.expense-row summary span:nth-child(4),.expense-columns span:nth-child(4) { text-align:right; font-variant-numeric:tabular-nums; }
.expense-row summary span:nth-child(2) { font-weight:550; }
.expense-row summary span:nth-child(3) { color:var(--text2); }
.expense-row summary span:nth-child(5),.expense-columns span:nth-child(5) { text-align:center; }
.expense-row summary span { overflow-wrap:anywhere; }
.expense-row p { color:var(--text2); font-size:12px; }
#panel-keybuy.transactions-view #keybuy-feed { align-items:stretch; padding:0 16px 32px; }
@media(max-width:1100px) { .expense-row summary,.expense-columns { grid-template-columns:45px minmax(120px,1fr) 130px; } .expense-columns span:nth-child(n+4) { display:none; } .expense-row summary span:nth-child(4) { text-align:left; } }
@media(max-width:600px) { .expense-row summary { grid-template-columns:40px minmax(0,1fr); gap:10px; } .expense-row summary span:nth-child(2) { grid-column:2; } .expense-row summary span:nth-child(n+3) { grid-column:2; } .expense-columns { display:none; } .expense-report { padding:16px 0; } .expense-report .keybuy-transactions-summary { grid-template-columns:repeat(2,minmax(0,1fr)); } .expense-filters>* { flex:1; min-width:0; width:100%; } }
@media(max-width:768px) { #panel-codes .codes-mailboxes { grid-template-columns:1fr; } #panel-codes .codes-mailbox { min-height:0; } }

/* Activate: status and guidance on the left, entry form on the right. */
#panel-redeem.active { display:grid; grid-template-columns:minmax(16px,1fr) minmax(280px,340px) minmax(500px,820px) minmax(16px,1fr); grid-template-rows:auto minmax(0,1fr); column-gap:18px; overflow:hidden; }
#panel-redeem > .panel-header { grid-column:1/-1; grid-row:1; }
#panel-redeem .redeem-header-tabs { width:392px; min-width:392px; max-width:392px; }
#panel-redeem .redeem-panel-body { display:block; grid-column:2; grid-row:2; min-width:0; min-height:0; overflow-y:auto; padding:0; }
#panel-redeem .redeem-feed { display:flex; min-height:100%; overflow:visible; padding:20px 0 24px; }
#panel-redeem .redeem-composer { grid-column:3; grid-row:2; align-self:start; width:100%; max-height:calc(100% - 40px); overflow-y:auto; margin:20px 0; padding:24px; }
#panel-redeem[data-redeem-view="servers"] .redeem-panel-body,#panel-redeem[data-redeem-view="history"] .redeem-panel-body,#panel-redeem[data-redeem-view="tasks"] .redeem-panel-body { grid-column:1/-1; }
#panel-redeem[data-redeem-view="servers"] .redeem-feed,#panel-redeem[data-redeem-view="history"] .redeem-feed,#panel-redeem[data-redeem-view="tasks"] .redeem-feed { min-height:0; padding:24px max(16px,calc((100% - 1080px)/2)); }
#panel-redeem[data-redeem-view="activate"] :is(.redeem-servers,#redeem-jobs-feed,#redeem-tasks-feed),
#panel-redeem[data-redeem-view="servers"] :is(.redeem-overview,.redeem-composer,#redeem-jobs-feed,#redeem-tasks-feed),
#panel-redeem[data-redeem-view="history"] :is(.redeem-overview,.redeem-composer,.redeem-servers,#redeem-tasks-feed),
#panel-redeem[data-redeem-view="tasks"] :is(.redeem-overview,.redeem-composer,.redeem-servers,#redeem-jobs-feed) { display:none !important; }
#panel-redeem .redeem-overview { display:grid; align-content:start; gap:20px; padding:24px; border:1px solid var(--border); border-radius:18px; background:var(--surface); box-sizing:border-box; }
#panel-redeem .redeem-eyebrow { color:var(--text2); font-size:10px; font-weight:750; letter-spacing:.09em; }
#panel-redeem .redeem-overview h2,#panel-redeem .redeem-form-intro h2 { margin:8px 0 6px; color:var(--text); font-size:22px; font-weight:700; letter-spacing:-.035em; line-height:1.15; }
#panel-redeem .redeem-overview p,#panel-redeem .redeem-form-intro p { margin:0; color:var(--text2); font-size:12px; line-height:1.5; }
#panel-redeem .redeem-overview .redeem-kind-switch { width:100%; max-width:none; margin:0; }
#panel-redeem .redeem-overview .redeem-kind-switch button { min-height:38px; font-size:12px; }
#panel-redeem .redeem-status-panel { display:grid; gap:10px; padding:16px; border:1px solid var(--border); border-radius:13px; background:var(--surface2); }
#panel-redeem .redeem-idle-status { display:grid; grid-template-columns:9px minmax(0,1fr); align-items:start; gap:10px; }
#panel-redeem .redeem-idle-status[hidden],#panel-redeem .redeem-last-result[hidden] { display:none !important; }
#panel-redeem .redeem-idle-status i { width:8px; height:8px; margin-top:5px; border-radius:50%; background:var(--green); box-shadow:0 0 0 4px rgba(46,204,113,.1); }
#panel-redeem .redeem-idle-status div { display:grid; gap:4px; }
#panel-redeem .redeem-idle-status strong { color:var(--text); font-size:13px; }
#panel-redeem .redeem-idle-status small { color:var(--text2); font-size:11px; line-height:1.45; }
#panel-redeem .redeem-status-panel .redeem-live-status { margin:0; }
#panel-redeem .redeem-last-result { padding-top:10px; border-top:1px solid var(--border); }
#panel-redeem .redeem-last-result[data-state="success"] { color:var(--green); }
#panel-redeem .redeem-last-result[data-state="failed"] { color:var(--red); }
#panel-redeem .redeem-steps { display:grid; gap:12px; padding-top:4px; }
#panel-redeem .redeem-steps > div { display:grid; grid-template-columns:22px minmax(0,1fr); align-items:center; gap:10px; color:var(--text2); font-size:12px; }
#panel-redeem .redeem-steps b { display:grid; place-items:center; width:22px; height:22px; border-radius:7px; background:var(--surface2); color:var(--text); font-size:11px; }
#panel-redeem .redeem-form-intro { margin-bottom:20px; }
#panel-redeem .redeem-form-intro h2 { font-size:20px; }
#panel-redeem .redeem-form-intro p { font-size:11px; }
#panel-redeem #redeem-account-step { margin-bottom:18px; }
#panel-redeem #redeem-keys-step { padding-top:17px; border-top:1px solid var(--border); }
#panel-redeem .redeem-kind-hint { margin-bottom:11px; }
#panel-redeem #redeem-jobs-feed,#panel-redeem #redeem-tasks-feed { width:100%; }
@media(max-width:1100px) {
  #panel-redeem.active { display:flex; flex-direction:column; overflow-y:auto; }
  #panel-redeem .redeem-panel-body { flex:none; width:100%; overflow:visible; }
  #panel-redeem .redeem-feed { min-height:0; padding:14px 16px 0; }
  #panel-redeem .redeem-overview { width:100%; padding:18px; }
  #panel-redeem .redeem-composer { flex:none; width:calc(100% - 32px); max-height:none; overflow:visible; margin:14px 16px 28px; }
  #panel-redeem[data-redeem-view="servers"] .redeem-feed,#panel-redeem[data-redeem-view="history"] .redeem-feed,#panel-redeem[data-redeem-view="tasks"] .redeem-feed { padding:16px; }
}
@media(max-width:768px) {
  #panel-redeem .redeem-header-tabs { width:min(270px,calc(100vw - 130px)); min-width:0; max-width:270px; overflow-x:auto; }
  #panel-redeem .redeem-header-tabs .pill-btn { flex:0 0 66px; width:66px; }
  #panel-redeem .redeem-header-tabs .pill-btn { padding:0 4px; font-size:10px; }
  #panel-redeem .redeem-feed { padding:8px; }
  #panel-redeem .redeem-overview { padding:16px; gap:15px; }
  #panel-redeem .redeem-steps { grid-template-columns:1fr; }
  #panel-redeem .redeem-composer { width:calc(100% - 16px); margin:8px 8px calc(78px + env(safe-area-inset-bottom)); padding:16px; }
  #panel-redeem[data-redeem-view="servers"] .redeem-feed,#panel-redeem[data-redeem-view="history"] .redeem-feed,#panel-redeem[data-redeem-view="tasks"] .redeem-feed { padding:8px; }
}

/* The same comfortable chevron inset across Activate and Home. */
#panel-redeem .redeem-game-key select,
#panel-home .home-field select,
#panel-home .home-filter-select select {
  appearance:none; -webkit-appearance:none;
  padding-right:44px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='m3 5 4 4 4-4' fill='none' stroke='%23999aa3' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-position:calc(100% - 16px) center;
  background-size:14px 14px;
  background-repeat:no-repeat;
}
#panel-home .home-filter-select select { padding-right:36px; }

/* History is a summary first; detailed steps and evidence open on demand. */
#panel-redeem .redeem-history-heading { display:flex; align-items:baseline; justify-content:space-between; gap:12px; margin:0 0 3px; }
#panel-redeem .redeem-history-heading h2 { margin:0; color:var(--text); font-size:21px; letter-spacing:-.03em; }
#panel-redeem .redeem-history-heading span { color:var(--text2); font-size:12px; }
#panel-redeem #redeem-tasks-count { display:inline-grid; place-items:center; min-width:17px; height:17px; padding:0 4px; border-radius:999px; background:rgba(255,255,255,.18); font-size:10px; }
#panel-redeem #redeem-tasks-count[hidden],#panel-redeem #redeem-tasks-feed[hidden] { display:none !important; }
#panel-redeem .redeem-tasks-feed,#panel-redeem #redeem-active-jobs { display:grid; gap:14px; }
#panel-redeem .redeem-tasks-heading { display:flex; align-items:baseline; justify-content:space-between; gap:12px; }
#panel-redeem .redeem-tasks-heading h2 { margin:0; color:var(--text); font-size:21px; }
#panel-redeem .redeem-tasks-heading span { color:var(--text2); font-size:12px; }
#panel-redeem .redeem-task-progress { display:grid; gap:14px; margin:0 0 16px; padding:18px 20px; border:1px solid var(--border); border-radius:16px; background:var(--surface2); }
#panel-redeem .redeem-task-progress-head { display:flex; justify-content:space-between; gap:12px; align-items:flex-start; }
#panel-redeem .redeem-task-progress-heading { display:grid; gap:5px; }
#panel-redeem .redeem-task-phase-number { color:var(--accent); font-size:10px; font-weight:750; letter-spacing:.12em; }
#panel-redeem .redeem-task-progress-head strong { color:var(--text); font-size:16px; font-weight:700; letter-spacing:-.02em; }
#panel-redeem .redeem-task-progress-head time { color:var(--text2); font-size:11px; white-space:nowrap; }
#panel-redeem .redeem-task-current { margin:0; color:var(--text2); font-size:12px; line-height:1.5; overflow-wrap:anywhere; }
#panel-redeem .redeem-task-steps { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:0; margin:5px 0 0; padding:0; list-style:none; }
#panel-redeem .redeem-task-steps li { position:relative; display:grid; justify-items:center; align-content:start; gap:7px; min-width:0; padding:0 4px; color:var(--text2); font-size:11px; line-height:1.25; text-align:center; }
#panel-redeem .redeem-task-steps li:not(:last-child)::after { content:''; position:absolute; top:12px; left:calc(50% + 19px); right:calc(-50% + 19px); height:2px; border-radius:2px; background:var(--border); }
#panel-redeem .redeem-task-steps li.done::after { background:var(--green); opacity:.7; }
#panel-redeem .redeem-task-step-marker { position:relative; z-index:1; display:grid; place-items:center; width:26px; height:26px; box-sizing:border-box; border:1px solid var(--border); border-radius:50%; background:var(--surface); color:var(--text2); font-size:11px; font-weight:700; }
#panel-redeem .redeem-task-steps li.done { color:var(--text); }
#panel-redeem .redeem-task-steps li.done .redeem-task-step-marker { border-color:var(--green); background:var(--green); color:#07160e; }
#panel-redeem .redeem-task-steps li.current { color:var(--text); font-weight:700; }
#panel-redeem .redeem-task-steps li.current .redeem-task-step-marker { border-color:var(--accent); background:var(--accent); color:#fff; box-shadow:0 0 0 4px rgba(var(--accent-rgb),.12); }
#panel-redeem .redeem-task-updates { display:grid; gap:6px; padding-top:12px; border-top:1px solid var(--border); }
#panel-redeem .redeem-task-updates p { display:grid; grid-template-columns:max-content minmax(0,1fr); gap:11px; margin:0; color:var(--text2); font-size:11px; line-height:1.4; }
#panel-redeem .redeem-task-updates span { overflow-wrap:anywhere; }
#panel-redeem #redeem-tasks-feed #redeem-answer-form { margin:2px 0 0; padding:17px 18px 14px; border:1px solid rgba(var(--accent-rgb),.45); border-radius:13px; background:linear-gradient(145deg,rgba(var(--accent-rgb),.13),rgba(var(--accent-rgb),.035) 58%),var(--surface); box-shadow:0 10px 26px rgba(0,0,0,.08); }
#panel-redeem .redeem-prompt-eyebrow { display:block; margin-bottom:7px; color:var(--accent); font-size:10px; font-weight:750; letter-spacing:.11em; text-transform:uppercase; }
#panel-redeem .redeem-prompt-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
#panel-redeem #redeem-tasks-feed #redeem-prompt-label { display:block; color:var(--text); font-size:14px; line-height:1.4; font-weight:650; }
#panel-redeem .redeem-task-progress #redeem-answer-form .redeem-answer-row { margin-top:13px; }
#panel-redeem .redeem-task-progress #redeem-answer-form .redeem-answer-row input,#panel-redeem .redeem-task-progress #redeem-answer-form .redeem-answer-row select { min-width:min(100%,250px); }
#panel-redeem .redeem-prompt-footer { display:flex; justify-content:flex-end; margin-top:11px; padding-top:11px; border-top:1px solid var(--border); }
#panel-redeem .redeem-prompt-footer .redeem-stop-button { min-height:30px; padding:5px 9px; border-color:transparent; background:transparent; color:var(--text2); font-size:11px; }
#panel-redeem .redeem-prompt-footer .redeem-stop-button:hover { color:var(--red); }
#panel-redeem #redeem-copy-hidden-email-request { flex:0 0 auto; width:auto; min-height:30px; padding:6px 10px; border:1px solid var(--border); border-radius:8px; background:transparent; color:var(--text2); font-size:11px; font-weight:600; box-shadow:none; }
#panel-redeem #redeem-copy-hidden-email-request:hover { border-color:var(--accent); color:var(--accent); }
#panel-redeem #redeem-copy-hidden-email-request[hidden],#panel-redeem .redeem-proof-methods[hidden] { display:none !important; }
#panel-redeem .redeem-proof-methods { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-top:14px; }
#panel-redeem .redeem-proof-method { position:relative; display:grid; gap:4px; padding:13px 14px; border:1px solid var(--border); border-radius:10px; background:var(--surface2); cursor:pointer; }
#panel-redeem .redeem-proof-method:has(input:checked),#panel-redeem .redeem-proof-method:focus-within { border-color:var(--accent); background:rgba(var(--accent-rgb),.12); }
#panel-redeem .redeem-proof-method input { position:absolute; width:1px; height:1px; opacity:0; }
#panel-redeem .redeem-proof-method strong { color:var(--text); font-size:13px; }
#panel-redeem .redeem-proof-method small { color:var(--text2); font-size:11px; overflow-wrap:anywhere; }
@media(max-width:650px) { #panel-redeem .redeem-proof-methods { grid-template-columns:1fr; } #panel-redeem .redeem-prompt-heading { flex-wrap:wrap; } #panel-redeem .redeem-task-progress #redeem-answer-form .redeem-answer-row > :not([hidden]) { width:100%; } }
@media(max-width:650px) { #panel-redeem .redeem-task-progress { padding:16px; } #panel-redeem .redeem-task-steps { overflow-x:auto; grid-template-columns:repeat(5,minmax(92px,1fr)); padding-bottom:5px; } #panel-redeem .redeem-task-progress-head { align-items:flex-start; flex-direction:column; gap:3px; } }
#panel-redeem .redeem-event--repeated { grid-template-columns:max-content minmax(0,1fr); gap:12px; padding:8px 10px; border:1px solid var(--border); border-radius:8px; background:var(--surface2); color:var(--text); }
#panel-redeem .redeem-history-empty { margin:0; padding:22px; border:1px solid var(--border); border-radius:14px; background:var(--surface); color:var(--text2); font-size:13px; }
#panel-redeem .redeem-job { gap:0; padding:18px 20px; }
#panel-redeem .redeem-job-header { align-items:center; margin-bottom:17px; }
#panel-redeem .redeem-job-heading { gap:5px; }
#panel-redeem .redeem-job-title-row { display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
#panel-redeem .redeem-job-heading strong { font-size:16px; line-height:1.25; letter-spacing:-.02em; }
#panel-redeem .redeem-job-term { padding:4px 8px; border-radius:7px; background:rgba(var(--accent-rgb),.12); color:var(--accent); font-size:11px; font-weight:700; white-space:nowrap; }
#panel-redeem .redeem-job-heading small { font-size:11px; }
#panel-redeem .redeem-job-information { display:grid; gap:14px; padding:17px 18px 0; border:1px solid var(--border); border-radius:13px; background:var(--surface2); }
#panel-redeem .redeem-job-information h3 { margin:0; color:var(--text); font-size:12px; font-weight:700; }
#panel-redeem .redeem-job-facts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
#panel-redeem .redeem-job-information--subscription .redeem-job-facts { grid-template-columns:repeat(2,minmax(0,1fr)); }
#panel-redeem .redeem-job-facts > div { display:grid; align-content:start; gap:6px; min-width:0; box-sizing:border-box; }
#panel-redeem .redeem-job-facts span { color:var(--text2); font-size:10px; }
#panel-redeem .redeem-job-facts strong { color:var(--text); font-size:13px; font-weight:650; }
#panel-redeem .redeem-job-result { margin:13px 0 0; padding:10px 12px; border-radius:9px; background:rgba(var(--accent-rgb),.07); color:var(--text2); font-size:12px; line-height:1.45; overflow-wrap:anywhere; }
#panel-redeem .redeem-job--success .redeem-job-result { color:var(--green); }
#panel-redeem .redeem-job--failed .redeem-job-result { color:var(--red); }
#panel-redeem .redeem-job-id { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:10px; min-width:0; padding:11px 0; border-top:1px solid var(--border); color:var(--text2); font-size:10px; }
#panel-redeem .redeem-job-id code { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--text); font:inherit; font-variant-numeric:tabular-nums; user-select:text; }
#panel-redeem .redeem-job-id button { min-height:28px; padding:4px 8px; border:1px solid var(--border); border-radius:7px; background:var(--surface); color:var(--text); font-size:10px; font-weight:600; }
#panel-redeem .redeem-job-proof { display:grid; justify-items:start; gap:7px; margin:14px 0 0; }
#panel-redeem .redeem-job-proof a { display:block; max-width:min(100%,520px); overflow:hidden; border:1px solid var(--border); border-radius:11px; background:var(--surface2); line-height:0; }
#panel-redeem .redeem-job-proof img { display:block; max-width:100%; max-height:270px; width:auto; height:auto; object-fit:contain; }
#panel-redeem .redeem-job-proof figcaption { color:var(--text2); font-size:10px; }
#panel-redeem .redeem-success-preview[hidden] { display:none !important; }
#panel-redeem .redeem-success-preview { margin-top:4px; }
#panel-redeem .redeem-job-copy-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:14px; }
#panel-redeem .redeem-job-copy-actions button { min-height:34px; padding:7px 11px; border:1px solid var(--border); background:var(--surface2); color:var(--text); font-size:11px; font-weight:650; }
#panel-redeem .redeem-job-copy-actions button:hover { border-color:var(--accent); }
#panel-redeem .redeem-job-details { margin-top:15px; padding-top:14px; border-top:1px solid var(--border); }
#panel-redeem .redeem-job-details summary { width:fit-content; color:var(--accent); font-size:12px; font-weight:650; cursor:pointer; }
#panel-redeem .redeem-job-details-body { display:grid; gap:11px; padding-top:15px; }
#panel-redeem .redeem-job-details-body .redeem-job-result { margin:0; }
#panel-redeem .redeem-job-details .redeem-delivery { margin:0; }
@media(max-width:600px) {
  #panel-redeem .redeem-job { padding:15px; }
  #panel-redeem .redeem-job-facts { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #panel-redeem .redeem-job-information { padding:15px 15px 0; }
  #panel-redeem .redeem-job-id { grid-template-columns:1fr auto; }
  #panel-redeem .redeem-job-id span { grid-column:1/-1; }
  #panel-redeem .redeem-job-header { align-items:flex-start; }
}

/* Activate: compact steps, clearly paired key and region fields, and a calm result card. */
#panel-redeem .redeem-overview,#panel-redeem .redeem-composer { box-shadow:0 10px 30px rgba(0,0,0,.05); }
#panel-redeem .redeem-form-intro { margin-bottom:22px; }
#panel-redeem .redeem-form-section-heading { display:flex; align-items:center; gap:9px; margin-bottom:12px; }
#panel-redeem .redeem-form-section-heading span { display:grid; place-items:center; width:22px; height:22px; border-radius:7px; background:rgba(var(--accent-rgb),.13); color:var(--accent); font-size:11px; font-weight:750; }
#panel-redeem .redeem-form-section-heading strong { color:var(--text); font-size:13px; font-weight:700; }
#panel-redeem #redeem-account-step { margin-bottom:22px; }
#panel-redeem #redeem-keys-step { padding-top:21px; }
#panel-redeem .redeem-game-key { grid-template-columns:58px minmax(0,1.5fr) minmax(170px,1fr) 34px; gap:9px; padding:9px; border:1px solid var(--border); border-radius:12px; background:var(--surface2); }
#panel-redeem .redeem-game-key-number { color:var(--text2); font-size:11px; font-weight:650; text-align:center; white-space:nowrap; }
#panel-redeem .redeem-game-key input,#panel-redeem .redeem-game-key select { background:var(--surface); }
#panel-redeem .redeem-game-key button { border-radius:8px; }
#panel-redeem .redeem-game-key button[hidden] { display:none !important; }
  #panel-redeem .redeem-game-key:only-child { grid-template-columns:58px minmax(0,1.5fr) minmax(170px,1fr); }
#panel-redeem .redeem-game-key select[hidden] { display:none !important; }
#panel-redeem .redeem-game-key .redeem-key-region-button { display:grid; grid-template-columns:8px 22px minmax(0,1fr) 16px; align-items:center; column-gap:7px; row-gap:2px; width:100%; min-width:0; min-height:42px; height:auto; padding:8px 10px; border:1px solid var(--border); border-radius:10px; background:var(--surface); color:var(--text); text-align:left; font-size:13px; font-weight:500; box-shadow:none; }
#panel-redeem .redeem-game-key .redeem-key-region-button:hover { border-color:rgba(var(--accent-rgb),.55); }
#panel-redeem .redeem-game-key .redeem-key-region-button:focus-visible { outline:2px solid var(--accent); outline-offset:2px; }
#panel-redeem .redeem-key-region-placeholder { grid-column:1/4; color:var(--text2); }
#panel-redeem .redeem-key-region-chevron { grid-column:4; grid-row:1/3; justify-self:end; color:var(--text2); font-size:18px; line-height:1; }
#panel-redeem .redeem-game-key .redeem-key-remove { font-size:19px; }
.redeem-key-region-dot { width:7px; height:7px; border-radius:50%; background:var(--text2); opacity:.75; }
.redeem-key-region-dot--reachable { background:var(--green); opacity:1; box-shadow:0 0 0 3px rgba(46,204,113,.1); }
.redeem-key-region-dot--unreachable,.redeem-key-region-dot--unconfigured { background:var(--red); opacity:1; box-shadow:0 0 0 3px rgba(255,69,58,.1); }
.redeem-key-region-flag { font-size:17px; line-height:1; }
.redeem-key-region-name { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.redeem-key-region-button .redeem-key-region-dot,.redeem-key-region-button .redeem-key-region-flag { grid-row:1/3; }
.redeem-key-region-button .redeem-key-region-name { grid-column:3; grid-row:1; overflow:visible; white-space:normal; overflow-wrap:anywhere; }
.redeem-key-region-button small { grid-column:3; grid-row:2; color:var(--text2); font-size:10px; white-space:normal; font-variant-numeric:tabular-nums; }
.redeem-key-region-menu { position:fixed; z-index:9999; box-sizing:border-box; overflow-y:auto; overscroll-behavior:contain; padding:5px; border:1px solid var(--border); border-radius:12px; background:var(--surface); box-shadow:0 16px 45px rgba(0,0,0,.38); }
.redeem-region-group { padding:8px 10px 5px; color:var(--text2); font-size:10px; font-weight:750; letter-spacing:.06em; text-transform:uppercase; }
.redeem-region-group:not(:first-child) { margin-top:5px; border-top:1px solid var(--border); }
.redeem-key-region-menu[hidden] { display:none !important; }
.redeem-key-region-menu button { display:grid; grid-template-columns:8px 24px minmax(0,1fr); align-items:center; column-gap:9px; row-gap:2px; width:100%; min-height:48px; padding:7px 9px; border:0; border-radius:8px; background:transparent; color:var(--text); text-align:left; font:inherit; font-size:12px; cursor:pointer; }
.redeem-key-region-menu button .redeem-key-region-dot,.redeem-key-region-menu button .redeem-key-region-flag { grid-row:1/3; }
.redeem-key-region-menu button .redeem-key-region-name { overflow:visible; white-space:normal; overflow-wrap:anywhere; }
.redeem-key-region-menu button:hover,.redeem-key-region-menu button:focus-visible,.redeem-key-region-menu button[aria-selected="true"] { background:var(--surface2); outline:none; }
.redeem-key-region-menu small { grid-column:3; color:var(--text2); font-size:10px; white-space:normal; font-variant-numeric:tabular-nums; }
#panel-redeem .redeem-region-list button[hidden],.redeem-key-region-menu button[hidden],#panel-redeem .redeem-region-group[hidden] { display:none !important; }
#panel-redeem .redeem-region-search,.redeem-key-region-menu .redeem-region-search { box-sizing:border-box; display:block; width:100%; min-height:38px; margin:0 0 5px; padding:8px 10px; border:1px solid var(--border); border-radius:8px; background:var(--surface2); color:var(--text); font:inherit; font-size:12px; }
#panel-redeem .redeem-region-search:focus-visible,.redeem-key-region-menu .redeem-region-search:focus-visible { outline:2px solid var(--accent); outline-offset:-2px; }
#panel-redeem .redeem-region-no-results,.redeem-key-region-menu .redeem-region-no-results { margin:0; padding:10px; color:var(--text2); font-size:12px; }
#panel-redeem .redeem-region-no-results[hidden],.redeem-key-region-menu .redeem-region-no-results[hidden] { display:none !important; }
#panel-redeem .redeem-add-key { border-radius:9px; }
#panel-redeem .redeem-actions { display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; gap:8px 12px; padding-top:16px; border-top:1px solid var(--border); }
#panel-redeem .redeem-actions #redeem-selected-status { margin:0; white-space:normal; text-align:right; }
#panel-redeem .redeem-actions #redeem-error { grid-column:1/-1; margin:0; }
#panel-redeem .redeem-actions #redeem-error:empty { display:none; }
#panel-redeem .redeem-job--has-proof { grid-template-columns:minmax(0,1.55fr) minmax(260px,.9fr); column-gap:22px; }
#panel-redeem .redeem-job--has-proof .redeem-job-header,#panel-redeem .redeem-job--has-proof .redeem-job-details { grid-column:1/-1; }
#panel-redeem .redeem-job--has-proof .redeem-job-header { grid-row:1; }
#panel-redeem .redeem-job--has-proof .redeem-job-proof { grid-column:1; grid-row:2; }
#panel-redeem .redeem-job--has-proof .redeem-job-copy-actions { grid-column:2; grid-row:2; align-content:center; }
#panel-redeem .redeem-job--has-proof .redeem-job-details { grid-row:3; }
#panel-redeem .redeem-job-proof { margin:0; }
#panel-redeem .redeem-job-proof a { width:100%; max-width:100%; box-sizing:border-box; }
#panel-redeem .redeem-job-proof img { width:100%; max-height:370px; object-fit:contain; }
#panel-redeem .redeem-job-copy-actions { align-self:start; align-items:flex-start; margin:0; }
#panel-redeem .redeem-job-copy-actions > span { width:100%; margin-bottom:3px; color:var(--text2); font-size:10px; font-weight:750; letter-spacing:.07em; }
#panel-redeem .redeem-job-copy-actions button { min-height:36px; border-radius:9px; }
#panel-redeem .redeem-job-details { margin-top:18px; }
#panel-redeem .redeem-job-details summary { display:flex; align-items:center; justify-content:space-between; width:100%; box-sizing:border-box; padding:2px 0; color:var(--text); font-size:12px; list-style:none; }
#panel-redeem .redeem-job-details summary::-webkit-details-marker { display:none; }
#panel-redeem .redeem-job-details summary::after { content:'⌄'; color:var(--text2); font-size:18px; line-height:1; transition:transform .15s ease; }
#panel-redeem .redeem-job-details[open] summary::after { transform:rotate(180deg); }
#panel-redeem .redeem-job-details summary:hover { color:var(--accent); }
#panel-redeem .redeem-job-timeline { display:grid; gap:10px; padding:15px 17px; border:1px solid var(--border); border-radius:12px; background:var(--surface2); }
#panel-redeem .redeem-job-timeline h3 { margin:0 0 2px; color:var(--text); font-size:12px; }
#panel-redeem .redeem-job-timeline .redeem-event { color:var(--text2); font-size:11px; line-height:1.45; }
#panel-redeem .redeem-job-failure { margin:0 0 16px; padding:10px 12px; border:1px solid rgba(255,69,58,.18); border-radius:9px; background:rgba(255,69,58,.07); color:var(--red); font-size:12px; line-height:1.4; overflow-wrap:anywhere; }
#panel-redeem .redeem-job-failure--billing { border-color:rgba(255,179,64,.28); background:rgba(255,179,64,.08); color:#ffbc65; }
#panel-redeem .redeem-job--manual .redeem-job-failure { border-color:rgba(48,209,88,.24); background:rgba(48,209,88,.08); color:var(--green); }
#panel-redeem .redeem-job-confirmation { margin:0 0 16px; padding:10px 12px; border:1px solid rgba(48,209,88,.24); border-radius:9px; background:rgba(48,209,88,.08); color:var(--green); font-size:12px; line-height:1.4; }
#panel-redeem .redeem-subscription-finish { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin:0 0 16px; padding:12px; border:1px solid var(--border); border-radius:10px; background:var(--surface); }
#panel-redeem .redeem-subscription-finish span { flex-basis:100%; font-size:12px; font-weight:600; }
#panel-redeem .redeem-subscription-finish input { flex:1 1 240px; min-width:0; }
#panel-redeem .redeem-subscription-finish small { flex-basis:100%; color:var(--red); }
@media(min-width:769px) {
  #panel-redeem .redeem-job--has-proof .redeem-job-copy-actions { display:grid; grid-template-columns:1fr; gap:10px; align-self:center; justify-self:stretch; padding:20px; border:1px solid var(--border); border-radius:13px; background:var(--surface2); }
  #panel-redeem .redeem-job--has-proof .redeem-job-copy-actions button { width:100%; min-height:42px; text-align:center; background:var(--surface); }
}
@media(max-width:1100px) {
  #panel-redeem .redeem-overview { gap:14px; }
  #panel-redeem .redeem-steps { display:none; }
}
@media(max-width:768px) {
  #panel-redeem .redeem-overview { padding:13px; gap:0; }
  #panel-redeem .redeem-overview-intro,#panel-redeem .redeem-overview .redeem-last-result { display:none; }
  #panel-redeem .redeem-overview .redeem-kind-switch { margin-bottom:12px; }
  #panel-redeem .redeem-status-panel { padding:11px 12px; }
  #panel-redeem .redeem-game-key,#panel-redeem .redeem-game-key:only-child { grid-template-columns:minmax(0,1fr) 34px; gap:7px; padding:10px; }
  #panel-redeem .redeem-recurring-slot { min-height:50px; }
  #panel-redeem .redeem-game-key-number { grid-column:1; grid-row:1; text-align:left; }
  #panel-redeem .redeem-game-key input { grid-column:1/-1; grid-row:2; }
  #panel-redeem .redeem-game-key .redeem-key-region-button { grid-column:1/-1; grid-row:3; }
  #panel-redeem .redeem-game-key .redeem-key-remove { grid-column:2; grid-row:1; }
  #panel-redeem .redeem-actions { grid-template-columns:1fr; }
  #panel-redeem #redeem-keys-step .redeem-actions { position:sticky; bottom:calc(62px + env(safe-area-inset-bottom)); z-index:8; margin:14px -10px -10px; padding:11px 10px; border:1px solid var(--border); border-radius:12px; background:var(--surface); box-shadow:0 -10px 28px rgba(0,0,0,.16); }
  #panel-redeem .redeem-actions #redeem-submit { width:100%; }
  #panel-redeem .redeem-actions #redeem-selected-status { text-align:left; }
  #panel-redeem .redeem-actions #redeem-error { grid-column:1; }
  #panel-redeem .redeem-job--has-proof { display:grid; grid-template-columns:minmax(0,1fr); }
  #panel-redeem .redeem-job--has-proof .redeem-job-header { grid-column:1; grid-row:1; }
  #panel-redeem .redeem-job--has-proof .redeem-job-proof { grid-column:1; grid-row:2; }
  #panel-redeem .redeem-job--has-proof .redeem-job-copy-actions { grid-column:1; grid-row:3; margin-top:15px; }
  #panel-redeem .redeem-job--has-proof .redeem-job-details { grid-column:1; grid-row:4; }
  #panel-redeem .redeem-job-proof img { max-height:240px; }
  #panel-redeem .redeem-job-copy-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
  #panel-redeem .redeem-job-copy-actions > span { grid-column:1/-1; }
  #panel-redeem .redeem-job-copy-actions button { width:100%; min-height:44px; padding:8px; line-height:1.25; }
}
.redeem-job-key-results { display: grid; gap: 8px; margin-top: 16px; }
.redeem-job-key-result { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 16px; padding: 10px 12px; border: 1px solid rgba(255,255,255,.1); border-radius: 10px; background: rgba(255,255,255,.025); }
.redeem-job-key-result span { flex: 1; min-width: 150px; color: #aeb0b7; }
.redeem-job-key-result strong { color: #f3f4f6; font-size: .92em; }
.redeem-job-key-result a { color: #3695ff; text-decoration: none; }

#panel-redeem #redeem-subscription-options[hidden],#panel-redeem #redeem-subscription-new[hidden],#panel-redeem #redeem-subscription-existing[hidden],#panel-redeem .redeem-recovery-list[hidden] { display:none !important; }
#panel-redeem .redeem-choice-label { margin:8px 0 7px; color:var(--text2); font-size:11px; }
#panel-redeem .redeem-scenario-switch,#panel-redeem .redeem-term-switch { display:grid; gap:4px; padding:4px; border:1px solid var(--border); border-radius:12px; background:var(--surface2); }
#panel-redeem .redeem-scenario-switch { grid-template-columns:repeat(2,minmax(0,1fr)); }
#panel-redeem .redeem-term-switch { grid-template-columns:repeat(5,minmax(0,1fr)); }
#panel-redeem .redeem-scenario-switch button,#panel-redeem .redeem-term-switch button { min-height:36px; padding:7px 9px; background:transparent; color:var(--text2); font-size:12px; box-shadow:none; }
#panel-redeem .redeem-scenario-switch button.active,#panel-redeem .redeem-term-switch button.active { background:var(--accent); color:#fff; }
#panel-redeem #redeem-subscription-route { margin:10px 0 0; }
#panel-redeem .redeem-recovery-choice { display:grid; gap:8px; margin-top:16px; }
#panel-redeem .redeem-recovery-choice > label { font-size:12px; font-weight:600; color:var(--text2); }
#panel-redeem .redeem-recovery-choice > input[hidden] { display:none; }
#panel-redeem #redeem-recovery-hint { margin:0; }
#panel-redeem .redeem-term-switch--existing { grid-template-columns:repeat(5,minmax(0,1fr)); }
#panel-redeem .redeem-recovery-picker { position:relative; min-width:0; }
#panel-redeem #redeem-recovery-button { width:100%; min-height:48px; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:8px 13px; border:1px solid var(--border); border-radius:12px; background:var(--surface2); color:var(--text); text-align:left; box-shadow:none; }
#panel-redeem #redeem-recovery-button:hover,#panel-redeem #redeem-recovery-button[aria-expanded="true"] { border-color:var(--accent); }
#panel-redeem .redeem-recovery-selected { display:grid; gap:3px; min-width:0; }
#panel-redeem .redeem-recovery-selected strong { font-size:13px; font-weight:650; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#panel-redeem .redeem-recovery-selected small { color:var(--text2); font-size:11px; }
#panel-redeem .redeem-recovery-chevron { flex:none; color:var(--text2); font-size:19px; line-height:1; }
#panel-redeem .redeem-recovery-list { position:absolute; z-index:50; top:calc(100% + 6px); left:0; right:0; display:grid; gap:4px; max-height:min(360px,60vh); overflow:auto; padding:6px; border:1px solid var(--border); border-radius:13px; background:var(--surface); box-shadow:0 18px 45px rgba(0,0,0,.35); }
#panel-redeem .redeem-recovery-option { display:grid; gap:3px; width:100%; min-height:49px; padding:9px 11px; border:1px solid transparent; border-radius:9px; background:transparent; color:var(--text); text-align:left; box-shadow:none; }
#panel-redeem .redeem-recovery-option:hover,#panel-redeem .redeem-recovery-option:focus-visible { background:var(--surface2); }
#panel-redeem .redeem-recovery-option[aria-selected="true"] { border-color:rgba(var(--accent-rgb),.35); background:rgba(var(--accent-rgb),.11); }
#panel-redeem .redeem-recovery-option strong { font-size:13px; }
#panel-redeem .redeem-recovery-option small { color:var(--text2); font-size:11px; }
#panel-redeem .redeem-task-step-marker { display:flex; align-items:center; justify-content:center; padding:0; line-height:1; font-variant-numeric:tabular-nums; }
#panel-redeem .redeem-task-steps li { gap:8px; }
#panel-redeem .redeem-task-steps li:not(:last-child)::after { top:12px; }
@media(max-width:520px) { #panel-redeem .redeem-term-switch--existing { grid-template-columns:repeat(2,minmax(0,1fr)); } #panel-redeem .redeem-recovery-list { position:fixed; top:auto; left:8px; right:8px; bottom:8px; max-height:min(65vh,520px); } }
@media(max-width:520px) { #panel-redeem .redeem-term-switch { grid-template-columns:repeat(2,minmax(0,1fr)); } }

#panel-redeem .redeem-game-key .redeem-key-region-button { grid-template-columns:8px 22px minmax(0,1fr) 16px; }
#panel-redeem .redeem-key-region-placeholder { grid-column:1/4; }
#panel-redeem .redeem-key-region-chevron { grid-column:4; display:grid; place-items:center; width:16px; height:16px; line-height:0; }
#panel-redeem .redeem-key-region-chevron svg { width:15px; height:15px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
#panel-redeem .redeem-inventory { margin-top:14px; border:1px solid var(--border); border-radius:12px; background:var(--surface2); }
#panel-redeem .redeem-inventory > summary { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:13px 14px; color:var(--text); font-size:12px; font-weight:700; cursor:pointer; list-style:none; }
#panel-redeem .redeem-inventory > summary::-webkit-details-marker { display:none; }
#panel-redeem .redeem-inventory > summary::before { content:'▸'; color:var(--text2); margin-right:2px; }
#panel-redeem .redeem-inventory[open] > summary::before { content:'▾'; }
#panel-redeem .redeem-inventory > summary span { margin-left:auto; color:var(--text2); font-size:11px; font-weight:400; }
#panel-redeem .redeem-inventory-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; padding:0 14px 12px; }
#panel-redeem .redeem-inventory-block { min-width:0; padding:13px; border:1px solid var(--border); border-radius:11px; background:var(--surface); }
#panel-redeem .redeem-inventory-block h3 { margin:0 0 5px; color:var(--text); font-size:13px; }
#panel-redeem .redeem-inventory-block p { margin:0 0 10px; color:var(--text2); font-size:11px; line-height:1.4; }
#panel-redeem .redeem-inventory-block textarea { width:100%; min-height:84px; margin-bottom:9px; font-size:12px; }
#panel-redeem .redeem-inventory-options { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-bottom:9px; }
#panel-redeem .redeem-inventory-options select { font-size:12px; }
#panel-redeem .redeem-inventory-block > button,#panel-redeem .redeem-inventory-run button { min-height:36px; padding:7px 12px; font-size:11px; }
#panel-redeem #redeem-inventory-error { margin:0 14px; color:var(--red); font-size:11px; }
#panel-redeem .redeem-inventory-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; padding:5px 14px 12px; }
#panel-redeem .redeem-inventory-list section { min-width:0; }
#panel-redeem .redeem-inventory-list h4 { margin:0 0 6px; color:var(--text2); font-size:11px; text-transform:uppercase; letter-spacing:.06em; }
#panel-redeem .redeem-inventory-list p { color:var(--text2); font-size:11px; }
#panel-redeem .redeem-inventory-item { display:flex; flex-wrap:wrap; align-items:center; gap:4px 9px; min-width:0; padding:7px 0; border-top:1px solid var(--border); font-size:11px; }
#panel-redeem .redeem-inventory-item strong { flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; color:var(--text); font-weight:600; }
#panel-redeem .redeem-inventory-item small { width:100%; color:var(--text2); }
#panel-redeem .redeem-inventory-item a { color:var(--accent); text-decoration:none; }
#panel-redeem .redeem-inventory-state { color:var(--text2); white-space:nowrap; }
#panel-redeem .redeem-inventory-state--used { color:var(--green); }
#panel-redeem .redeem-inventory-state--review { color:var(--amber,#e8af53); }
#panel-redeem .redeem-inventory-run { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 14px; border-top:1px solid var(--border); }
#panel-redeem .redeem-inventory-run span { color:var(--text2); font-size:11px; line-height:1.4; }
@media(max-width:650px) { #panel-redeem .redeem-inventory-grid,#panel-redeem .redeem-inventory-list { grid-template-columns:1fr; } #panel-redeem .redeem-inventory-run { align-items:stretch; flex-direction:column; } }

#panel-redeem .redeem-inventory[hidden] { display:none !important; }
#panel-redeem #redeem-account-step { display:grid; grid-template-columns:minmax(0,1fr) minmax(290px,1fr); gap:14px; align-items:start; }
#panel-redeem #redeem-account-step[hidden] { display:none !important; }
#panel-redeem #redeem-account-step > .redeem-form-section-heading { grid-column:1/-1; }
#panel-redeem #redeem-account-step > .redeem-fields { display:grid; grid-template-columns:1fr; gap:10px; min-width:0; }
#panel-redeem #redeem-account-step > .redeem-inventory { margin-top:0; min-width:0; }
#panel-redeem .redeem-inventory-grid,#panel-redeem .redeem-inventory-list { grid-template-columns:1fr; }
#panel-redeem .redeem-inventory-list { gap:7px; padding-top:2px; }
#panel-redeem .redeem-inventory-block { padding:11px; }
#panel-redeem .redeem-inventory-block textarea { min-height:64px; margin-bottom:7px; }
#panel-redeem .redeem-stock-region-label { display:block; margin-bottom:8px; color:var(--text2); font-size:11px; }
#panel-redeem .redeem-stock-region-label select { display:block; width:100%; margin-top:5px; }
#panel-redeem .redeem-stock-group { min-width:0; border:1px solid var(--border); border-radius:9px; background:var(--surface); }
#panel-redeem .redeem-stock-group > summary { display:flex; align-items:center; gap:8px; padding:10px 11px; cursor:pointer; list-style:none; }
#panel-redeem .redeem-stock-group > summary::-webkit-details-marker { display:none; }
#panel-redeem .redeem-stock-group > summary::before { content:'›'; color:var(--text2); font-size:17px; line-height:1; transform:rotate(0deg); transition:transform .15s; }
#panel-redeem .redeem-stock-group[open] > summary::before { transform:rotate(90deg); }
#panel-redeem .redeem-stock-group > summary strong { color:var(--text); font-size:12px; }
#panel-redeem .redeem-stock-group > summary span { margin-left:auto; color:var(--text2); font-size:11px; white-space:nowrap; }
#panel-redeem .redeem-stock-group-body { max-height:248px; overflow-y:auto; padding:0 11px 8px; border-top:1px solid var(--border); }
#panel-redeem .redeem-stock-group-body > p { margin:10px 0 2px; }
#panel-redeem .redeem-inventory-grid[hidden],#panel-redeem .redeem-inventory-run[hidden],#panel-redeem .redeem-inventory-secret[hidden] { display:none !important; }
#panel-redeem .redeem-inventory-item { padding:8px 0; }
#panel-redeem .redeem-inventory-item strong { flex-basis:50%; }
#panel-redeem .redeem-inventory-item code { width:100%; padding:8px; overflow-wrap:anywhere; border-radius:7px; background:var(--surface); color:var(--text); }
#panel-redeem .redeem-inventory-item button { min-height:28px; padding:4px 8px; font-size:11px; }
#panel-redeem .redeem-inventory-edit { display:flex; flex-wrap:wrap; gap:6px; width:100%; padding:8px 0; }
#panel-redeem .redeem-inventory-edit input,#panel-redeem .redeem-inventory-edit select { min-width:125px; flex:1; font-size:12px; }
@media(max-width:850px) { #panel-redeem #redeem-account-step { grid-template-columns:1fr; } }

.chat-item[data-target="code-checker"][hidden] { display:none !important; }

/* History: visible outcome and credentials, with one copy of the evidence. */
#panel-redeem .redeem-job { row-gap:0; }
#panel-redeem .redeem-job-header { margin-bottom:13px; }
#panel-redeem .redeem-job--has-proof { grid-template-columns:minmax(0,1.45fr) minmax(280px,.85fr); column-gap:18px; }
#panel-redeem .redeem-job--has-proof .redeem-job-proof { grid-column:1; grid-row:2; align-self:start; margin:0; }
#panel-redeem .redeem-job--has-proof .redeem-delivery { grid-column:2; grid-row:2; align-self:start; margin:0; padding:17px; }
#panel-redeem .redeem-job--has-proof .redeem-job-details { grid-column:1/-1; grid-row:3; }
#panel-redeem .redeem-job-proof a { width:100%; max-width:100%; }
#panel-redeem .redeem-job-proof img { width:100%; height:auto; max-height:320px; object-fit:cover; object-position:top; }
#panel-redeem .redeem-job-proof figcaption { padding-top:2px; }
#panel-redeem .redeem-delivery-field { display:grid; grid-template-columns:1fr; gap:3px; }
#panel-redeem .redeem-delivery-field b { font-size:12px; }
#panel-redeem .redeem-job-copy-actions { display:grid; grid-template-columns:1fr; gap:8px; margin:5px 0 0; }
#panel-redeem .redeem-job--has-proof .redeem-job-copy-actions { display:grid; grid-column:auto; grid-row:auto; grid-template-columns:1fr; gap:8px; align-self:auto; justify-self:stretch; align-items:stretch; padding:0; border:0; background:transparent; }
#panel-redeem .redeem-job-copy-actions button { width:100%; min-height:38px; background:var(--surface); text-align:center; }
#panel-redeem .redeem-job-details { margin-top:16px; padding-top:12px; }
#panel-redeem .redeem-job-details-body { display:grid; gap:14px; }
#panel-redeem .redeem-job-information { gap:10px; padding:0; border:0; background:transparent; }
#panel-redeem .redeem-job-information h3 { display:none; }
#panel-redeem .redeem-job-facts { padding-bottom:13px; }
#panel-redeem .redeem-job-key-results { margin:0; }
#panel-redeem .redeem-job-result { margin:0; }
#panel-redeem .redeem-job-id { margin-top:2px; }
#panel-redeem .redeem-job-timeline { padding:0; border:0; background:transparent; }
@media(max-width:768px) {
  #panel-redeem .redeem-job--has-proof { grid-template-columns:minmax(0,1fr); }
  #panel-redeem .redeem-job--has-proof .redeem-job-proof { grid-column:1; grid-row:2; }
  #panel-redeem .redeem-job--has-proof .redeem-delivery { grid-column:1; grid-row:3; margin-top:14px; }
  #panel-redeem .redeem-job--has-proof .redeem-job-details { grid-column:1; grid-row:4; }
  #panel-redeem .redeem-job-proof img { max-height:260px; }
  #panel-redeem .redeem-job-copy-actions { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #panel-redeem .redeem-job--has-proof .redeem-job-copy-actions { grid-template-columns:repeat(2,minmax(0,1fr)); margin:5px 0 0; }
}
@media(max-width:480px) {
  #panel-redeem .redeem-job-copy-actions { grid-template-columns:1fr; }
  #panel-redeem .redeem-job--has-proof .redeem-job-copy-actions { grid-template-columns:1fr; }
}

/* Activate: a quiet status rail and one clear form sequence. */
#panel-redeem.active { grid-template-columns:minmax(16px,1fr) minmax(260px,310px) minmax(520px,850px) minmax(16px,1fr); column-gap:20px; }
#panel-redeem .redeem-overview { gap:22px; padding:25px; }
#panel-redeem .redeem-overview-intro h2 { margin:7px 0 5px; font-size:26px; letter-spacing:-.045em; }
#panel-redeem .redeem-overview-intro p { max-width:30ch; font-size:12px; }
#panel-redeem .redeem-overview-footnote { padding-top:16px; border-top:1px solid var(--border); font-size:11px; }
#panel-redeem .redeem-kind-switch { padding:4px; border-radius:12px; }
#panel-redeem .redeem-overview .redeem-kind-switch button { min-height:42px; border-radius:9px; font-size:13px; }
#panel-redeem .redeem-status-panel { gap:12px; padding:17px; border-radius:14px; }
#panel-redeem .redeem-idle-status strong { font-size:14px; }
#panel-redeem .redeem-idle-status small { font-size:12px; }
#panel-redeem .redeem-composer { padding:27px 30px 30px; }
#panel-redeem .redeem-form-intro { margin-bottom:24px; padding-bottom:17px; border-bottom:1px solid var(--border); }
#panel-redeem .redeem-form-intro h2 { margin:7px 0 0; font-size:24px; }
#panel-redeem .redeem-form-section-heading { margin-bottom:14px; }
#panel-redeem .redeem-form-section-heading span { width:25px; height:25px; border-radius:8px; font-size:12px; }
#panel-redeem .redeem-form-section-heading strong { font-size:14px; }
#panel-redeem #redeem-account-step { margin-bottom:22px; }
#panel-redeem #redeem-subscription-options { padding:20px 0; border-top:1px solid var(--border); }
#panel-redeem #redeem-keys-step { padding-top:20px; }
#panel-redeem #redeem-keys-step .redeem-kind-hint { margin:0 0 12px 34px; }
#panel-redeem .redeem-choice-label { margin:12px 0 7px; font-size:12px; font-weight:600; }
#panel-redeem .redeem-scenario-switch button,#panel-redeem .redeem-term-switch button { min-height:39px; }
#panel-redeem .redeem-actions { margin-top:18px; }
#panel-redeem .redeem-actions #redeem-submit { min-height:43px; padding:10px 19px; }
@media(min-width:1101px) {
  #panel-redeem .redeem-overview { position:sticky; top:20px; }
}
@media(max-width:1100px) {
  #panel-redeem.active { display:flex; flex-direction:column; }
  #panel-redeem .redeem-overview { gap:13px; }
  #panel-redeem .redeem-overview-footnote { display:none; }
}
@media(max-width:768px) {
  #panel-redeem .redeem-overview { padding:14px; }
  #panel-redeem .redeem-overview-intro { display:none; }
  #panel-redeem .redeem-composer { padding:18px; }
  #panel-redeem .redeem-form-intro { margin-bottom:18px; padding-bottom:14px; }
  #panel-redeem .redeem-form-intro h2 { font-size:20px; }
  #panel-redeem #redeem-subscription-options { padding:17px 0; }
  #panel-redeem #redeem-keys-step .redeem-kind-hint { margin-left:0; }
}

/* Stage screenshots occupy the event content column, not the timestamp column. */
#panel-redeem .redeem-event > .redeem-event-preview { grid-column:2 / -1; display:block; width:min(100%,760px); min-width:0; }
#panel-redeem .redeem-event > .redeem-event-preview img { display:block; width:100%; height:auto; max-width:100%; max-height:520px; object-fit:contain; object-position:left top; }
#panel-redeem .redeem-event > .redeem-event-image-load { grid-column:2 / -1; justify-self:start; }

/* Rental status: distinguish stored information from a provider SMS request. */
#panel-redeem .grizzly-panel { margin:16px 0; padding:18px; border:1px solid var(--border-color,#40566b); border-radius:14px; background:rgba(16,28,42,.18); }
#panel-redeem .grizzly-panel-heading { display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap; }
#panel-redeem .grizzly-panel-heading span, #panel-redeem .grizzly-rental-updated { font-size:12px; color:var(--text-secondary,#b5c1cf); }
#panel-redeem .grizzly-rental-state { margin:12px 0; font-size:13px; font-weight:600; }
#panel-redeem .grizzly-rental-details { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin:16px 0; }
#panel-redeem .grizzly-rental-details dt { font-size:12px; color:var(--text-secondary,#b5c1cf); margin-bottom:6px; }
#panel-redeem .grizzly-rental-details dd { margin:0; font-size:14px; font-weight:600; overflow-wrap:anywhere; font-variant-numeric:tabular-nums; }
#panel-redeem .grizzly-rental-notice { padding:10px 12px; border-left:3px solid #cda364; background:rgba(205,163,100,.08); font-size:13px; line-height:1.5; }
#panel-redeem .grizzly-rental-updated { line-height:1.5; margin:12px 0; }
#panel-redeem .grizzly-panel-actions { display:flex; flex-wrap:wrap; align-items:center; gap:8px; padding-top:4px; }
#panel-redeem .grizzly-panel-actions .btn { min-height:36px; padding:8px 14px; font-size:13px; line-height:1.3; width:auto; }
@media(max-width:600px) { #panel-redeem .grizzly-rental-details { grid-template-columns:1fr; gap:12px; } }

/* Quiet stock row actions. */
#panel-redeem .redeem-stock-row-actions { display:flex; align-items:center; gap:4px; margin-left:auto; }
#panel-redeem .redeem-stock-row-actions .redeem-stock-icon { display:inline-flex; align-items:center; justify-content:center; width:34px; height:34px; min-height:34px; padding:7px; border:1px solid transparent; border-radius:8px; background:transparent; color:var(--text2,#a9b9ca); box-shadow:none; }
#panel-redeem .redeem-stock-icon svg { width:18px; height:18px; pointer-events:none; }
#panel-redeem .redeem-stock-row-actions .redeem-stock-icon:hover, #panel-redeem .redeem-stock-icon:focus-visible { background:var(--surface); color:var(--text); border-color:var(--border); }
#panel-redeem .redeem-stock-row-actions .is-destructive:hover { color:#f58989; }
#panel-redeem .redeem-inventory-item > strong { flex:1 1 160px; }
#panel-redeem .redeem-inventory-item > .redeem-inventory-secret { order:2; }
#panel-redeem .redeem-inventory-item > .redeem-inventory-edit { order:3; }
#panel-redeem #redeem-stock-india-route-field > small { display:block; margin-top:6px; font-size:12px; color:var(--text2); line-height:1.5; }

/* Subscription cost summary and owner price settings. */
.subscription-cost{margin:20px 0;padding:18px 20px;border:1px solid var(--border,#41566b);border-radius:14px;background:rgba(120,170,210,.04)}
.subscription-cost-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.subscription-order-button{padding:9px 14px;border:1px solid var(--border,#41566b);border-radius:9px;background:transparent;color:inherit;cursor:pointer}
.subscription-order-button:disabled{cursor:default;opacity:.7}
.subscription-cost-lines{display:grid;gap:6px;margin:12px 0;font-size:13px;line-height:1.5}
.subscription-cost small{color:var(--text-secondary,#aab9c8);line-height:1.5}
.subscription-price-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0}
.subscription-price-settings form>p{font-size:13px;line-height:1.5;margin-top:12px}
.keybuy-order-review>label{display:flex;gap:8px;align-items:flex-start;margin:12px 0;font-size:13px;line-height:1.5}
@media(max-width:650px){.subscription-price-grid{grid-template-columns:1fr}.subscription-cost{padding:16px}.subscription-cost-head{align-items:flex-start}}

/* Cost breakdown is in the top layer and never changes the card height. */
.subscription-cost-popup{position:fixed;inset:auto;margin:0;box-sizing:border-box;max-height:calc(100vh - 24px);overflow:auto;padding:14px 16px;border:1px solid var(--border,#41566b);border-radius:12px;background:var(--panel,#243244);color:var(--text,#e7edf5);box-shadow:0 12px 32px #0005;z-index:1000}
.subscription-cost-popup .subscription-cost-lines{margin:0 0 10px}
.subscription-cost-popup small{color:var(--text-secondary,#aab9c8)}

/* Home: keep related actions together and give confirmation fields room. */
.home-account-card .home-account-actions.home-account-actions-simple{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;align-items:start}
.home-account-actions-simple .home-main-action{width:100%;min-width:0;white-space:normal;min-height:44px}
.home-account-actions-simple .home-delivery-feedback{grid-column:1/-1}
.home-delivery-dialog{width:min(560px,calc(100vw - 32px));box-sizing:border-box;padding:24px;border-radius:20px}
.home-delivery-dialog h2{margin:0 0 12px;font-size:21px;line-height:1.3}
.home-delivery-dialog>p{margin:0 0 20px;color:var(--text-secondary,#aab9c8);line-height:1.6}
.home-delivery-dialog>label{display:grid;gap:8px;margin:16px 0;font-size:13px;font-weight:600}
.home-delivery-dialog>label[hidden]{display:none}
.home-delivery-dialog select{width:100%;box-sizing:border-box;min-height:44px;padding:10px 12px;border:1px solid var(--border,#41566b);border-radius:12px;background:var(--panel,#243244);color:var(--text,#e7edf5);font:inherit;color-scheme:dark}
.home-delivery-dialog select:focus-visible{outline:2px solid var(--accent,#79afe4);outline-offset:3px}
.home-delivery-dialog select{appearance:none;-webkit-appearance:none;height:46px;padding-right:36px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23aab9c8' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}
.home-delivery-dialog .biz-toolbar{display:flex;justify-content:flex-end;gap:10px;margin-top:24px;flex-wrap:wrap}
.home-delivery-dialog .biz-toolbar button{min-height:44px}
@media(max-width:380px){.home-account-card .home-account-actions.home-account-actions-simple{grid-template-columns:1fr}.home-delivery-dialog{padding:18px}.home-delivery-dialog .biz-toolbar button{flex:1 1 100%}}

/* Mail refresh: visible activity without changing the toolbar width. */
#codes-check-btn { min-width: 180px; }
#codes-check-btn[data-loading="true"] { opacity: 1; cursor: progress; }
#codes-check-btn[data-loading="true"]::before { animation: mail-refresh-spin .8s linear infinite; }
@keyframes mail-refresh-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { #codes-check-btn[data-loading="true"]::before { animation: none; } }

/* Keep mail polling within a stable toolbar and status row. */
#codes-check-btn { width:220px; min-width:220px; font-variant-numeric:tabular-nums; }
#codes-summary { min-height:18px; }
#codes-mailboxes .codes-mailbox { min-height:75px; animation:none; }
#codes-mailboxes .codes-mailbox-progress { min-height:16px; }
#mail-codes-list .mail-code-row { animation:none; }
@media(max-width:600px){#codes-check-btn{width:auto;min-width:180px}}

/* Override the older Mail Codes layout rule in both idle and loading states. */
.layout-transfer #panel-codes #codes-check-btn { width:180px; min-width:180px; max-width:180px; flex:0 0 180px; height:44px; box-sizing:border-box; white-space:nowrap; }
#codes-summary[data-refresh-elapsed]::after { content:' · ' attr(data-refresh-elapsed); font-variant-numeric:tabular-nums; }

.layout-transfer #panel-codes #codes-check-btn { width:180px!important; min-width:180px!important; max-width:180px!important; flex:0 0 180px!important; height:44px!important; }

/* Keep the complete mail toolbar stationary, including its icon and scroll gutter. */
.layout-transfer #panel-codes .codes-panel-body { scrollbar-gutter:stable; overflow-y:scroll; }
.layout-transfer #panel-codes .codes-toolbar { grid-template-columns:minmax(0,1fr) 180px; }
.layout-transfer #panel-codes #codes-check-btn { transform:none; transition:background-color .16s ease; opacity:1; justify-self:end; }
.layout-transfer #panel-codes #codes-check-btn::before { width:15px; height:15px; box-sizing:border-box; margin:0 6px 0 0; border:0; border-radius:0; background:currentColor; -webkit-mask:var(--action-icon) center/contain no-repeat; mask:var(--action-icon) center/contain no-repeat; vertical-align:-2px; }
.layout-transfer #panel-codes .codes-toolbar-meta { height:18px; line-height:18px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
@media(max-width:600px){
 .layout-transfer #panel-codes .codes-toolbar { grid-template-columns:minmax(0,1fr); }
 .layout-transfer #panel-codes .codes-toolbar-copy { grid-column:1; }
}

/* Activity feedback: indeterminate work, distinct from waiting for a person. */
.section-state--loading {position:relative;overflow:hidden;min-height:88px;padding:20px;justify-content:center;}
.section-state--loading > strong {display:inline-flex;align-items:center;justify-content:center;gap:10px;max-width:100%;margin:0;line-height:20px;}
.section-state--loading > strong::before {
 content:"";display:inline-block;box-sizing:border-box;flex:0 0 16px;width:16px;height:16px;
 border:2px solid var(--border);border-top-color:var(--accent,#79b8f4);
 border-radius:50%;animation:bloom-activity-spin .85s linear infinite;
}
#panel-home #home-accounts-refresh {min-width:112px;display:inline-flex;align-items:center;justify-content:center;gap:8px;}
#panel-home #home-accounts-refresh.is-loading::before {
 content:"";width:13px;height:13px;flex:0 0 13px;box-sizing:border-box;
 border:2px solid currentColor;border-right-color:transparent;border-radius:50%;
 animation:bloom-activity-spin .85s linear infinite;
}
#panel-redeem .redeem-task-current {display:flex;align-items:flex-start;gap:.65em;}
#panel-redeem .redeem-task-progress[data-activity] .redeem-task-current::before {
 content:"";display:block;box-sizing:border-box;width:1em;height:1em;flex:0 0 1em;margin-top:.25em;
 border:2px solid var(--border);border-top-color:var(--accent,#79b8f4);
 border-radius:50%;animation:bloom-activity-spin .85s linear infinite;
}
#panel-redeem .redeem-task-progress[data-activity="waiting"] .redeem-task-current::before {
 border:0;background:#efb75d;width:.65em;height:.65em;flex-basis:.65em;margin:.425em .175em 0;
 animation:bloom-activity-wait 1.8s ease-in-out infinite;
}
@keyframes bloom-activity-spin {to{transform:rotate(360deg)}}
@keyframes bloom-activity-wait {50%{opacity:.4}}
@media(prefers-reduced-motion:reduce){
 .section-state--loading > strong::before,
 #panel-home #home-accounts-refresh.is-loading::before,
 #panel-redeem .redeem-task-progress[data-activity] .redeem-task-current::before{animation:none;}
}

/* One counter style and position for section notifications. */
#app-sidebar .chat-item{position:relative}
#app-sidebar .chat-item:has(.activate-nav-status),
#app-sidebar .chat-item:has(#avito-unread-badge),
#app-sidebar .chat-item:has(#chats-unread-badge){padding-right:48px}
#app-sidebar .activate-nav-status{position:absolute;right:14px;top:50%;transform:translateY(-50%);height:20px;margin:0;gap:6px;display:inline-flex;align-items:center}
#app-sidebar :is(.activate-nav-badge,#avito-unread-badge,#chats-unread-badge){box-sizing:border-box;min-width:20px;height:20px;padding:0 6px;margin:0;border:0;border-radius:10px;background:#4b91dd!important;color:#fff!important;font-size:11px;font-weight:700;line-height:20px;text-align:center;flex:none}
#app-sidebar :is(#avito-unread-badge,#chats-unread-badge){position:absolute!important;inset:auto 14px auto auto!important;top:50%!important;transform:translateY(-50%)}
#app-sidebar .activate-nav-spinner{flex:none}

#app-sidebar .chat-item .chat-last-msg{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}