.eyebrow {color:var(--ink-soft)}
.disclosure,.steps {margin-top:var(--s5)}
.import-row,.toolbar {display:flex;flex-wrap:wrap;align-items:end;gap:var(--s4);margin-block:var(--s5)}
.import-row>div {min-width:0;flex:1 1 18rem}
input[type=file] {max-width:100%;width:100%;min-height:44px;font-size:clamp(.875rem,.85rem + .1vw,1rem)}
input::file-selector-button {min-height:44px;background:var(--raised);color:var(--ink);border:1px solid var(--line-firm);border-radius:var(--radius);padding:var(--s2);cursor:pointer}
input[type=search] {display:block;max-width:100%;width:100%;min-height:44px;background:var(--bg);border:1px solid var(--line-firm);border-radius:var(--radius);padding:var(--s2)}
.toggle {display:flex;align-items:center;gap:var(--s3);min-height:44px;cursor:pointer}
input[type=checkbox] {width:20px;height:20px;flex:none;accent-color:var(--accent)}
input:hover,textarea:hover {border-color:var(--ink-faint)}
.table-wrap {max-width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius)}
table {border-collapse:collapse;width:100%;min-width:660px;text-align:left}
th,td {padding:var(--s3);border-bottom:1px solid var(--line);vertical-align:middle}
th {font-size:clamp(.875rem,.85rem + .1vw,1rem);background:var(--raised)}
td img {width:84px;height:84px;object-fit:contain;border-radius:var(--radius);background:var(--raised)}
td small {display:block;color:var(--ink-faint);overflow-wrap:anywhere}
td textarea {min-height:88px;min-width:220px;font-family:var(--font);font-size:clamp(.875rem,.85rem + .1vw,1rem)}
.count {white-space:nowrap;color:var(--ink-faint);font-size:clamp(.875rem,.85rem + .1vw,1rem)}
.progress-track {height:6px;background:var(--raised);border-radius:var(--radius);margin-top:var(--s2)}
#progress-bar {display:block;height:100%;background:var(--ok);border-radius:var(--radius);width:0}
.hidden {display:none!important}
.sr-only {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.status.error {color:var(--danger)}
.status.success {color:var(--ok)}
summary {min-height:44px}
footer nav a,.bar nav a {display:inline-flex;align-items:center;min-height:44px}
@media (max-width:30rem) {.wrap {width:calc(100% - var(--s4)*2)} .card {padding:var(--s4)} .toolbar>* {max-width:100%} .hero {padding-top:var(--s5)}}