/* /second-order-counter — loaded after base.css and leak.css */
.drop{margin-top:28px;border:1.5px dashed var(--rule);border-radius:12px;padding:34px 26px;text-align:center;background:var(--well);transition:border-color .15s ease,background .15s ease}
.drop.over{border-color:var(--accent);background:rgba(225,188,98,.06)}
.drop p{font-size:16.5px;line-height:1.6;color:var(--cream);max-width:36em;margin:0 auto}
.drop .or{font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:16px}
.drop .filebtn{display:inline-block;margin-top:14px;background:var(--accent);color:#141b1a;font-weight:600;font-size:15px;padding:12px 22px;border-radius:999px;cursor:pointer;min-height:44px;line-height:20px}
.drop .filebtn:focus-within{outline:2px solid var(--accent);outline-offset:3px}
.drop input[type=file]{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}
.drop .fname{font-family:var(--mono);font-size:12px;color:var(--muted);margin-top:14px;letter-spacing:.03em;word-break:break-all}
.howto{margin-top:18px;font-size:14.5px;color:var(--muted);line-height:1.65;max-width:46em}
.howto b{color:var(--cream);font-weight:600}
.opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:26px}
@media(max-width:820px){.opts{grid-template-columns:1fr}}
.opts select{width:100%;background:var(--well);border:1px solid var(--edge);border-radius:8px;color:var(--cream);font-family:var(--mono);font-size:16px;padding:14px;appearance:none;-webkit-appearance:none}
.opts select:focus{outline:2px solid var(--accent);outline-offset:2px;border-color:var(--accent)}
.status{margin-top:22px;font-family:var(--mono);font-size:12.5px;color:var(--muted);line-height:1.7;letter-spacing:.02em}
.status.err{color:#e8a5a0}
.warn{margin-top:18px;padding:16px 18px;border:1px solid var(--rule);border-left:3px solid var(--accent);border-radius:8px;font-size:14.5px;line-height:1.6;color:var(--cream);opacity:.92}

/* bars */
.bars{margin-top:24px;display:grid;gap:10px}
.bar{display:grid;grid-template-columns:minmax(0,9em) minmax(0,1fr) minmax(0,5.5em);gap:14px;align-items:center;font-family:var(--mono);font-size:13px;color:var(--cream)}
@media(max-width:620px){.bar{grid-template-columns:minmax(0,7em) minmax(0,1fr) minmax(0,4.5em);font-size:12px}}
.bar .lab{color:var(--muted)}
.bar .track{height:14px;background:var(--well);border:1px solid var(--hair);border-radius:4px;overflow:hidden}
.bar .fill{height:100%;background:var(--accent);width:0;transition:width .35s ease}
.bar .n{text-align:right;color:var(--cream)}
.barnote{margin-top:14px;font-size:14px;color:var(--muted);line-height:1.6;max-width:44em}

/* cohort table */
.tblwrap{margin-top:24px;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--rule);border-radius:10px}
table.cohorts{width:100%;border-collapse:collapse;font-family:var(--mono);font-size:13px;min-width:560px}
table.cohorts th,table.cohorts td{padding:11px 14px;text-align:right;border-bottom:1px solid var(--hair);white-space:nowrap}
table.cohorts th{font-weight:500;color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-size:11px;background:var(--well);position:sticky;top:0}
table.cohorts th:first-child,table.cohorts td:first-child{text-align:left}
table.cohorts td.dim{color:var(--muted)}
table.cohorts tr:last-child td{border-bottom:0}
.tblnote{margin-top:12px;font-size:14px;color:var(--muted);line-height:1.6;max-width:46em}
.exportrow{margin-top:16px;display:flex;flex-wrap:wrap;gap:12px 16px;align-items:center}
.exportrow .clearbtn{min-height:44px}