/* Compact proxy overview; account tools are shown only when requested. */
#view-plaza { width: 100%; max-width: 1320px; margin-inline: auto; }
#view-plaza > .card { background: transparent; border: 0; box-shadow: none; }
#view-plaza > .card > .card-hd { display: none; }
#view-plaza > .card > .card-bd { padding: 0; }
.proxy-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 22px; flex-wrap: wrap; }
.proxy-toolbar-actions { display: flex; gap: 8px; }
.proxy-toolbar .btn { min-height: 36px; padding-inline: 14px; }
.proxy-toolbar .btn:not(.ghost), .proxy-card .btn:not(.ghost) { background: var(--primary-800); border-color: var(--primary-800); }
#plazaGrid { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 0; gap: 18px; }
.proxy-card { padding: 22px; min-width: 0; border-color: var(--border); }
.proxy-card-head { display: flex; align-items: center; gap: 12px; min-width: 0; }
.proxy-logo { width: 40px; height: 40px; object-fit: contain; flex-shrink: 0; border-radius: 10px; }
.proxy-card-head h3 { font-size: 16px; font-weight: 600; margin: 0; color: var(--t1); }
.proxy-status { margin-left: auto; font-size: 12px; color: var(--t2); background: var(--bg); border-radius: 20px; padding: 4px 9px; white-space: nowrap; }
.proxy-status.ready { color: #087443; background: rgba(0,160,90,.09); }
.proxy-status.attention { color: #995512; background: rgba(210,140,20,.1); }
.proxy-model { margin-top: 24px; display: flex; flex-direction: column; gap: 7px; }
.proxy-model > span { color: var(--t3); font-size: 12px; }
.proxy-model strong { font-size: 16px; font-weight: 600; line-height: 1.5; color: var(--t1); overflow-wrap: anywhere; }
.proxy-account-summary { font-size: 12px; color: var(--t2); margin: 8px 0 20px; line-height: 1.7; min-height: 21px; }
.proxy-card-actions { display: flex; align-items: center; gap: 8px; margin-top: auto; }
.proxy-card-actions .btn { min-height: 36px; padding-inline: 12px; font-size: 12px; }
.proxy-card-actions [data-act=manage] { margin-left: auto; }
.proxy-card-foot { margin-top: 18px; padding-top: 12px; border-top: 1px solid var(--divider); min-height: 28px; font-size: 11px; color: var(--t3); }
.proxy-copy { display: inline-flex; align-items: center; gap: 8px; border: 0; background: transparent; padding: 3px 0; font: 12px/1.5 ui-monospace,Consolas,monospace; color: var(--t2); cursor: pointer; max-width: 100%; overflow-wrap: anywhere; text-align: left; }
.proxy-copy:hover { color: var(--primary-800); }
.proxy-copy svg { width: 14px; height: 14px; flex-shrink: 0; }
.proxy-result .m-st-line { margin-top: 12px; border-top: 0; }
#otherModels { margin-top: 24px; }
#otherModels > summary { cursor: pointer; padding: 12px 0; font-size: 13px; color: var(--t2); }
#otherModelsGrid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; margin-top: 12px; }
#otherModelsGrid .m-desc, #otherModelsGrid .m-meta, #otherModelsGrid .m-tag, #otherModelsGrid .m-title > .m-id { display: none; }
#otherModelsGrid .mcard { padding: 20px; }
#otherModelsGrid .wb-pick-btn { position: static; align-self: flex-end; margin-bottom: 12px; }
#otherModelsGrid .m-top { align-items: center; }
#testSummary[hidden], #otherModels[hidden], .proxy-backdrop[hidden], .proxy-drawer[hidden] { display: none; }
#testSummary { margin-top: 0; margin-bottom: 18px; font-size: 12px; }
.proxy-backdrop { position: fixed; inset: 0; z-index: 70; background: rgba(18,25,38,.35); }
.proxy-drawer { position: fixed; inset: 0 0 0 auto; width: min(780px, 92vw); background: var(--bg); color: var(--t1); z-index: 80; overflow-y: auto; box-shadow: -12px 0 40px rgba(18,25,38,.12); }
.proxy-drawer-header { position: sticky; top: 0; z-index: 3; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 20px 24px; background: var(--card); border-bottom: 1px solid var(--divider); }
.proxy-drawer-header h2 { margin: 0; font-size: 17px; font-weight: 600; }
.proxy-drawer-close { border: 1px solid var(--border); border-radius: 9px; background: var(--card); color: var(--t2); font-size: 24px; width: 36px; height: 36px; line-height: 1; cursor: pointer; }
.proxy-drawer-content { padding: 20px 24px 40px; }
.proxy-provider { display: none; }
.proxy-provider.show { display: block; }
#proxyDrawer .proxy-hidden-stats { display: none; }
.proxy-provider > .card { margin-bottom: 16px; }
.proxy-provider .card-hd { flex-wrap: wrap; gap: 10px; }
.proxy-provider .card-hd h3 { font-size: 14px; }
.proxy-provider .range-bar, .proxy-provider .row3, .proxy-provider .sn-actions { flex-wrap: wrap; }
.proxy-provider .sn-actions [hidden] { display: none; }
.proxy-provider .range-bar { justify-content: flex-start; }
.proxy-provider .hint { overflow-wrap: anywhere; }
.proxy-provider input, .proxy-provider select { max-width: 100%; }
.proxy-table-scroll { overflow-x: auto; max-width: 100%; }
.proxy-provider .u-table { min-width: 560px; }
.proxy-help { padding: 10px 0; color: var(--t2); font-size: 12px; }
.proxy-help > summary { cursor: pointer; color: var(--t2); padding-block: 5px; }
.proxy-help p { margin-bottom: 0; }
.proxy-catalog > .card { margin-top: 12px; }
body.proxy-manager-open { overflow: hidden; }
.qd-account { padding: 16px 0; border-bottom: 1px solid var(--border); }
.oc-account { padding: 16px 0; border-bottom: 1px solid var(--border); }
.oc-account:last-child { border-bottom: 0; }
.oc-account-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; }
.oc-account-head strong { overflow-wrap: anywhere; }
.qd-region-switch { display: flex; gap: 4px; width: fit-content; max-width: 100%; margin-top: 18px; padding: 4px; border: 1px solid var(--border); border-radius: 10px; background: var(--bg); }
.qd-region-switch button { min-height: 36px; padding: 6px 18px; border: 0; border-radius: 7px; background: transparent; color: var(--t2); font: inherit; font-size: 12px; cursor: pointer; }
.qd-region-switch button[aria-pressed=true] { background: var(--card); color: var(--primary-800); box-shadow: 0 1px 4px rgba(18,25,38,.09); font-weight: 600; }
.qd-region-switch + .proxy-model { margin-top: 16px; }
.qd-account:last-child { border-bottom: 0; }
.qd-account-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; }
.qd-account-head strong { overflow-wrap: anywhere; }
.qd-manager .qd-account { padding: 0 0 22px; margin-bottom: 22px; }
.qd-manager .qd-account:last-child { margin-bottom: 0; padding-bottom: 0; }
.qd-model-count { display: block; margin-top: 5px; color: var(--t2); font-size: 12px; }
.qd-credits { margin-top: 22px; }
.qd-balance-label { color: var(--t2); font-size: 12px; }
.qd-balance { display: flex; gap: 9px; align-items: baseline; margin: 5px 0 18px; font-variant-numeric: tabular-nums; }
.qd-balance strong { font-size: 34px; line-height: 1.2; font-weight: 650; color: var(--t1); letter-spacing: -1px; }
.qd-balance > span { font-size: 13px; color: var(--t2); }
.qd-quota-pools { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.qd-quota-pool { min-width: 0; padding: 12px 14px; border-radius: 10px; background: var(--bg); border: 1px solid var(--divider); }
.qd-quota-pool > div { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; font-size: 12px; color: var(--t2); }
.qd-quota-pool strong { font-size: 17px; color: var(--t1); font-variant-numeric: tabular-nums; }
.qd-quota-pool progress { width: 100%; height: 5px; display: block; margin-top: 10px; border: 0; border-radius: 8px; overflow: hidden; background: var(--border); accent-color: var(--primary-800); }
.qd-quota-pool progress::-webkit-progress-bar { background: var(--border); border-radius: 8px; }
.qd-quota-pool progress::-webkit-progress-value { background: var(--primary-800); border-radius: 8px; }
.qd-quota-pool:nth-child(2) progress { accent-color: #168366; }
.qd-quota-pool:nth-child(2) progress::-webkit-progress-value { background: #168366; }
.qd-manager .qd-credit-note { font-size: 12px; margin-top: 8px; color: var(--t2); }
.qd-checkin-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-top: 20px; }
.qd-checkin-state { font-size: 12px; color: var(--t2); overflow-wrap: anywhere; }
.qd-checkin-state::before { content: ''; display: inline-block; width: 6px; height: 6px; margin-right: 7px; border-radius: 50%; background: currentColor; vertical-align: middle; }
.qd-checkin-state.ready { color: #087443; }
.qd-checkin-state.attention { color: #995512; }
.qd-checkin-row .btn { min-height: 38px; }
.qd-account-settings { margin-top: 16px; padding-top: 12px; border-top: 1px solid var(--divider); }
.qd-account-settings > summary, .qd-checkin-help > summary { width: fit-content; cursor: pointer; color: var(--t2); font-size: 12px; padding-block: 6px; }
.qd-account-settings > p { margin: 10px 0; }
.qd-schedule-card { padding: 18px 20px; }
.qd-schedule { display: flex; align-items: center; flex-wrap: wrap; gap: 10px 14px; }
.qd-schedule > div { display: flex; align-items: center; gap: 10px; }
.qd-schedule strong { font-size: 13px; }
.qd-schedule > button { margin-left: auto; }
.qd-checkin-help { margin-top: 8px; }
.qd-checkin-help p { margin-top: 8px; }
.qd-connect > summary { cursor: pointer; display: flex; align-items: center; gap: 12px; padding: 18px 20px; list-style: none; }
.qd-connect > summary::-webkit-details-marker { display: none; }
.qd-connect > summary::before { content: '+'; font-size: 22px; font-weight: 400; color: var(--primary-800); }
.qd-connect[open] > summary::before { content: '−'; }
.qd-connect > summary strong { font-size: 13px; }
.qd-connect > summary span { margin-left: auto; font-size: 12px; color: var(--t2); }
.qd-connect[open] > summary { border-bottom: 1px solid var(--divider); }
html.dark .qd-checkin-state.ready { color: #70e4a8; }
html.dark .qd-checkin-state.attention { color: #ffd08a; }
html.dark .qd-quota-pool:nth-child(2) progress::-webkit-progress-value { background: #4ec79e; }
@media (max-width: 480px) {
  .qd-quota-pools { gap: 8px; }
  .qd-quota-pool { padding: 10px; }
  .qd-quota-pool > div { flex-wrap: wrap; gap: 4px; }
  .qd-checkin-row { align-items: stretch; }
  .qd-checkin-row > .sn-actions { width: 100%; }
  .qd-checkin-row > .sn-actions > .btn { flex: 1; }
  .qd-schedule > .hint { flex-basis: 100%; order: 3; }
}
.qd-option { text-align: left; width: 100%; color: inherit; font: inherit; background: none; }
.qd-option:focus-visible, #qdPickModal :focus-visible { outline: 2px solid var(--primary); outline-offset: 2px; }
#qdPickAccount { max-width: 100%; min-width: 0; }
#qdPickModal .wb-pick-hd { align-items: center; justify-content: space-between; }
.proxy-drawer :focus-visible, #view-plaza :focus-visible { outline: 2px solid var(--primary-800); outline-offset: 3px; }
html.dark .proxy-status.ready { color: #70e4a8; }
html.dark .proxy-status.attention { color: #ffd08a; }
html.dark #view-plaza .btn:not(.ghost) { color: #081521; }
@media (min-width: 1600px) { #plazaGrid { grid-template-columns: repeat(3,minmax(0,1fr)); } }
@media (max-width: 640px) {
  #plazaGrid, #otherModelsGrid { grid-template-columns: minmax(0,1fr); gap: 14px; }
  .proxy-card { padding: 18px; }
  .proxy-toolbar { gap: 12px; margin-bottom: 16px; }
  .proxy-toolbar-actions { width: 100%; }
  .proxy-toolbar-actions .btn { flex: 1; min-height: 44px; }
  .proxy-card-actions .btn { min-height: 44px; }
  .qd-region-switch button { min-height: 44px; }
  .proxy-copy { min-height: 32px; }
  .proxy-drawer { width: 100%; }
  .proxy-drawer-header { padding: 16px; }
  .proxy-drawer-content { padding: 16px; }
  .proxy-drawer-close { width: 44px; height: 44px; }
  .proxy-provider .row2, .proxy-provider .row3 { display: flex; flex-direction: column; align-items: stretch !important; }
  .proxy-provider .row2 > *, .proxy-provider .row3 > * { width: 100%; min-width: 0; }
  .proxy-provider .btn { min-height: 44px; }
}
.provider-checkin-list { list-style: none; margin: 14px 0 0; padding: 0; }
.provider-checkin-list li { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 16px; padding: 10px 0; border-top: 1px solid var(--border); }
.provider-checkin-list li strong { overflow-wrap: anywhere; }
.provider-checkin-list li small { width: 100%; }
.pm-manager > .card { margin-bottom: 18px; }
.pm-manager > .card > .card-hd { padding: 16px 18px; }
.pm-manager > .card > .card-bd { padding: 18px; }
.pm-manager .pm-account, .pm-manager .qd-account { min-width: 0; padding: 0 0 22px; margin: 0 0 22px; border: 0; border-bottom: 1px solid var(--divider); }
.pm-manager .pm-account:last-child, .pm-manager .qd-account:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: 0; }
.pm-account .qd-account-head > div { min-width: 0; }
.pm-account .qd-account-head strong { font-size: 15px; }
.pm-account .badge { padding: 4px 9px; border-radius: 20px; white-space: nowrap; }
.pm-account .badge.on { color: #087443; background: rgba(0,160,90,.09); }
.pm-account-name { display: inline-flex; align-items: center; gap: 9px; max-width: 100%; }
.pm-account-name input { accent-color: var(--primary-800); flex-shrink: 0; }
.pm-account .qd-credits { margin-top: 20px; }
.pm-account .qd-balance { margin-bottom: 12px; }
.pm-account .qd-balance strong { overflow-wrap: anywhere; }
.pm-account-actions { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-top: 18px; }
.pm-account .sn-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.pm-manager .qd-account-settings { clear: both; }
.pm-manager .qd-account-settings p { overflow-wrap: anywhere; line-height: 1.7; }
.pm-manager .qd-credit-note { margin-bottom: 14px; }
.pm-manager .sn-quota { margin-top: 0; }
.pm-manager .sn-pool { box-shadow: none; }
.pm-list-tools { padding: 10px 18px 0; font-size: 12px; color: var(--t2); }
.pm-list-tools label { display: inline-flex; align-items: center; gap: 6px; min-height: 32px; cursor: pointer; }
.pm-filters { padding: 10px 18px 0; color: var(--t2); font-size: 12px; }
.pm-filters > summary { cursor: pointer; padding: 6px 0; width: fit-content; }
.pm-filters .range-bar { padding-top: 10px; }
.pm-auxiliary { margin: 0 0 18px; color: var(--t2); font-size: 12px; }
.pm-auxiliary > summary { padding: 16px 18px; cursor: pointer; }
.pm-auxiliary > .card { margin: 0; border: 0; box-shadow: none; }
.pm-auxiliary > .card > .card-hd { display: none; }
.pm-manager .qd-connect > summary { min-height: 66px; }
.pm-manager .qd-connect > summary span { text-align: right; }
.pm-manager .qd-account-settings > summary, .pm-manager .qd-checkin-help > summary { min-height: 32px; }
.pm-manager .pm-auxiliary > p { padding: 0 18px 12px; margin: 0; }
#proxyDrawer #view-agnes > .qd-connect > summary { padding: 18px 20px; }
@media (prefers-reduced-motion: reduce) { .pm-manager .sn-fill { transition: none; } }
html.dark .pm-account .proxy-status.ready { color: #70e4a8; }
html.dark .pm-account .badge.on { color: #70e4a8; }
html.dark .pm-account .proxy-status.attention { color: #ffd08a; }
@media (max-width: 640px) {
  .pm-manager .pm-account-actions > .sn-actions { width: 100%; }
  .pm-manager .pm-account-actions > .sn-actions .btn { flex: 1; }
  .pm-manager > .card > .card-bd { padding: 16px; }
  .pm-manager .qd-schedule-card { padding: 16px; }
  .pm-manager .qd-account-head { align-items: flex-start; }
  .pm-manager .qd-connect > summary { padding: 16px; gap: 8px; }
  .pm-manager .qd-connect > summary span { font-size: 11px; }
  .pm-manager .qd-account-settings > summary, .pm-manager .qd-checkin-help > summary { min-height: 44px; }
}
@media (prefers-reduced-motion: reduce) { #view-plaza .mcard { transition: none; } #view-plaza .mcard:hover { transform: none; } }