/* Claude 接单管理 · 视觉优化覆盖层 claude-queue-ui-polish-20261006-v2
   只改样式，不改结构、文案和逻辑。原样式在 Queue 组件内联 <style> 里（文档顺序在本文件之后），
   所以这里统一用 section.claude-admin-queue 前缀提高优先级覆盖；颜色走站点变量，深色模式同样可用。 */

section.claude-admin-queue{
 --cq-card:var(--bg-card,#fff);
 --cq-subtle:var(--bg-subtle,#f3f4f7);
 --cq-line:var(--line,rgba(15,23,42,.1));
 --cq-text:var(--text,#1d1d1f);
 --cq-muted:var(--text-muted,#6e6e73);
 --cq-faint:var(--text-faint,#86868b);
 --cq-accent:var(--accent,#0071e3);
 --cq-accent-soft:var(--accent-soft,#e9f2fe);
 --cq-green:var(--green,#1a9e54);
 --cq-amber:var(--amber,#b9770a);
 --cq-indigo:#5b5bd6;
 --cq-hover:rgba(15,23,42,.035);
 --cq-mono:ui-monospace,SFMono-Regular,"Cascadia Mono",Consolas,monospace;
 padding:4px 0 32px;
 color:var(--cq-text);
}

/* ---------- 页头 ---------- */
section.claude-admin-queue>header{align-items:center;margin-bottom:20px}
section.claude-admin-queue h2{font-size:26px;font-weight:700;letter-spacing:-.02em;line-height:1.25;margin:0 0 4px}
section.claude-admin-queue header p{color:var(--cq-muted);font-size:13px}
section.claude-admin-queue .claude-admin-eyebrow{color:#a0714a;font-size:11px;letter-spacing:.14em;margin:0 0 4px}

/* ---------- 搜索 / 筛选 ---------- */
section.claude-admin-queue .claude-admin-toolbar{gap:10px;margin-bottom:14px}
section.claude-admin-queue .claude-admin-toolbar form{gap:8px}
section.claude-admin-queue .claude-admin-toolbar input[type=search]{
 height:40px;padding:0 12px 0 36px;border:1px solid var(--cq-line);border-radius:10px;
 background:var(--cq-card) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2386868b' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") no-repeat 12px center/16px;
 color:var(--cq-text);font-size:14px;transition:border-color .15s,box-shadow .15s}
section.claude-admin-queue .claude-admin-toolbar input[type=search]::placeholder{color:var(--cq-faint)}
section.claude-admin-queue .claude-admin-toolbar input[type=search]:focus{outline:none;border-color:var(--cq-accent);box-shadow:0 0 0 3px var(--cq-accent-soft)}
section.claude-admin-queue .claude-admin-toolbar .btn{min-height:40px;padding:0 16px;border-radius:10px}
section.claude-admin-queue .claude-admin-toolbar select{height:40px;padding:0 10px;border:1px solid var(--cq-line);border-radius:10px;background:var(--cq-card);color:var(--cq-text);font-size:14px;cursor:pointer}
section.claude-admin-queue .claude-admin-toolbar select:focus-visible{outline:none;border-color:var(--cq-accent);box-shadow:0 0 0 3px var(--cq-accent-soft)}
section.claude-admin-queue .claude-auto-refresh{height:40px;padding:0 12px;border:1px solid var(--cq-line);border-radius:10px;background:var(--cq-card);color:var(--cq-muted);font-size:13px;cursor:pointer;user-select:none}
section.claude-admin-queue .claude-auto-refresh input{accent-color:var(--cq-accent);margin:0}

/* ---------- 状态分段 ---------- */
section.claude-admin-queue .claude-admin-tabs{display:inline-flex;flex-wrap:wrap;gap:2px;padding:3px;border:1px solid var(--cq-line);border-radius:12px;background:var(--cq-subtle)}
section.claude-admin-queue .claude-admin-tabs button{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;padding:6px 12px;border-radius:9px;color:var(--cq-muted);font-size:13px;font-weight:500;transition:background-color .15s,color .15s}
section.claude-admin-queue .claude-admin-tabs button:hover{color:var(--cq-text);background:var(--cq-hover)}
section.claude-admin-queue .claude-admin-tabs button:focus-visible{outline:2px solid var(--cq-accent);outline-offset:-2px}
section.claude-admin-queue .claude-admin-tabs .selected,
section.claude-admin-queue .claude-admin-tabs .selected:hover{background:var(--cq-card);color:var(--cq-accent);font-weight:600;box-shadow:0 1px 2px rgba(15,23,42,.08),0 2px 8px rgba(15,23,42,.06)}
section.claude-admin-queue .claude-admin-tabs span{margin:0;opacity:1;min-width:22px;padding:0 6px;border-radius:999px;background:rgba(120,130,145,.14);color:inherit;font-size:11.5px;font-weight:600;line-height:18px;text-align:center;font-variant-numeric:tabular-nums}
section.claude-admin-queue .claude-admin-tabs .selected span{background:var(--cq-accent-soft);color:var(--cq-accent)}

/* ---------- 说明 ---------- */
section.claude-admin-queue .claude-admin-note{
 margin:12px 0 16px;padding:9px 12px 9px 34px;border-radius:10px;
 background:var(--cq-subtle) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2386868b' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v5M12 8h.01'/%3E%3C/svg%3E") no-repeat 12px 11px/15px;
 color:var(--cq-muted);font-size:12px;line-height:1.65}

/* ---------- 订单列表：一单一行 ---------- */
section.claude-admin-queue .claude-admin-orders{container:cq-orders/inline-size;border:1px solid var(--cq-line);border-radius:14px;background:var(--cq-card);overflow:hidden;box-shadow:0 1px 2px rgba(15,23,42,.04)}
section.claude-admin-queue .claude-admin-orders:empty{display:none}
section.claude-admin-queue .claude-order-card{--cq-bar:transparent;margin:0;border:0;border-radius:0;background:transparent;overflow:visible;box-shadow:inset 3px 0 0 var(--cq-bar)}
section.claude-admin-queue .claude-order-card+.claude-order-card{border-top:1px solid var(--cq-line)}
/* 左侧色条：已完成不标，未完成按状态标色，扫一眼就能找到要处理的单 */
section.claude-admin-queue .claude-order-card:has(>details>summary>.claude-order-badge.is-pending){--cq-bar:var(--cq-indigo)}
section.claude-admin-queue .claude-order-card:has(>details>summary>.claude-order-badge.is-processing){--cq-bar:var(--cq-accent)}
section.claude-admin-queue .claude-order-card:has(>details>summary>.claude-order-badge.is-review){--cq-bar:var(--cq-amber)}
section.claude-admin-queue .claude-order-card:has(>details>summary>.claude-order-badge.is-aftercare){--cq-bar:#a1a8b3}

section.claude-admin-queue .claude-order-card summary{display:grid;grid-template-columns:minmax(0,1fr) 128px 22px;grid-template-rows:auto auto;align-items:center;gap:3px 16px;padding:11px 16px 11px 20px;transition:background-color .15s}
section.claude-admin-queue .claude-order-card summary:hover{background:var(--cq-hover)}
section.claude-admin-queue .claude-order-card summary:focus-visible{outline:2px solid var(--cq-accent);outline-offset:-2px}
section.claude-admin-queue .claude-order-card details[open]>summary{background:var(--cq-subtle)}

section.claude-admin-queue .claude-order-heading{grid-column:1;grid-row:1/3;display:grid;grid-template-columns:118px minmax(0,1fr) 440px;column-gap:18px;row-gap:1px;align-items:center}
section.claude-admin-queue .claude-order-heading>strong{grid-column:1;grid-row:1/3;font-size:14px;font-weight:650;letter-spacing:-.01em;line-height:1.35}
section.claude-admin-queue .claude-order-heading>.claude-order-account{grid-column:2;grid-row:1;margin:0;color:var(--cq-text);font-size:12.5px;line-height:1.5}
section.claude-admin-queue .claude-order-heading>code:not(.claude-order-cdk){grid-column:2;grid-row:2;color:var(--cq-faint);font-family:var(--cq-mono);font-size:11.5px;line-height:1.5}
section.claude-admin-queue .claude-order-heading>.claude-order-cdk{grid-column:3;grid-row:1/3;justify-self:start;align-self:center}

section.claude-admin-queue .claude-order-card .claude-order-cdk{
 display:inline-block;max-width:100%;margin:0;padding:4px 30px 4px 10px;border:1px solid var(--cq-line);border-radius:8px;
 background:var(--cq-subtle) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2386868b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='9' width='12' height='12' rx='2'/%3E%3Cpath d='M5 15H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v1'/%3E%3C/svg%3E") no-repeat right 9px center/13px;
 color:var(--cq-text);font-family:var(--cq-mono);font-size:12px;line-height:1.5;overflow-wrap:anywhere;transition:border-color .15s,background-color .15s,color .15s}
section.claude-admin-queue .claude-order-card .claude-order-cdk:hover{border-color:var(--cq-accent);background-color:var(--cq-accent-soft);color:var(--cq-accent)}
section.claude-admin-queue .claude-order-card .claude-order-cdk.is-missing{padding-right:10px;border-style:dashed;background:transparent;color:var(--cq-faint);font-family:inherit;font-size:12px}
section.claude-admin-queue .claude-order-card .claude-order-cdk.is-missing:hover{border-color:var(--cq-line);color:var(--cq-faint)}
section.claude-admin-queue .claude-order-cdk-ok{color:var(--cq-green);font-family:inherit;font-weight:600}
section.claude-admin-queue .claude-order-cdk-error{color:var(--red,#e5484d);font-family:inherit}

/* 状态徽章 */
section.claude-admin-queue .claude-order-badge{grid-column:2;grid-row:1;justify-self:end;align-self:end;display:inline-flex;align-items:center;gap:6px;padding:3px 10px 3px 8px;border-radius:999px;background:rgba(120,130,145,.13);color:var(--cq-muted);font-size:12px;font-weight:600;line-height:1.5}
section.claude-admin-queue .claude-order-badge::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:currentColor}
section.claude-admin-queue .claude-order-badge.is-completed{background:rgba(26,158,84,.12);color:var(--cq-green)}
section.claude-admin-queue .claude-order-badge.is-processing{background:rgba(0,113,227,.12);color:var(--cq-accent)}
section.claude-admin-queue .claude-order-badge.is-processing::before{animation:cq-pulse 1.6s ease-out infinite}
section.claude-admin-queue .claude-order-badge.is-review{background:rgba(185,119,10,.14);color:var(--cq-amber)}
section.claude-admin-queue .claude-order-badge.is-pending{background:rgba(91,91,214,.13);color:var(--cq-indigo)}
@keyframes cq-pulse{0%{box-shadow:0 0 0 0 currentColor}70%,100%{box-shadow:0 0 0 5px transparent}}

section.claude-admin-queue .claude-order-card time{grid-column:2;grid-row:2;justify-self:end;align-self:start;color:var(--cq-muted);font-size:12px;font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}
section.claude-admin-queue .claude-order-chevron{grid-column:3;grid-row:1/3;display:grid;place-items:center;width:22px;height:22px;margin:0;font-size:0;color:var(--cq-faint);transition:transform .2s}
section.claude-admin-queue .claude-order-chevron::before{content:"";width:7px;height:7px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:translateY(-2px) rotate(45deg)}
section.claude-admin-queue .claude-order-card summary:hover .claude-order-chevron{color:var(--cq-text)}

/* ---------- 展开详情 ---------- */
section.claude-admin-queue .claude-order-detail{border-top:1px solid var(--cq-line);padding:18px 20px 20px 23px;background:var(--cq-subtle);font-size:13px}
section.claude-admin-queue .claude-order-detail>dl{grid-template-columns:minmax(0,.7fr) minmax(0,.7fr) minmax(0,1.3fr) minmax(0,1.3fr);gap:12px 20px;margin:0 0 14px;padding:14px 16px;border:1px solid var(--cq-line);border-radius:12px;background:var(--cq-card)}
section.claude-admin-queue .claude-order-detail>dl dt{color:var(--cq-faint);font-size:12px}
section.claude-admin-queue .claude-order-detail>dl dd{margin:2px 0 0;font-size:13px;font-variant-numeric:tabular-nums}
section.claude-admin-queue section.claude-admin-original-facts{background:var(--cq-card)!important;border-color:var(--cq-line)!important;margin-bottom:14px!important}
section.claude-admin-queue section.claude-admin-original-facts>div{border-top-color:var(--cq-line)!important}
section.claude-admin-queue .claude-order-detail>div[role=status]{margin:0 0 12px;padding:12px 14px;border:1px solid var(--cq-line);border-radius:10px;background:var(--cq-card)}
section.claude-admin-queue .claude-order-detail>div[role=status] p{margin:4px 0 0;color:var(--cq-muted)}
section.claude-admin-queue .claude-order-detail>div[role=status] ul{margin:6px 0 0;padding-left:18px}
section.claude-admin-queue .claude-order-detail .hint,
section.claude-admin-queue .claude-order-detail>small{display:block;color:var(--cq-faint);font-size:12px}
section.claude-admin-queue .claude-order-detail .claude-force-actions{gap:8px;margin-top:14px;padding-top:14px;border-top:1px dashed var(--cq-line)}
section.claude-admin-queue .claude-support-session{border-color:var(--cq-line);background:var(--cq-card)}

/* ---------- 分页 / 空 / 错误 ---------- */
section.claude-admin-queue .claude-admin-pagination{margin-top:14px;color:var(--cq-muted);font-size:12.5px}
section.claude-admin-queue .claude-empty{padding:56px 16px;border:1px dashed var(--cq-line);border-radius:14px;background:var(--cq-card);color:var(--cq-faint)}

/* ---------- 列表较窄：卡密换到第二行（按列表实际宽度判断） ---------- */
@container cq-orders (max-width:1100px){
 section.claude-admin-queue .claude-order-heading{grid-template-columns:112px minmax(0,1fr)}
 section.claude-admin-queue .claude-order-heading>.claude-order-cdk{grid-column:2;grid-row:3;margin-top:5px}
 section.claude-admin-queue .claude-order-heading>strong{grid-row:1/4;align-self:start;padding-top:1px}
 section.claude-admin-queue .claude-order-detail>dl{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* ---------- 列表很窄（手机）：整行堆叠 ---------- */
@container cq-orders (max-width:640px){
 section.claude-admin-queue .claude-order-card summary{grid-template-columns:auto minmax(0,1fr) 22px;grid-template-rows:auto auto;gap:8px 10px;padding:12px 14px 12px 16px}
 section.claude-admin-queue .claude-order-heading{grid-column:1/-1;grid-row:1;grid-template-columns:minmax(0,1fr)}
 section.claude-admin-queue .claude-order-heading>strong,
 section.claude-admin-queue .claude-order-heading>.claude-order-account,
 section.claude-admin-queue .claude-order-heading>code:not(.claude-order-cdk),
 section.claude-admin-queue .claude-order-heading>.claude-order-cdk{grid-column:1;grid-row:auto;padding:0}
 section.claude-admin-queue .claude-order-heading>.claude-order-cdk{margin-top:6px}
 section.claude-admin-queue .claude-order-badge{grid-column:1;grid-row:2;justify-self:start;align-self:center}
 section.claude-admin-queue .claude-order-card time{grid-column:2;grid-row:2;justify-self:start;align-self:center;flex-basis:auto;text-align:left}
 section.claude-admin-queue .claude-order-chevron{grid-column:3;grid-row:2;margin:0}
 section.claude-admin-queue .claude-order-detail{padding:14px}
 section.claude-admin-queue .claude-order-detail>dl{grid-template-columns:minmax(0,1fr)}
}

/* ---------- 手机：页头与工具栏 ---------- */
@media (max-width:720px){
 section.claude-admin-queue>header{align-items:flex-start}
 section.claude-admin-queue h2{font-size:22px}
 section.claude-admin-queue .claude-admin-tabs{display:flex}
 section.claude-admin-queue .claude-admin-tabs button{padding:6px 10px}
}

@media (prefers-color-scheme:dark){
 section.claude-admin-queue{--cq-indigo:#9d9bff;--cq-hover:rgba(255,255,255,.04)}
 section.claude-admin-queue .claude-admin-eyebrow{color:#d0a27a}
}
@media (prefers-reduced-motion:reduce){
 section.claude-admin-queue .claude-order-badge.is-processing::before{animation:none}
 section.claude-admin-queue .claude-order-chevron{transition:none}
}

/* ======================================================================
   Claude 20x 专用 IP 池（section.adm-card.claude-ip-pool）
   原样式在 claude-max20-auto-delivery-20261005-v1/panel.css。站点默认的 .hint 是带边框的灰底框，
   这个面板里八九段说明都套成了框。这里改成小号正文，只保留顶部第一段做提示条。
   ====================================================================== */
section.claude-ip-pool{
 --cq-card:var(--bg-card,#fff);
 --cq-subtle:var(--bg-subtle,#f3f4f7);
 --cq-line:var(--line,rgba(15,23,42,.1));
 --cq-text:var(--text,#1d1d1f);
 --cq-muted:var(--text-muted,#6e6e73);
 --cq-faint:var(--text-faint,#86868b);
 --cq-accent:var(--accent,#0071e3);
 --cq-accent-soft:var(--accent-soft,#e9f2fe);
 --cq-green:var(--green,#1a9e54);
 --cq-amber:var(--amber,#b9770a);
 --cq-red:var(--red,#e5484d);
 --cq-indigo:#5b5bd6;
 --cq-mono:ui-monospace,SFMono-Regular,"Cascadia Mono",Consolas,monospace;
 gap:14px;padding:22px 24px 24px;border-radius:16px;
}
section.claude-ip-pool>.adm-card-head{align-items:baseline;gap:6px 12px}
section.claude-ip-pool>.adm-card-head strong{font-size:18px;font-weight:700;letter-spacing:-.01em}
section.claude-ip-pool>.adm-card-head>span{font-size:12.5px;color:var(--cq-muted)}

/* 说明文字：默认小号正文；标题下第一段做提示条 */
section.claude-ip-pool .hint{margin:0;padding:0;border:0;border-radius:0;background:none;color:var(--cq-muted);font-size:12.5px;line-height:1.65}
section.claude-ip-pool>.adm-card-head+p.hint{
 padding:10px 12px 10px 34px;border-radius:10px;
 background:var(--cq-subtle) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2386868b' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v5M12 8h.01'/%3E%3C/svg%3E") no-repeat 12px 12px/15px;
 font-size:12px}
section.claude-ip-pool>p.hint.ip-pool-fallback{padding-left:10px;border-left:2px solid var(--cq-amber)}

/* 顶部状态条 */
section.claude-ip-pool .ip-pool-toolbar{gap:10px}
section.claude-ip-pool .ip-pool-mode{display:inline-flex;align-items:center;gap:7px;padding:5px 12px 5px 10px;border-radius:999px;background:rgba(120,130,145,.13);color:var(--cq-muted);font-size:12.5px;font-weight:600}
section.claude-ip-pool .ip-pool-mode::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
section.claude-ip-pool .ip-pool-mode.is-enabled{background:rgba(26,158,84,.12);color:var(--cq-green)}

/* 全池检测进度：标题与按钮同一行，计数做成色块 */
section.claude-ip-pool .ip-pool-check-progress{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px 16px;margin:0;padding:14px 16px;border:1px solid var(--cq-line);border-radius:12px;background:var(--cq-card)}
section.claude-ip-pool .ip-pool-check-progress>*{grid-column:1/-1}
section.claude-ip-pool .ip-pool-check-progress>strong{grid-column:1;grid-row:1;font-size:14px}
section.claude-ip-pool .ip-pool-check-progress>button{grid-column:2;grid-row:1;justify-self:end}
section.claude-ip-pool .ip-pool-check-counts{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:0}
section.claude-ip-pool .ip-pool-check-counts>span{--c:var(--cq-faint);display:flex;align-items:center;gap:7px;padding:8px 10px;border-radius:10px;background:var(--cq-subtle);color:var(--cq-text);font-size:13px;font-weight:600;white-space:nowrap}
section.claude-ip-pool .ip-pool-check-counts>span::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:var(--c)}
section.claude-ip-pool .ip-pool-check-counts>span:nth-child(1){--c:var(--cq-indigo)}
section.claude-ip-pool .ip-pool-check-counts>span:nth-child(2){--c:var(--cq-accent)}
section.claude-ip-pool .ip-pool-check-counts>span:nth-child(3){--c:var(--cq-amber)}
section.claude-ip-pool .ip-pool-check-counts>span:nth-child(4){--c:var(--cq-green);background:rgba(26,158,84,.1)}
section.claude-ip-pool .ip-pool-check-counts>span:nth-child(5){--c:var(--cq-red)}
section.claude-ip-pool .ip-pool-check-counts>span:nth-child(6){--c:#a1a8b3}

/* 设置：「使用代理池」做成开关 */
section.claude-ip-pool .ip-pool-settings{display:grid;gap:6px;margin:0;padding:12px 16px;border:1px solid var(--cq-line);border-radius:12px;background:var(--cq-card)}
section.claude-ip-pool .ip-pool-settings>.ip-pool-checkbox{margin:0;align-items:center;gap:10px;font-size:14px;font-weight:600;color:var(--cq-text);cursor:pointer}
section.claude-ip-pool .ip-pool-checkbox input[role=switch]{-webkit-appearance:none;appearance:none;position:relative;flex:none;width:38px;height:22px;margin:0;border-radius:999px;background:rgba(120,130,145,.35);cursor:pointer;transition:background-color .2s}
section.claude-ip-pool .ip-pool-checkbox input[role=switch]::after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .2s}
section.claude-ip-pool .ip-pool-checkbox input[role=switch]:checked{background:var(--cq-green)}
section.claude-ip-pool .ip-pool-checkbox input[role=switch]:checked::after{transform:translateX(16px)}
section.claude-ip-pool .ip-pool-checkbox input[role=switch]:focus-visible{outline:2px solid var(--cq-accent);outline-offset:2px}
section.claude-ip-pool .ip-pool-checkbox input[role=switch]:disabled{opacity:.5;cursor:not-allowed}

/* 添加代理：折叠卡片 */
section.claude-ip-pool .ip-pool-import{margin:0;padding:0;border:1px solid var(--cq-line);border-radius:12px;background:var(--cq-card);overflow:hidden}
section.claude-ip-pool .ip-pool-import>summary{display:flex;align-items:center;gap:8px;padding:12px 16px;list-style:none;font-size:14px;transition:background-color .15s}
section.claude-ip-pool .ip-pool-import>summary::-webkit-details-marker{display:none}
section.claude-ip-pool .ip-pool-import>summary::before{content:"+";display:grid;place-items:center;width:20px;height:20px;border-radius:6px;background:var(--cq-accent-soft);color:var(--cq-accent);font-weight:700;line-height:1}
section.claude-ip-pool .ip-pool-import[open]>summary::before{content:"\2212"}
section.claude-ip-pool .ip-pool-import>summary:hover{background:var(--cq-subtle)}
section.claude-ip-pool .ip-pool-import[open]>summary{border-bottom:1px solid var(--cq-line)}
section.claude-ip-pool .ip-pool-import fieldset{margin:0;padding:6px 16px 16px}
section.claude-ip-pool .field>span{font-size:12.5px;color:var(--cq-muted)}
section.claude-ip-pool input:not([type=checkbox]),section.claude-ip-pool textarea,section.claude-ip-pool select{border-color:var(--cq-line);border-radius:10px;background:var(--cq-card)}
section.claude-ip-pool input:not([type=checkbox]):focus,section.claude-ip-pool textarea:focus,section.claude-ip-pool select:focus{outline:none;border-color:var(--cq-accent);box-shadow:0 0 0 3px var(--cq-accent-soft)}
section.claude-ip-pool textarea{font-family:var(--cq-mono);font-size:12.5px}

/* 提示 / 空 / 回收 */
section.claude-ip-pool .ip-pool-notice{border-radius:10px;background:var(--cq-accent-soft);color:var(--cq-accent)}
section.claude-ip-pool .ip-pool-empty{padding:40px 16px;border:1px dashed var(--cq-line);border-radius:12px;background:transparent;color:var(--cq-faint);text-align:center}
section.claude-ip-pool .ip-pool-recycle{margin:0;padding:8px 10px;border-radius:8px;background:rgba(185,119,10,.12);color:var(--cq-amber);font-size:12.5px;line-height:1.55}

/* 代理卡片：宽屏三列，左侧色条标状态，按钮贴底 */
section.claude-ip-pool .ip-pool-items{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:12px}
section.claude-ip-pool .ip-pool-item{--cq-bar:transparent;display:flex;flex-direction:column;gap:8px;padding:14px 16px;border:1px solid var(--cq-line);border-radius:12px;background:var(--cq-card);box-shadow:inset 3px 0 0 var(--cq-bar);transition:border-color .15s}
section.claude-ip-pool .ip-pool-item:hover{border-color:var(--line-strong,rgba(15,23,42,.18))}
section.claude-ip-pool .ip-pool-item:has(.ip-pool-status.is-available){--cq-bar:var(--cq-green)}
section.claude-ip-pool .ip-pool-item:has(.ip-pool-status.is-untested){--cq-bar:var(--cq-indigo)}
section.claude-ip-pool .ip-pool-item:has(.ip-pool-status.is-reserved),
section.claude-ip-pool .ip-pool-item:has(.ip-pool-status.is-bound),
section.claude-ip-pool .ip-pool-item:has(.ip-pool-status.is-delivery_ready){--cq-bar:var(--cq-accent)}
section.claude-ip-pool .ip-pool-item:has(.ip-pool-status.is-quarantined){--cq-bar:var(--cq-red)}
section.claude-ip-pool .ip-pool-item:has(.ip-pool-status.is-disabled){--cq-bar:#a1a8b3;background:var(--cq-subtle)}
section.claude-ip-pool .ip-pool-item-head{flex-wrap:nowrap;gap:10px}
section.claude-ip-pool .ip-pool-item-head strong{min-width:0;font-size:14px;font-weight:650}

section.claude-ip-pool .ip-pool-status{display:inline-flex;align-items:center;gap:6px;flex:none;padding:3px 10px 3px 8px;border-radius:999px;background:rgba(120,130,145,.13);color:var(--cq-muted);font-size:12px;font-weight:600;white-space:nowrap}
section.claude-ip-pool .ip-pool-status::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
section.claude-ip-pool .ip-pool-status.is-available,
section.claude-ip-pool .ip-pool-status.is-delivered{background:rgba(26,158,84,.12);color:var(--cq-green)}
section.claude-ip-pool .ip-pool-status.is-untested{background:rgba(91,91,214,.12);color:var(--cq-indigo)}
section.claude-ip-pool .ip-pool-status.is-reserved,
section.claude-ip-pool .ip-pool-status.is-bound,
section.claude-ip-pool .ip-pool-status.is-delivery_ready{background:rgba(0,113,227,.12);color:var(--cq-accent)}
section.claude-ip-pool .ip-pool-status.is-quarantined{background:rgba(229,72,77,.12);color:var(--cq-red)}

section.claude-ip-pool .ip-pool-item dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px;margin:2px 0;padding:10px 12px;border-radius:10px;background:var(--cq-subtle);font-size:13px}
section.claude-ip-pool .ip-pool-item dt{margin:0 0 1px;color:var(--cq-faint);font-size:11.5px}
section.claude-ip-pool .ip-pool-item dd{color:var(--cq-text);font-size:12.5px}
section.claude-ip-pool .ip-pool-item dl>div:first-child{grid-column:1/-1}
section.claude-ip-pool .ip-pool-item dl>div:nth-child(-n+2) dd,
section.claude-ip-pool .ip-pool-order dd{font-family:var(--cq-mono);font-size:12px}
section.claude-ip-pool .ip-pool-check-result{margin:0;font-size:12.5px;line-height:1.55;color:var(--cq-muted)}
section.claude-ip-pool .ip-pool-check-result[data-check-state=checking],
section.claude-ip-pool .ip-pool-check-result[data-check-state=queued]{color:var(--cq-accent)}
section.claude-ip-pool .ip-pool-item .hint{font-size:12px;color:var(--cq-faint)}
section.claude-ip-pool .ip-pool-item>.ip-pool-actions{margin-top:auto;padding-top:10px;border-top:1px dashed var(--cq-line);gap:6px}
section.claude-ip-pool .ip-pool-item>.ip-pool-actions .btn{min-height:30px;padding:0 10px;border-radius:8px;font-size:12.5px}

section.claude-ip-pool .ip-pool-pagination{margin-top:4px;color:var(--cq-muted)}
section.claude-ip-pool .ip-pool-confirm{margin:0;padding:16px;border:1px solid var(--cq-accent);border-radius:12px;background:var(--cq-card);box-shadow:0 0 0 3px var(--cq-accent-soft)}
section.claude-ip-pool .ip-pool-confirm>p:not(.hint){margin:6px 0 0;font-size:13px}
section.claude-ip-pool .ip-pool-confirm .hint{margin-top:6px}

@media (max-width:900px){
 section.claude-ip-pool .ip-pool-check-counts{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:520px){
 section.claude-ip-pool{padding:16px}
 section.claude-ip-pool .ip-pool-check-progress{grid-template-columns:minmax(0,1fr)}
 section.claude-ip-pool .ip-pool-check-progress>button{grid-column:1;grid-row:auto;justify-self:stretch}
 section.claude-ip-pool .ip-pool-check-counts{grid-template-columns:repeat(2,minmax(0,1fr))}
 section.claude-ip-pool .ip-pool-items{grid-template-columns:minmax(0,1fr)}
}
@media (prefers-color-scheme:dark){
 section.claude-ip-pool{--cq-indigo:#9d9bff}
 section.claude-ip-pool .ip-pool-checkbox input[role=switch]::after{background:#f5f5f7}
}
@media (prefers-reduced-motion:reduce){
 section.claude-ip-pool .ip-pool-checkbox input[role=switch],
 section.claude-ip-pool .ip-pool-checkbox input[role=switch]::after{transition:none}
}
