.service-tabs{display:flex;gap:4px;background:#edf3ff;border:1px solid #dce6f8;padding:5px;border-radius:12px;margin-bottom:15px}.service-tabs button{flex:1;min-width:0;min-height:42px;border:0;background:transparent;border-radius:8px;color:#596b87;font-size:13px;white-space:nowrap}.service-tabs button[aria-selected=true]{background:#fff;color:#2463eb;font-weight:600;box-shadow:0 2px 8px #244d8f0b}.service-tabs button:hover{color:var(--brand)}.query-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:12px}.query-toolbar .field-hint{margin:0}.query-clear{background:none;border:0;color:var(--muted);padding:8px 10px;min-height:44px;font-size:12px}.query-small{background:#f3f6fc;border:1px solid #dce5f5;border-radius:6px;padding:7px 10px;min-height:36px;color:#506b96;font-size:11px}.query-message{font-size:12px;margin-top:10px}.query-message:empty{display:none}.query-summary{margin-top:20px;background:#f7f9fd;border:1px solid #dce5f5;border-radius:12px;padding:17px}.query-summary-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.query-summary-head h3{font-size:15px;font-weight:650;color:#183769}.plan-note{font-size:12px;font-weight:600;color:#966027;margin-top:8px}.query-item .plan-line{font-size:13px;font-weight:650;color:#183769;margin-top:6px}.query-status{font-size:11px;background:#e9f1e6;color:#346644;padding:3px 8px;border-radius:5px;white-space:nowrap}.query-status.processing{background:#eaf0f9;color:#4a6c9b}.query-status.review,.query-status.error{background:#fff3df;color:#916a2f}.query-status.unavailable{background:#f0f0eb;color:#73776a}.query-details{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:16px 0 0}.query-details dt{font-size:11px;color:var(--muted)}.query-details dd{font-size:12px;margin:3px 0 0;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.query-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.query-actions .ghost{margin:0}.query-filters{display:flex;flex-wrap:wrap;gap:7px;border-top:1px solid #e2e9f5;padding-top:18px;margin-top:18px}.query-filters button{background:#f7f9fd;border:1px solid #dce5f5;color:#596b87;min-height:34px;border-radius:20px;padding:5px 11px;font-size:11px}.query-filters button[aria-pressed=true]{background:#e5eeff;border-color:#8eb1f7;color:#2454a3}.query-list{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:10px}.query-item{padding:13px;border:1px solid #dce5f5;background:#fafbfe;border-radius:9px}.query-item-top{display:flex;gap:10px;align-items:center;justify-content:space-between}.query-item-code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;overflow-wrap:anywhere;min-width:0}.query-item p{font-size:11px;color:var(--muted);margin-top:5px}.query-item-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:6px}.query-item-bottom .ghost{margin:0;flex-shrink:0}.query-item-bottom time{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.query-empty{text-align:center;padding:20px;color:var(--muted);font-size:12px}.history-panel[role=tabpanel]{margin-top:0}.progress-panel[hidden]{display:none}.query-retry{color:var(--brand);font-size:12px}
@media(max-width:680px){.service-tabs{padding:4px;gap:1px}.service-tabs button{font-size:12px;min-height:44px}.query-details{grid-template-columns:1fr}.query-small,.query-filters button{min-height:44px}.query-toolbar{gap:12px}.query-summary{padding:14px}.query-item-code{font-size:11px}}

.progress-reference{font-size:11px;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;margin:-7px 0 13px;overflow-wrap:anywhere}
/* Subscription results keep the account, entitlement and renewal action together. */
.service-tabs button{padding:0 5px}
#subscription-hint a{color:var(--brand);text-decoration:underline}
#subscription-session{min-height:112px}
.subscription-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px}
.subscription-toolbar p{font-size:12px;color:var(--muted)}
.subscription-toolbar .primary-btn{width:auto;min-width:142px;min-height:44px;margin:0;flex-shrink:0}
#subscription-result{margin-top:24px;border-top:1px solid var(--line);padding-top:24px}
.subscription-result-head{padding:18px 20px;background:#f1f5fe;border:1px solid #dce6f8;border-radius:12px}
.subscription-plan-row{display:flex;align-items:center;justify-content:space-between;gap:16px}
.subscription-plan-row>div{min-width:0}
.subscription-eyebrow{font-size:12px;color:#526b94;line-height:1.4}
#subscription-plan{font-size:28px;line-height:1.25;letter-spacing:-.6px;margin-top:6px;color:#183769;overflow-wrap:anywhere}
.subscription-badge{display:inline-flex;align-items:center;justify-content:center;gap:6px;max-width:100%;padding:4px 9px;border-radius:6px;background:#edf0f5;color:#53627a;font-size:12px;font-weight:600;line-height:1.5;overflow-wrap:anywhere}
.subscription-plan-row>.subscription-badge{flex-shrink:0;max-width:45%}
.subscription-badge[data-tone=success]{background:#e4f2e9;color:#246443}
.subscription-badge[data-tone=warning]{background:#fff0dc;color:#915326}
.subscription-account{display:flex;align-items:baseline;gap:10px;margin-top:14px;padding-top:12px;border-top:1px solid #dce6f8;font-size:13px}
.subscription-account>span:first-child{color:var(--muted);font-size:12px;flex-shrink:0}
#subscription-email{min-width:0;overflow-wrap:anywhere;font-weight:500}
.subscription-highlights{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:18px;margin:0;padding:22px 0 20px;border-bottom:1px solid #e7edf6}
.subscription-highlights>div{min-width:0}
.subscription-highlights dt,.subscription-details dt{font-size:12px;color:var(--muted)}
.subscription-highlights dd{font-size:17px;font-weight:650;line-height:1.5;margin:5px 0 0;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.subscription-timezone{display:block;font-size:11px;color:var(--muted);margin-top:4px}
#subscription-pro20x[data-tone=success]{color:#246443}
.subscription-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px;margin:0;padding:18px 0}
.subscription-details>div{min-width:0}
.subscription-details dd{font-size:14px;font-weight:500;line-height:1.5;margin:4px 0 0;overflow-wrap:anywhere}
.subscription-footnote{font-size:11px;line-height:1.7;color:var(--muted)}
.subscription-renewal{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:20px;padding:16px;background:#f8fafc;border:1px solid #e3e9f2;border-radius:10px}
.subscription-renewal>div{min-width:0}
.subscription-renewal-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px;font-weight:600}
.subscription-renewal p{font-size:12px;color:var(--muted);line-height:1.6;margin-top:7px}
.subscription-renewal .renewal-cancel-btn{margin:0;min-height:44px;padding:8px 12px;font-size:12px;white-space:nowrap;flex-shrink:0;background:#fff}
@media(max-width:680px){.service-tabs{flex-wrap:wrap}.service-tabs button{flex:1 1 calc(33.333% - 4px);font-size:11px}}
@media(max-width:520px),(min-width:681px) and (max-width:950px){
  .subscription-toolbar{align-items:stretch;flex-direction:column;gap:12px}
  .subscription-toolbar .primary-btn{width:100%}
  .subscription-result-head{padding:16px}
  #subscription-plan{font-size:26px}
  .subscription-account{align-items:flex-start;flex-direction:column;gap:3px}
  .subscription-highlights{grid-template-columns:1fr;gap:16px;padding:18px 0}
  .subscription-highlights>div{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:4px 12px}
  .subscription-highlights dd{margin:0;font-size:15px;text-align:right}
  .subscription-timezone{grid-column:2;text-align:right;margin:0}
  .subscription-details{gap:15px 16px}
  .subscription-renewal{align-items:stretch;flex-direction:column;gap:14px}
  .subscription-renewal .renewal-cancel-btn{width:100%}
}
.renewal-cancel-btn{margin-top:18px;min-height:42px;padding:9px 15px;border:1px solid #d5a777;border-radius:9px;background:#fff9f0;color:#91572a;font-weight:600}.renewal-cancel-btn:hover{background:#fff0dd}.renewal-dialog{width:min(480px,calc(100% - 32px));padding:24px;border:1px solid #dce3ef;border-radius:16px;box-shadow:0 24px 80px #182d5340;color:var(--ink)}.renewal-dialog::backdrop{background:#152c5488}.renewal-dialog h3{font-size:18px}.renewal-dialog p{margin-top:9px;color:var(--muted);font-size:13px}.renewal-dialog dl{margin:18px 0 0;padding:14px;background:#f5f7fc;border-radius:10px}.renewal-dialog dl div+div{margin-top:12px}.renewal-dialog dt{font-size:11px;color:var(--muted)}.renewal-dialog dd{margin:3px 0 0;font-weight:600;overflow-wrap:anywhere}.renewal-dialog .err{color:#af3d36;min-height:0}.renewal-dialog-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.renewal-dialog-actions .ghost{margin:0}.renewal-confirm-btn{min-height:42px;padding:9px 14px;border:0;border-radius:8px;background:#a8443a;color:#fff;font-weight:600}.renewal-confirm-btn:hover{background:#92372e}
.query-message.is-loading{display:flex;align-items:center;gap:8px;color:var(--muted)}.query-message.is-loading::before{content:"";width:14px;height:14px;flex:none;border:2px solid #c6d7f6;border-top-color:var(--brand);border-radius:50%;animation:subscription-spin .7s linear infinite}@keyframes subscription-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.query-message.is-loading::before{animation:none;border-top-color:var(--brand)}}
@media(max-width:480px){.renewal-dialog-actions{flex-direction:column-reverse}.renewal-dialog-actions button{width:100%}}

/* Multiple redemptions continue independently of the currently edited form. */
#task-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:17px;height:17px;margin-left:4px;padding:0 4px;border-radius:9px;background:#2463eb;color:#fff;font-size:10px}
.task-shortcut{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;padding:10px 14px;border:1px solid #d5e2f9;border-radius:10px;background:#edf3ff;font-size:12px;color:#345d98}
.task-shortcut button{background:none;border:0;color:var(--brand);font-size:12px;min-height:36px;white-space:nowrap}
.task-panel{scroll-margin-top:20px}
.task-panel .card-heading{gap:14px}
.task-panel .card-heading .query-btn{min-height:44px;font-size:12px;padding:8px 13px}
.task-storage-note{color:var(--muted);font-size:12px;line-height:1.8}
.task-storage-note.warn{color:#915326}
.task-filters{display:flex;gap:7px;flex-wrap:wrap;margin:16px 0 4px}
.task-filters button{min-height:40px;padding:6px 13px;background:#f8fafd;border:1px solid #dce5f5;border-radius:8px;color:var(--muted);font-size:12px}
.task-filters button[aria-pressed=true]{background:#edf3ff;border-color:#95b6f7;color:#2454a3;font-weight:600}
.task-list{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:14px}
.task-item{min-width:0;padding:17px;border:1px solid var(--line);border-radius:12px;background:#fbfcfe}
.task-item-heading{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.task-item-heading h3{font-size:15px;font-weight:600;overflow-wrap:anywhere}
.task-badge{flex-shrink:0;padding:3px 8px;font-size:11px;border-radius:5px;background:#e9f0fd;color:#345d98}
.task-badge.success{background:#e4f2e9;color:#246443}.task-badge.attention{background:#fff0dc;color:#915326}
.task-email{margin-top:7px;font-size:13px;font-weight:500;overflow-wrap:anywhere}
.task-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;list-style:none;padding:0;margin:17px 0 12px}
.task-steps li{border-top:3px solid #e0e7f2;padding-top:6px;font-size:10px;color:#64748b;overflow-wrap:anywhere}
.task-steps li.done{border-color:#6aaa7c;color:#347644}.task-steps li.current{border-color:#3976e9;color:#2454a3}.task-steps li.error{border-color:#b96b5f;color:#a14438}
.task-stage{font-size:12px;color:#445e83;line-height:1.8}
.task-error{margin-top:7px;font-size:12px;color:#915326}
.task-meta{display:flex;flex-direction:column;gap:3px;margin-top:11px;color:var(--muted);font-size:11px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.task-actions{display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid #e6ecf5;margin-top:13px;padding-top:12px}
.task-actions .ghost{margin:0;min-height:40px;font-size:11px}
#task-dialog{max-height:calc(100dvh - 40px);overflow:auto}
@media(max-width:680px){.task-shortcut{align-items:flex-start}.task-panel .form-body{padding:18px 16px}.task-item{padding:14px}.task-filters button,.task-actions .ghost{min-height:44px}.task-panel .card-heading{padding:18px 16px}.task-panel .card-heading h2{font-size:16px}.task-panel .card-heading p{max-width:180px}.task-steps{gap:5px}}

/* Inventory state uses both text, symbols and distinct tones. */
.query-status{display:inline-flex;align-items:center;gap:5px;font-weight:600;padding:5px 9px;border:1px solid transparent}
.query-status.unused{background:#e6f5ec;color:#17633d;border-color:#a5d4b7}
.query-status.unused::before{content:"○"}
.query-status.used{background:#edf0f4;color:#4b5563;border-color:#cdd3dd}
.query-status.used::before{content:"✓"}
.query-status.processing{background:#e8f0ff;color:#2454a3;border-color:#b8cff5}
.query-status.review{background:#fff3df;color:#80521b;border-color:#e8cb9d}
.query-status.error{background:#fff0ef;color:#a3332d;border-color:#edbeb9}
.query-item{border-left-width:4px}
.query-item.unused{border-left-color:#339760;background:#f8fdf9}
.query-item.used{border-left-color:#9ba5b3;background:#f8f9fb}
.query-item.unused .ghost{background:#e6f5ec;border-color:#a5d4b7;color:#17633d;font-weight:600}
.query-filters button[data-filter="unused"][aria-pressed="true"]{background:#e6f5ec;color:#17633d;border-color:#a5d4b7}
.query-filters button[data-filter="used"][aria-pressed="true"]{background:#edf0f4;color:#4b5563;border-color:#9ba5b3}
.task-panel .history-panel{margin:0 24px 24px;border-radius:10px;padding:16px}
@media(max-width:680px){.task-panel .history-panel{margin:0 16px 18px}.query-status{font-size:12px}.query-item-top{flex-wrap:wrap}.query-item-code{overflow-wrap:anywhere;min-width:0}}