.stk-topnav{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 14px}
.stk-page{display:grid;gap:14px}
.stk-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;background:#fff;border:1px solid var(--line,#dfe5eb);border-radius:18px;padding:18px}
.stk-header h2{margin:4px 0 6px;font-size:28px;line-height:1.1}
.stk-header p{margin:0;color:var(--muted,#6b7280);max-width:760px}
.stk-kicker{font-size:12px;font-weight:700;color:#0f766e;letter-spacing:.08em}
.stk-head-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.stk-head-actions.right{margin-left:auto}
.stk-card{background:#fff;border:1px solid var(--line,#dfe5eb);border-radius:18px;padding:16px}
.stk-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.stk-metric{background:#fff;border:1px solid var(--line,#dfe5eb);border-radius:16px;padding:16px}.stk-metric b{display:block;font-size:24px;color:#0f172a}.stk-metric span{display:block;margin-top:4px;color:var(--muted,#6b7280);font-size:13px}
.stk-filters{display:grid;grid-template-columns:minmax(220px,1.5fr) repeat(2,minmax(180px,1fr)) auto;gap:10px;align-items:center;margin-bottom:14px}
.stk-filters .search,.stk-filters input,.stk-filters select{width:100%}
.stk-mini-filters{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.stk-table-wrap{border:1px solid var(--line,#e5e7eb);border-radius:14px;overflow:auto}
.stk-table{width:100%;border-collapse:collapse;min-width:760px}.stk-table th,.stk-table td{padding:11px 12px;border-bottom:1px solid var(--line,#edf1f5);vertical-align:middle}.stk-table thead th{background:#f7fafc;font-size:13px;color:#334155;text-align:left}.stk-table tbody tr:hover{background:#fbfdff}.stk-table tbody tr.variance{background:#fffaf2}
.stk-table b{font-weight:700}.stk-wide{min-width:1100px}
.stk-empty{padding:28px 16px;text-align:center;color:var(--muted,#6b7280)}
.stk-badge{display:inline-flex;align-items:center;justify-content:center;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:700}.stk-badge.open{background:#e8fff4;color:#157347}.stk-badge.closed{background:#eef2f7;color:#475569}.stk-badge.neutral{background:#f3f4f6;color:#4b5563}
.stk-chip{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;font-size:12px;font-weight:700}.stk-chip.ok{background:#ecfdf5;color:#166534}.stk-chip.warn{background:#fff7ed;color:#9a3412}.stk-chip.danger{background:#fef2f2;color:#b91c1c}
.stk-current-head{display:flex;gap:14px;align-items:end;flex-wrap:wrap;margin-bottom:14px}.stk-inline-note{display:grid;gap:6px;flex:1;min-width:240px}.stk-inline-note label{font-size:12px;font-weight:700;color:#475569}.stk-current-badge{display:flex;align-items:center}
.stk-count-input{min-width:88px;max-width:108px}
.stk-hint{margin:0 0 12px;color:#64748b;font-size:13px}
.stk-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.stk-summary-grid div{border:1px solid var(--line,#e5e7eb);border-radius:12px;padding:10px 12px;background:#fbfcfd}.stk-summary-grid small{display:block;color:#64748b;margin-bottom:3px}.stk-summary-grid b{display:block}
.stk-conflict{border:1px solid #fecaca;background:#fff7f7;border-radius:12px;padding:12px;margin-bottom:14px}.stk-conflict p{margin:.35rem 0 0;color:#7f1d1d}
.stk-error{max-width:760px;margin:0 auto}.stk-error h2{margin:0 0 8px}.stk-error p{margin:0 0 14px;color:#6b7280}
.ok{color:#166534}.diff{color:#b45309}.muted{color:#6b7280}
@media (max-width:1100px){.stk-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.stk-filters{grid-template-columns:1fr 1fr;}.stk-filters > :last-child{grid-column:1/-1}}
@media (max-width:760px){.stk-header,.stk-current-head{display:grid}.stk-head-actions{justify-content:flex-start}.stk-metrics{grid-template-columns:1fr}.stk-filters{grid-template-columns:1fr}.stk-mini-filters{justify-content:flex-start}.stk-summary-grid{grid-template-columns:1fr}}
/* V16.4 route + Stock Take reference-layout refinements */
.stk-reference-page .stk-header{padding:16px 18px}
.stk-reference-page .stk-header h2{font-size:26px}
.stk-list-filters{display:grid;grid-template-columns:minmax(150px,.75fr) minmax(150px,.75fr) minmax(180px,1fr) minmax(260px,1.35fr);gap:10px;align-items:center;margin-bottom:12px}
.stk-search-wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.stk-search-wrap input{width:100%}
.stk-list-table{min-width:1040px}
.stk-status-card{padding-top:14px}
.stk-summary-inline{display:flex;gap:10px;flex-wrap:wrap}.stk-summary-inline span{border:1px solid var(--line,#e5e7eb);background:#f8fafc;border-radius:10px;padding:8px 10px;color:#64748b;font-size:12px}.stk-summary-inline b{color:#0f172a;font-size:15px}
.stk-work-filters{display:grid;grid-template-columns:minmax(280px,1.5fr) repeat(3,minmax(170px,1fr));gap:10px;align-items:center;margin:8px 0 12px}.stk-work-filters input,.stk-work-filters select{width:100%}
.stk-bottom-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:14px;margin-top:14px;border-top:1px solid var(--line,#e5e7eb)}
@media(max-width:1100px){.stk-list-filters,.stk-work-filters{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.stk-list-filters,.stk-work-filters{grid-template-columns:1fr}.stk-search-wrap{grid-template-columns:1fr}.stk-summary-inline{display:grid;grid-template-columns:1fr 1fr}.stk-bottom-actions{display:grid;grid-template-columns:1fr}}
