:root{
      --bg:#ffffff;
      --panel:#ffffff;
      --text:#0f172a;
      --muted:#64748b;
      --line:#e8edf5;
      --btn:#0f172a;
      --btnText:#ffffff;
      --btnGhost:#ffffff;
      --btnGhostText:#0f172a;

      --pass-bg:#dcfce7;
      --pass-tx:#166534;
      --pass-bd:#a7f3d0;

      --review-bg:#fef3c7;
      --review-tx:#92400e;
      --review-bd:#fcd34d;

      --deny-bg:#fee2e2;
      --deny-tx:#991b1b;
      --deny-bd:#fca5a5;

      --ease-out:cubic-bezier(0.22, 1, 0.36, 1);
      --dur-fast:140ms;
      --dur-mid:240ms;
      --dur-slow:360ms;

      --shadow-soft:0 2px 10px rgba(15,23,42,.05);
      --shadow-hover:0 14px 34px rgba(15,23,42,.10);
      --ring:0 0 0 4px rgba(15,23,42,.08);
    }

    *{box-sizing:border-box}
    html,body{margin:0;padding:0}
    body{
      font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
      background:
        radial-gradient(1200px 500px at 50% -180px, #eaf0ff 0%, transparent 65%),
        var(--bg);
      color:var(--text);
      line-height:1.4;
    }

    @media (prefers-reduced-motion: reduce){
      *{
        animation:none !important;
        transition:none !important;
      }
    }

    .wrap{
      max-width:1260px;
      margin:28px auto;
      padding:0 18px 34px;
    }

    /* ===== Modern centered login ===== */
    .login-shell{
      min-height:100vh;
      display:grid;
      place-items:center;
      padding:28px 16px;
    }

    .login-card{
      width:min(520px, 100%);
      background:rgba(255,255,255,.88);
      backdrop-filter: blur(10px);
      border:1px solid #e7ebf3;
      border-radius:24px;
      box-shadow:0 20px 60px rgba(15,23,42,.10);
      padding:28px;
      position:relative;
      overflow:hidden;
    }

    .login-card::before{
      content:"";
      position:absolute;
      inset:-40% -20% auto -20%;
      height:220px;
      background:radial-gradient(circle at 50% 50%, rgba(37,99,235,.10), rgba(37,99,235,0) 60%);
      pointer-events:none;
    }

    .login-inner{
      position:relative;
      z-index:1;
    }

    .login-logo{
      width:92px;
      height:92px;
      margin:0 auto 14px;
      border-radius:20px;
      display:grid;
      place-items:center;
      background:#fff;
      border:1px solid #edf1f7;
      box-shadow:0 8px 24px rgba(15,23,42,.08);
      overflow:hidden;
    }
    .login-logo img{
      width:78%;
      height:78%;
      object-fit:contain;
      display:block;
    }
    .login-logo-fallback{
      font-weight:900;
      font-size:34px;
      letter-spacing:-1px;
      color:#0f172a;
      display:none;
      user-select:none;
    }

    .login-title{
      margin:0;
      text-align:center;
      font-size:38px;
      line-height:1.05;
      letter-spacing:-.03em;
      font-weight:900;
      color:#0f172a;
    }
    .login-sub{
      margin:10px 0 22px;
      text-align:center;
      color:#64748b;
      font-size:15px;
      font-weight:600;
    }

    .login-field{
      display:flex;
      gap:10px;
      align-items:center;
      flex-wrap:wrap;
    }

    .login-field input[type="password"]{
      flex:1;
      min-width:220px;
      border:1px solid #d9e1ee;
      border-radius:14px;
      padding:13px 14px;
      font-size:15px;
      outline:none;
      background:#fff;
      transition:border-color var(--dur-fast), box-shadow var(--dur-fast);
    }
    .login-field input[type="password"]:focus{
      border-color:#94a3b8;
      box-shadow:var(--ring);
    }

    .login-worker{
      margin-top:12px;
      color:#64748b;
      font-size:13px;
      text-align:center;
      word-break:break-all;
    }

    .login-worker strong{
      color:#475569;
    }

    .login-error{
      color:#b91c1c;
      margin-top:10px;
      white-space:pre-wrap;
      font-weight:700;
      text-align:center;
      font-size:13px;
      min-height:18px;
    }

    .card{
      background:var(--panel);
      border:1px solid var(--line);
      border-radius:18px;
      padding:16px;
      margin-bottom:14px;
      box-shadow:0 1px 2px rgba(15,23,42,.04);
      transition:box-shadow var(--dur-fast) ease;
    }

.headercard{
  background:transparent;
  border-radius:18px;
  padding:6px 16px 6px;       /* was 16px */
  margin-bottom:6px;          /* was 14px */
}


  .header{
  position:relative;
  display:flex;
  align-items:flex-start;     /* was center */
  justify-content:flex-end;
  gap:12px;
  min-height:0;               /* was 70px */
  padding-top:0;
  padding-bottom:0;
  border:none;
}


.header-center{
  position:absolute;
  left:50%;
  top:0;                      /* was 53% */
  transform:translateX(-50%); /* remove vertical translate */
  display:flex;
  align-items:center;
  justify-content:center;
  pointer-events:none;
}


    .logo-box{
      width:117px;
      height:117px;
      border:1px solid transparent;
      border-radius:0;
      display:grid;
      place-items:center;
      overflow:hidden;
      background:transparent;
      flex:0 0 auto;
    }
    .logo-box img{
      width:100%;
      height:100%;
      object-fit:contain;
      display:block;
      background:transparent;
    }
    .logo-fallback{
      font-weight:900;
      font-size:56px;
      line-height:1;
      letter-spacing:-1px;
      color:#0f172a;
      user-select:none;
      display:none;
    }

    .actions-top{
      display:flex;
      gap:10px;
      flex-wrap:wrap;
      align-items:center;
      margin-left:auto;
    }

    button{
      border:1px solid var(--line);
      border-radius:14px;
      padding:10px 16px;
      cursor:pointer;
      font-size:16px;
      font-weight:700;
      transition:
        transform var(--dur-fast) ease,
        box-shadow var(--dur-fast) ease,
        background var(--dur-fast) ease,
        opacity var(--dur-fast) ease;
      background:#fff;
      color:#0f172a;
    }
    button:hover{ transform: translateY(-1px); }
    button:active{ transform: translateY(0); }
    button:disabled{
      opacity:.65;
      cursor:not-allowed;
    }

    .btn-ghost{
      background:var(--btnGhost);
      color:var(--btnGhostText);
    }
    .btn-ghost:hover{
      background:#f8fafc;
      box-shadow:var(--shadow-soft);
    }

    .btn-dark{
      background:var(--btn);
      color:var(--btnText);
      border-color:transparent;
      min-height:48px;
      padding:0 22px;
      border-radius:14px;
    }
    .btn-dark:hover{
      opacity:.92;
      box-shadow:var(--shadow-soft);
    }

    .small{
      font-size:12px;
      color:var(--muted);
    }
    .okmsg{
      color:#166534;
      margin-top:8px;
      white-space:pre-wrap;
      font-weight:600;
    }
    .err{
      color:#b91c1c;
      margin-top:8px;
      white-space:pre-wrap;
      font-weight:600;
    }
    .hidden{display:none !important}

    .status-row{
      display: none !important;
      align-items:center;
      justify-content:flex-end;
      margin-top:8px;
      font-size:12px;
      color:#64748b;
      gap:10px;

    }
    .live-dot{
      width:8px;
      height:8px;
      border-radius:999px;
      background:#22c55e;
      box-shadow:0 0 0 0 rgba(34,197,94,.7);
      animation:pulse 1.8s infinite;
      display:inline-block;
    }
    @keyframes pulse{
      0%{box-shadow:0 0 0 0 rgba(34,197,94,.7)}
      70%{box-shadow:0 0 0 8px rgba(34,197,94,0)}
      100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}
    }

    .kpis{
      display:grid;
      grid-template-columns: repeat(6, minmax(140px,1fr));
      gap:10px;
      margin-bottom: 20px;
    }

    .kpi{
      border:1px solid var(--line);
      border-radius:16px;
      padding:14px;
      background:#f8fafc;
      min-height:100px;
      display:flex;
      flex-direction:column;
      justify-content:center;
      align-items:center;
      text-align:center;
      opacity:0;
      transform:translateY(8px);
      transition:
        opacity var(--dur-mid) var(--ease-out),
        transform var(--dur-mid) var(--ease-out),
        box-shadow var(--dur-fast) ease;
    }
    .kpi.in{
      opacity:1;
      transform:translateY(0);
    }
    .kpi:hover{
      box-shadow:var(--shadow-soft);
    }

    .kpi .label{
      font-size:19px;
      line-height:1.5;
      font-weight:400;
    }

    .kpi .val{
      font-size:46px;
      line-height:1;
      font-weight:650;
      letter-spacing:-0.02em;
    }

    /* ===== KPI Theme Colors (soft 25H-style) ===== */

/* Base text tune */
.kpi .label{
  color:#334155;
}
.kpi .val{
  color:#0f172a;
}

/* Evaluated - calm slate/blue */
.kpi-evaluated{
  background: linear-gradient(180deg, #eef2ff 0%, #e8eefc 100%);
  border-color:#ffffff;
}

/* Pass - soft green */
.kpi-pass{
  background: linear-gradient(180deg, #ecfdf3 0%, #e3f9ec 100%);
  border-color:#ffffff;
}
.kpi-pass .label,
.kpi-pass .val{
  color:#14532d;
}

/* Review - soft amber */
.kpi-review{
  background: linear-gradient(180deg, #fff8e8 0%, #fff2d8 100%);
  border-color:#ffffff;
}
.kpi-review .label,
.kpi-review .val{
  color:#854d0e;
}

/* Deny - soft rose */
.kpi-deny{
  background: linear-gradient(180deg, #fff1f2 0%, #ffe7ea 100%);
  border-color:#ffffff;
}
.kpi-deny .label,
.kpi-deny .val{
  color:#881337;
}

/* Avg latency - cool purple/indigo */
.kpi-latency{
  background: linear-gradient(180deg, #f3f2ff 0%, #ece9ff 100%);
  border-color:#ffffff;
}
.kpi-latency .label,
.kpi-latency .val{
  color:#312e81;
}

/* Disagree - muted peach */
.kpi-disagree{
  background: linear-gradient(180deg, #fff7ed 0%, #ffefe1 100%);
  border-color:#ffffff;
}
.kpi-disagree .label,
.kpi-disagree .val{
  color:#9a3412;
}

/* Hover lift stays consistent */
.kpi:hover{
  transform: translateY(-1px);
  box-shadow:0 8px 20px rgba(15,23,42,.08);
}

/* Mobile polish */
@media (max-width:760px){
  .kpi .label{ font-size:16px; }
  .kpi .val{ font-size:38px; }
}

.kpi[data-filter]{
  cursor:pointer;
}

.kpi.active-filter{
  outline: 1px solid #ffffff;
  box-shadow: 0 10px 24px #CBD5E1;
  transform:translateY(-1px);
}


    .table-wrap{
      overflow:auto;
      border:0;
      border-radius:14px;
      background:#fff;
      max-height:72vh;
    }
    table{
      width:100%;
      border-collapse:separate;
      border-spacing:0;
      font-size:13px;
      table-layout:fixed;
      direction:ltr;
    }
    th,td{
      padding:12px 10px;
      border-bottom:1px solid var(--line);
      vertical-align:top;
      text-align:left;
      overflow-wrap:anywhere;
      background:#fff;
    }
    th{
      color:#475569;
      background:#ffffff;
      font-weight:700;
      font-size:14px;
      letter-spacing:.01em;
      position:sticky;
      top:0;
      z-index:5;
    }

    tbody tr{
      transition:background var(--dur-fast) ease, box-shadow var(--dur-fast) ease;
    }
    tbody tr:hover{
      background:#fbfdff;
    }

    @keyframes rowIn {
      from { opacity: 0; transform: translateY(8px); }
      to   { opacity: 1; transform: translateY(0); }
    }
    tr.row-enter{
      animation:rowIn var(--dur-mid) var(--ease-out) both;
    }

    @keyframes rowFlash {
      0%{ background:#ecfeff; }
      100%{ background:transparent; }
    }
    tr.row-updated td{
      animation:rowFlash 900ms ease;
    }

    th.col-id, td.col-id{ width:90px; }
    th.col-article, td.col-article{ width:34%; min-width:300px; }
    th.col-decision, td.col-decision{ width:92px; }
    th.col-scores, td.col-scores{ width:190px; }
    th.col-risk, td.col-risk{ width:170px; }
    th.col-eval, td.col-eval{ width:140px; }
    th.col-actions, td.col-actions{ width:150px; }

    th.col-id, td.col-id{
      position:sticky;
      left:0;
      z-index:4;
      background:#fff;
      box-shadow: 1px 0 0 #eff1f5;
    }
    th.col-id{ z-index:7; }

    th.col-actions, td.col-actions{
      position:sticky;
      right:0;
      z-index:4;
      background:#fff;
      box-shadow: -1px 0 0 #eff1f5;
    }
    th.col-actions{ z-index:7; }

    .badge{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      border-radius:999px;
      padding:4px 11px;
      font-size:12px;
      font-weight:800;
      border:1px solid transparent;
      text-transform:lowercase;
    }
    .pass{background:var(--pass-bg); color:var(--pass-tx); border-color:var(--pass-bd);}
    .review{background:var(--review-bg); color:var(--review-tx); border-color:var(--review-bd);}
    .deny{background:var(--deny-bg); color:var(--deny-tx); border-color:var(--deny-bd);}

    .article-title{
      font-size:15px;
      font-weight:800;
      color:#0f172a;
      margin:0 0 4px;
    }
    .article-meta{
      color:#64748b;
      font-size:14px;
      margin-bottom:8px;
    }
    .article-text{
      white-space:pre-wrap;
      line-height:1.5;
      color:#0f172a;
      max-height:140px;
      overflow:hidden;
      position:relative;
    }
    .article-text.expanded{
      max-height:none;
    }

    .article-title-hidden{
  display:none;
}

    .fade-bottom{
      position:absolute;
      left:0;
      right:0;
      bottom:0;
      height:36px;
      background:linear-gradient(to bottom, rgba(255,255,255,0), #fff 85%);
      pointer-events:none;
    }
    .toggle-link{
      margin-top:6px;
      display:inline-block;
      font-size:12px;
      font-weight:800;
      color:#0f172a;
      cursor:pointer;
      text-decoration:none;
      border-bottom:1px dashed #94a3b8;
    }
    .open-link{
      display:inline-block;
      margin-top:7px;
      font-size:12px;
      font-weight:800;
      color:#2563eb;
      text-decoration:none;
    }
    .open-link:hover{ text-decoration:underline; }

    .actions{
      display:flex;
      flex-direction:column;
      gap:8px;
    }
    .actions button{
      width:100%;
      padding:8px 10px;
      border-radius:12px;
      font-size:14px;
      font-weight:600;
      min-height:36px;
    }

    .btn-open-article{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:36px;
  padding:8px 10px;
  border-radius:12px;
  font-size:14px;
  font-weight:600;
  text-decoration:none;
  background:#f2f5f9;
  color:#000000;
  border:1px solid #cbd5e1;
}

.btn-open-article:hover{
  background:#f8fafc;
  text-decoration:none;
}

    .btn-correct{ background:#fff; color:#0f172a; border:1px solid #cbd5e1; }
    .btn-correct:hover{ background:#f8fafc; }
    .btn-incorrect{ background:#fff; color:#0f172a; border:1px solid #cbd5e1; }
    .btn-incorrect:hover{ background:#f8fafc; }
    .btn-reeval{ background:#0f172a; color:#fff; border:1px solid transparent; }
    .btn-reeval:hover{ opacity:.92; }

    .btn-loading{
      position:relative;
      pointer-events:none;
    }
    .btn-loading::after{
      content:"";
      width:14px;
      height:14px;
      border:2px solid rgba(255,255,255,.55);
      border-top-color:#fff;
      border-radius:50%;
      display:inline-block;
      margin-left:8px;
      vertical-align:-2px;
      animation:spin 0.8s linear infinite;
    }
    .btn-correct.btn-loading::after,
    .btn-incorrect.btn-loading::after{
      border:2px solid rgba(15,23,42,.25);
      border-top-color:#0f172a;
    }

    #refreshBtn.loading{
      pointer-events:none;
    }
    #refreshBtn.loading::after{
      content:"";
      width:14px;
      height:14px;
      border:2px solid rgba(15,23,42,.25);
      border-top-color:#0f172a;
      border-radius:50%;
      display:inline-block;
      margin-left:8px;
      vertical-align:-2px;
      animation:spin 0.8s linear infinite;
    }

    @keyframes spin{
      to { transform:rotate(360deg); }
    }

    .toast-wrap{
      position:fixed;
      top:18px;
      right:18px;
      z-index:9999;
      display:flex;
      flex-direction:column;
      gap:10px;
      pointer-events:none;
    }
    .toast{
      pointer-events:auto;
      min-width:280px;
      max-width:420px;
      border-radius:12px;
      border:1px solid #e2e8f0;
      background:#fff;
      color:#0f172a;
      box-shadow:var(--shadow-hover);
      padding:10px 12px;
      font-size:13px;
      font-weight:700;
      opacity:0;
      transform:translateY(-6px) scale(.98);
      transition:
        opacity var(--dur-mid) var(--ease-out),
        transform var(--dur-mid) var(--ease-out);
    }
    .toast.in{
      opacity:1;
      transform:translateY(0) scale(1);
    }
    .toast.ok{ border-left:4px solid #16a34a; }
    .toast.err{ border-left:4px solid #dc2626; }

    @media (max-width:1200px){
      .kpis{grid-template-columns:repeat(3,minmax(140px,1fr));}
      .kpi .label{font-size:18px}
      .kpi .val{font-size:46px}
      .logo-box{width:72px;height:72px}
    }

    @media (max-width:760px){
      .header{ min-height:120px; }
      .actions-top{
        width:100%;
        justify-content:flex-end;
        margin-top:auto;
      }

      .login-card{ padding:22px 16px; border-radius:18px; }
      .login-title{ font-size:30px; }
      .login-sub{ font-size:14px; }
      .login-logo{ width:78px; height:78px; border-radius:16px; }

      .kpis{grid-template-columns:repeat(2,minmax(140px,1fr));}
      .kpi .label{font-size:17px}
      .kpi .val{font-size:40px}
      .logo-box{width:64px;height:64px}

      th.col-id, td.col-id,
      th.col-actions, td.col-actions{
        position:static;
        box-shadow:none;
      }
    }


/* Scores: compact meter style */
.score-meter-wrap{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.meter-row{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:8px;
  min-height:22px;
}

.m-head{
  display:flex;
  align-items:baseline;
  gap:6px;
  min-width:64px;
}

.m-k{
  font-size:11px;
  font-weight:800;
  letter-spacing:.03em;
  color:#64748b;
}

.m-v{
  font-size:14px;
  font-weight:900;
  color:#0f172a;
}

.meter-track{
  position:relative;
  height:3px;
  border-radius:999px;
  background:#e5e7eb;
  overflow:hidden;
}

.meter-fill{
  height:100%;
  border-radius:999px;
  transition:width .25s ease;
}

/* Confidence fill colors */
.meter-fill.mf-low   { background:#ef4444; }
.meter-fill.mf-med   { background:#f59e0b; }
.meter-fill.mf-high  { background:#7FD975; }
.meter-fill.mf-vhigh { background:#0FA800; }
.meter-fill.mf-unk   { background:#94a3b8; }

/* Quality fill colors */
.meter-fill.mq-poor { background:#ef4444; }
.meter-fill.mq-fair { background:#fb923c; }
.meter-fill.mq-good { background:#7FD975; }
.meter-fill.mq-exc  { background:#0FA800; }
.meter-fill.mq-unk  { background:#94a3b8; }

.m-band{
  font-size:11px;
  font-weight:800;
  padding:2px 7px;
  border-radius:999px;
  border:1px solid transparent;
  white-space:nowrap;
}

/* Band pills */
.m-band.b-low  { background:#fee2e2; color:#991b1b; border-color:#fca5a5; }
.m-band.b-med  { background:#fef3c7; color:#92400e; border-color:#fcd34d; }
.m-band.b-high { background:#dbeafe; color:#1e40af; border-color:#93c5fd; }
.m-band.b-vhigh{ background:#dcfce7; color:#166534; border-color:#86efac; }

.m-band.q-poor { background:#fee2e2; color:#991b1b; border-color:#fca5a5; }
.m-band.q-fair { background:#ffedd5; color:#9a3412; border-color:#fdba74; }
.m-band.q-good { background:#dbeafe; color:#1e40af; border-color:#93c5fd; }
.m-band.q-exc  { background:#dcfce7; color:#166534; border-color:#86efac; }

.m-band.b-unk, .m-band.q-unk{
  background:#f1f5f9; color:#475569; border-color:#cbd5e1;
}

/* Hide old band pill completely */
.m-band { display: none !important; }



.policy-flags{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  align-items:center;
}

.pf-chip{
  display:inline-flex;
  align-items:center;
  padding:4px 8px;
  border-radius:999px;
  font-size:12px;
  font-weight:400;
  line-height:1.2;
  background:#f1f5f9;
  color:#334155;
  border:1px solid #cbd5e1;
  white-space:nowrap;
  max-width:100%;
}

.pf-empty{
  color:#64748b;
  font-weight:700;
}

/* ================================
   Committee Dashboard table sizing
   ================================ */

/* Replace old column sizing with committee columns */
th.col-id, td.col-id{
  width:110px;          /* was 160 */
  min-width:110px;
  max-width:110px;
  position:sticky;
  left:0;
  z-index:4;
  background:#fff;
  box-shadow:1px 0 0 #eff1f5;
}

th.col-id{ z-index:7; }

th.col-committee-result, td.col-committee-result{ width:320px; }
th.col-action-taken, td.col-action-taken{ width:180px; }
th.col-votes, td.col-votes{ width:170px; }

.col-committee-result .badge{
  text-transform:none;
  white-space:normal;
  line-height:1.35;
  text-align:right;
}


th.col-actions, td.col-actions{
  width:220px;
  position:sticky;
  right:0;
  z-index:4;
  background:#fff;
  box-shadow:-1px 0 0 #eff1f5;
}
th.col-actions{ z-index:7; }

/* Disable old sticky widths on removed columns (safe override) */
th.col-article, td.col-article,
th.col-decision, td.col-decision,
th.col-scores, td.col-scores,
th.col-risk, td.col-risk,
th.col-eval, td.col-eval{
  width:auto;
  position:static;
  box-shadow:none;
}

/* ================================
   Actions buttons (Open/Delete)
   ================================ */

.actions{
  display:flex;
  flex-direction:row;
  gap:8px;
  align-items:center;
}

.actions button,
.actions .btn-open-article{
  width:auto;
  min-width:98px;
  min-height:34px;
  padding:7px 10px;
  border-radius:10px;
  font-size:12px;
  font-weight:700;
  line-height:1;
}

.btn-open-article{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  background:#f2f5f9;
  color:#0f172a;
  border:1px solid #cbd5e1;
}
.btn-open-article:hover{
  background:#f8fafc;
  text-decoration:none;
}

.btn-delete-article{
  background:#fff;
  color:#991b1b;
  border:1px solid #fca5a5;
}
.btn-delete-article:hover{
  background:#fff1f2;
}
.btn-delete-article.disabled,
.btn-delete-article:disabled{
  opacity:.7;
  cursor:not-allowed;
}

/* keep loading spinner visible on delete button */
.btn-delete-article.btn-loading::after{
  border:2px solid rgba(153,27,27,.25);
  border-top-color:#991b1b;
}

/* ================================
   Mobile tweaks
   ================================ */
@media (max-width:760px){
  .actions{
    flex-direction:column;
    align-items:stretch;
  }

  .actions button,
  .actions .btn-open-article{
    width:100%;
    min-width:0;
  }

  th.col-id, td.col-id,
  th.col-actions, td.col-actions{
    position:static;
    box-shadow:none;
  }
}


/* Committee result as plain text (not badge/pill) */
.col-committee-result .committee-result-text{
  display:block;
  white-space:normal;
  line-height:1.4;
  text-align:left;
  font-size:14px;
  font-weight:700;
  padding:0;
  border:0;
  background:transparent;
  border-radius:0;
  box-shadow:none;
}

.col-committee-result .committee-result-text.remove{ color:#000; }
.col-committee-result .committee-result-text.keep{ color:#000; }
.col-committee-result .committee-result-text.manual{ color:#000; }


/* Votes UI upgrade */
.col-votes .votes-wrap{
  display:inline-flex;
  align-items:center;
  gap:8px;
  flex-wrap:nowrap;
}

.col-votes .vote-chip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:48px;
  height:28px;
  padding:0 10px;
  border-radius:999px;
  font-size:13px;
  font-weight:800;
  letter-spacing:.1px;
  border:1px solid transparent;
  line-height:1;
}

.col-votes .chip-r{
  color:#991b1b;
  background:#fef2f2;
  border-color:#fecaca;
}

.col-votes .chip-k{
  color:#166534;
  background:#ecfdf3;
  border-color:#a7f3d0;
}

.col-votes .chip-e{
  color:#92400e;
  background:#fffbeb;
  border-color:#fde68a;
}

.col-votes .vote-sep{
  color:#94a3b8;
  font-weight:700;
  font-size:12px;
}

/* mobile tighten */
@media (max-width:760px){
  .col-votes .votes-wrap{ gap:6px; }
  .col-votes .vote-chip{
    min-width:44px;
    height:26px;
    padding:0 8px;
    font-size:12px;
  }
}


/* highlight only winning vote chip */
.col-votes .vote-chip.winner{
  transform:translateY(-1px);
  box-shadow:0 0 0 2px rgba(15,23,42,.08), 0 6px 14px rgba(15,23,42,.10);
  border-width:2px;
}

/* stronger color for winner states */
.col-votes .chip-r.winner{
  background:#fee2e2;
  border-color:#fca5a5;
  color:#7f1d1d;
}
.col-votes .chip-k.winner{
  background:#dcfce7;
  border-color:#86efac;
  color:#14532d;
}
.col-votes .chip-e.winner{
  background:#fef3c7;
  border-color:#fcd34d;
  color:#78350f;
}