/* Shared keyboard and pointer feedback, independent of older pink accents. */
:root{--pink:#1f5bff;--brand-focus:#1f5bff}
:where(button,a,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid #1f5bff!important;outline-offset:3px}
:where(input,select,textarea):focus{border-color:#1f5bff!important}
:where(.btn,.tab,summary):hover{border-color:#1f5bff}
#f21-import{background:#1f5bff;color:#fff;border-color:#1f5bff;box-shadow:none}
.f21-bulk label:has(#f21-bulk-file){display:none!important}
.f21-bulk #f21-import{margin-top:12px}

.design-import-dialog #mapping-import,.design-import-dialog #import-sheet-next{background:#1f5bff;color:white;border-color:#1f5bff;box-shadow:none}
.design-import-dialog{padding:24px;box-sizing:border-box}.design-import-dialog h2{margin:0 0 10px}.mapping-options{margin:16px 0}.mapping-options>summary{cursor:pointer;font:inherit;font-weight:600;padding:8px 0}.mapping-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0}.design-import-dialog .mapping-fields label{display:flex;flex-direction:column;align-items:stretch;gap:5px;min-width:0}.mapping-fields select{width:100%;max-width:none}#mapping-cards{display:flex;gap:16px;overflow:auto;align-items:start;padding:8px 0}#mapping-cards>div{display:flex;flex-direction:column;gap:10px;flex:0 0 min(210px,75vw)}#mapping-cards .card{width:100%;max-width:100%}.design-import-dialog::backdrop{background:#0b1f4460}
@media(max-width:600px){.design-import-dialog{padding:16px}.mapping-fields{grid-template-columns:1fr}}

#mapping-cards>.mapping-card-pair{flex:0 0 auto;display:flex;flex-direction:row;align-items:start;gap:12px}#mapping-cards .mapping-card-pair>section{width:min(210px,65vw);flex:none}.mapping-face-label{margin:0 0 8px;font:inherit;font-weight:600;color:var(--mute)}

.mapping-actions{display:flex;flex-wrap:wrap;gap:12px;position:sticky;bottom:-24px;margin:16px -24px -24px;padding:16px 24px;background:var(--panel,#fbfdff);border-top:1px solid var(--line);z-index:2}.mapping-actions .btn,.mapping-actions .go{margin:0}.design-import-dialog{scroll-padding-bottom:90px}@media(max-width:600px){.mapping-actions{bottom:-16px;margin-inline:-16px;margin-bottom:-16px;padding:12px 16px}}