#ahf-wc-admin-root, #ahf-wc-admin-root *{ box-sizing:border-box; }
#ahf-wc-admin-root{
  --bg:#FFF8EF; --card:#ffffff; --ink:#2B2440;
  --accent:#F59E0B; --accent2:#1A56DB; --green:#2E9E5B; --red:#c0392b;
  --shadow:0 4px 14px rgba(43,36,64,0.08);
  font-family: Verdana, Arial, 'Segoe UI', system-ui, sans-serif;
  color:var(--ink);
  max-width:960px;
}
.ahf-wc-levelbar{ display:flex; gap:10px; margin:14px 0; flex-wrap:wrap; }
.ahf-wc-levelbtn{
  border:2px solid var(--accent2); background:#fff; color:var(--accent2);
  padding:8px 14px; border-radius:12px; font-weight:800; cursor:pointer; font-size:0.85rem;
}
.ahf-wc-levelbtn.active{ background:var(--accent2); color:#fff; }
.ahf-wc-tabs{ display:flex; gap:8px; margin:10px 0 16px; flex-wrap:wrap; }
.ahf-wc-tab{
  border:none; padding:8px 16px; border-radius:10px; font-weight:700; cursor:pointer;
  background:#ede7f6; color:var(--ink); font-size:0.85rem;
}
.ahf-wc-tab.active{ background:var(--accent2); color:#fff; }
.ahf-wc-view{ display:none; }
.ahf-wc-view.active{ display:block; }
.ahf-wc-panelbox{
  background:var(--card); border-radius:14px; box-shadow:var(--shadow);
  padding:16px 18px; margin-bottom:14px;
}
.ahf-wc-row{ display:flex; gap:10px; align-items:center; flex-wrap:wrap; }
#ahf-wc-admin-root input[type=text]{
  padding:8px 10px; border-radius:8px; border:1px solid #ddd; font-size:0.9rem; flex:1; min-width:120px;
}
.ahf-wc-btn{
  border:none; border-radius:10px; padding:8px 14px; font-weight:700; cursor:pointer; font-size:0.85rem;
}
.ahf-wc-btn.primary{ background:var(--accent2); color:#fff; }
.ahf-wc-btn.amber{ background:var(--accent); color:#fff; }
.ahf-wc-btn.grey{ background:#eee; color:var(--ink); }
.ahf-wc-btn.red{ background:var(--red); color:#fff; }
.ahf-wc-btn:active{ transform:scale(0.96); }

.ahf-wc-catCard{ border:1px solid #eee; border-radius:12px; padding:12px; margin-bottom:10px; }
.ahf-wc-catHead{ display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:8px; }
.ahf-wc-catHead .name{ font-weight:700; }
.ahf-wc-wordRow{
  display:flex; align-items:center; gap:8px; padding:6px 0; border-top:1px solid #f2f2f2; flex-wrap:wrap;
}
.ahf-wc-thumb{
  width:36px; height:36px; border-radius:6px; background:#faf7f2; display:flex;
  align-items:center; justify-content:center; font-size:1.2rem; overflow:hidden; flex-shrink:0;
}
.ahf-wc-thumb img{ width:100%; height:100%; object-fit:cover; }
.ahf-wc-wtext{ font-weight:600; min-width:80px; }
.ahf-wc-spacer{ flex:1; }
.ahf-wc-smallbtn{ border:none; border-radius:6px; padding:5px 9px; font-size:0.72rem; font-weight:700; cursor:pointer; }
.ahf-wc-recstatus{ font-size:0.72rem; font-weight:700; color:#c0392b; margin-left:2px; white-space:nowrap; }
.ahf-wc-live-dot{ display:inline-block; animation: ahfwc-pulse 1s infinite; }
@keyframes ahfwc-pulse{ 0%,100%{opacity:1;} 50%{opacity:0.25;} }
.ahf-wc-volmeter{
  display:inline-block; width:70px; height:10px; background:#e5e0f0; border-radius:6px;
  overflow:hidden; vertical-align:middle; margin-left:4px;
}
.ahf-wc-volfill{
  display:block; height:100%; width:0%; background:#c0392b; transition:width 80ms linear, background 120ms linear;
}

.ahf-wc-seqList{ list-style:none; padding:0; margin:0; }
.ahf-wc-seqItem{
  display:flex; align-items:center; gap:10px; padding:8px; border:1px solid #eee;
  border-radius:10px; margin-bottom:6px;
}
.ahf-wc-seqItem input[type=checkbox]{ width:18px; height:18px; }
.ahf-wc-catlabel{ flex:1; font-weight:600; }

.ahf-wc-progressRow{ display:flex; align-items:center; gap:12px; padding:8px 0; border-bottom:1px solid #f2f2f2; font-size:0.85rem; }
.ahf-wc-pdate{ width:100px; color:#786f93; flex-shrink:0; }
.ahf-wc-pbarTrack{ flex:1; background:#f2f2f2; border-radius:8px; height:14px; overflow:hidden; }
.ahf-wc-pbarFill{ height:100%; border-radius:8px; }
.ahf-wc-pcount{ width:44px; text-align:right; font-weight:700; flex-shrink:0; }