.import-row{border:1px solid var(--border,#46515d);border-radius:12px;margin:20px 0;padding:16px;min-width:0}
.import-row legend{font-weight:700;padding:0 8px}
.import-row .validation{margin:8px 0 0}
.import-map{display:flex;align-items:flex-start;gap:10px;margin:14px 0;line-height:1.4}
.import-map input{width:18px;height:18px;flex:none;margin-top:2px;accent-color:var(--accent,#00ef44)}
.import-provenance{border-left:3px solid var(--accent,#00ef44);padding:9px 12px;margin:18px 0;line-height:1.45}
#import-rows{max-width:100%}
.status.unverified{color:#f8d893;background:#513d13;border-color:#826a32}
body[data-display-mode="light"] .status.unverified,.light .status.unverified{color:#624500;background:#fff1c8;border-color:#d4a73d}
@media(max-width:600px){.import-row{padding:12px}.import-row .fields-two{display:grid;grid-template-columns:1fr;gap:8px}.panel-footer{flex-wrap:wrap}}

/* Keep the import instructions, feedback and actions distinct in every step. */
.panel:has(:is(#import-template,#import-rows,#import-ack,#import-done)) .panel-body{padding-bottom:28px}
.panel:has(:is(#import-template,#import-rows,#import-ack,#import-done)) .panel-body>p{margin:0 0 18px;line-height:1.55;overflow-wrap:anywhere}
.panel:has(#import-template) #import-template{margin:4px 0 22px}
.panel:has(#import-template) .panel-body>.field{margin-bottom:0}
.panel:has(:is(#import-template,#import-rows,#import-ack)) .panel-body>#import-error:empty{min-height:0;margin:0}
.panel:has(:is(#import-template,#import-rows,#import-ack)) .panel-body>#import-error:not(:empty){margin:20px 0 0;line-height:1.5}
.panel:has(#import-ack) .import-map{margin:22px 0 0}
.panel:has(:is(#import-template,#import-rows,#import-ack,#import-done)) .panel-footer{gap:12px;padding:20px 28px 26px}
.panel:has(:is(#import-template,#import-rows,#import-ack,#import-done)) .panel-footer button{min-height:44px;min-width:0}
@media(max-width:600px){
 .panel:has(:is(#import-template,#import-rows,#import-ack,#import-done)) .panel-body{padding-bottom:24px}
 .panel:has(:is(#import-template,#import-rows,#import-ack,#import-done)) .panel-footer{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;padding:18px 20px 24px}
 .panel:has(:is(#import-template,#import-rows,#import-ack,#import-done)) .panel-footer button{width:100%;min-height:46px;white-space:normal}
}