.import-wrap { max-width:800px; margin:0 auto; padding:30px 18px 60px }
.import-wrap h1 { font-size:28px; margin:22px 0 8px }
.import-wrap .card { padding:24px; margin:20px 0 }
.import-wrap label { display:block; margin:18px 0 8px; font-weight:600 }
.import-wrap input, .import-wrap select { display:block; width:100%; padding:10px; margin-top:7px; border:1px solid var(--line); border-radius:8px; background:var(--paper); color:var(--ink) }
.import-wrap .hint { color:var(--muted); font-size:13px }
.import-wrap details { margin-top:20px; border-top:1px solid var(--line); padding-top:18px }
.import-wrap summary { cursor:pointer; font-weight:600 }
.import-wrap .primary { background:var(--red); color:white; border:0; padding:12px 18px; border-radius:9px; cursor:pointer }
.import-wrap button:disabled { opacity:.5; cursor:wait }
.import-wrap #status { white-space:pre-wrap }
.import-wrap #warnings { padding:14px 14px 14px 32px; background:var(--warn-bg); border-radius:8px }
.import-wrap table { width:100%; border-collapse:collapse; font-size:13px }
.import-wrap th, .import-wrap td { padding:8px; border-bottom:1px solid var(--line); text-align:left }
.sample-scroll { overflow-x:auto }
@media (max-width:550px) { .import-wrap .card { padding:16px } .import-wrap .primary { width:100% } }