/* 待审核机型页：标签页 + 卡片列表。只用 admin.css 已有的颜色变量，深色主题自动适配。
   注意：不要给 .drafts-view 设置 display，否则会盖掉它的 hidden 属性。 */
.drafts-panel .drafts-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:18px 24px;border-bottom:1px solid var(--line-2)}
.drafts-tabs{display:flex;flex-wrap:wrap;gap:8px}
.drafts-tab{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:6px 16px;border:1px solid var(--line);border-radius:99px;background:transparent;color:var(--ink-2);font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.drafts-tab:hover{background:var(--hover)}
.drafts-tab[aria-selected="true"]{border-color:transparent;background:var(--org);color:var(--org-fg)}
.drafts-tab-count{min-width:22px;padding:1px 7px;border-radius:99px;background:var(--neutral-bg);color:var(--ink-2);font-size:12px;line-height:1.5;text-align:center;font-variant-numeric:tabular-nums}
.drafts-tab[aria-selected="true"] .drafts-tab-count{background:rgba(255,255,255,.22);color:inherit}

.drafts-list{display:grid;gap:14px;padding:20px 24px}
.drafts-empty{padding:48px 16px;border:1px dashed var(--line);border-radius:16px;color:var(--ink-3);font-size:14px;text-align:center}

.draft-card{border:1px solid var(--line);border-radius:16px;background:var(--surface);overflow:hidden}
.draft-head{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:16px 18px;background:var(--elev-1);border-bottom:1px solid var(--line-2)}
.draft-title{display:flex;flex-direction:column;gap:3px;min-width:0;margin-right:auto}
.draft-title strong{color:var(--ink);font-size:16px;font-weight:600;line-height:1.4;overflow-wrap:anywhere}
.draft-sub{color:var(--ink-3);font-size:13px;line-height:1.5;overflow-wrap:anywhere}
.draft-chip{display:inline-flex;align-items:center;padding:4px 12px;border-radius:99px;font-size:12px;font-weight:600;line-height:1.5;white-space:nowrap}
.draft-chip.mode-normal{background:var(--info-bg);color:var(--blue)}
.draft-chip.mode-relock{background:var(--warn-bg);color:var(--warn)}
.draft-chip.st-pending,.draft-chip.st-uploading{background:var(--warn-bg);color:var(--warn)}
.draft-chip.st-approved{background:var(--ok-bg);color:var(--ok)}
.draft-chip.st-rejected{background:var(--err-bg);color:var(--red)}

.draft-files{display:grid;margin:0;padding:6px 18px;list-style:none}
.draft-file{display:grid;grid-template-columns:140px 90px minmax(0,1fr);align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line-2);font-size:14px}
.draft-file:last-child{border-bottom:0}
.draft-file.none{display:block;color:var(--ink-3)}
.file-role{color:var(--ink);font-weight:600}
.file-size{color:var(--ink-2);font-variant-numeric:tabular-nums}
.file-hash{justify-self:start;max-width:100%;padding:3px 8px;border-radius:8px;background:var(--neutral-bg);color:var(--ink-2);font-family:ui-monospace,Consolas,monospace;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.draft-foot{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:12px 18px;border-top:1px solid var(--line-2)}
.draft-time{color:var(--ink-3);font-size:13px}
.draft-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.draft-btn.approve{border-color:transparent;background:var(--org);color:var(--org-fg)}
.draft-btn.approve:hover:not(:disabled){background:var(--org-dk)}
.draft-btn.reject{border-color:var(--line-strong);color:var(--ink-2)}
.draft-btn.remove{border-color:var(--err-line);color:var(--red)}
.draft-btn:disabled{opacity:.55;cursor:default}

@media(max-width:720px){
  .drafts-panel .drafts-toolbar{padding:14px 16px}
  .drafts-list{padding:14px 16px}
  .draft-file{grid-template-columns:minmax(0,1fr) auto;row-gap:4px}
  .file-hash{grid-column:1 / -1}
}