/* Frontend shop spreadsheet import. */
.zoola-import-button { display:inline-flex; align-items:center; justify-content:center; min-height:36px; padding:8px 16px; border:0; border-radius:999px; background:#184e40; color:#fff; font-weight:500; font-family:inherit; font-size:14px; line-height:20px; cursor:pointer; text-decoration:none; white-space:nowrap; }
.zoola-import-button:hover { background:#103b30; color:#fff; }
.zoola-import-button:focus-visible,.zoola-import-dialog button:focus-visible { outline:2px solid #ff5b40; outline-offset:3px; }
.zoola-import-dialog { box-sizing:border-box; width:min(700px,calc(100% - 32px)); max-height:calc(100dvh - 32px); margin:auto; padding:24px; border:1px solid #d9e0e7; border-radius:20px; color:#131827; background:#fff; overflow:auto; }
.zoola-import-dialog::backdrop { background:rgba(12,32,27,.65); }
.zoola-import-heading { display:flex; justify-content:space-between; align-items:center; gap:16px; }
.zoola-import-heading h2 { margin:0; font-size:26px; }
.zoola-import-heading button { width:36px; height:36px; border:1px solid #d9e0e7; border-radius:50%; background:#f5f6fa; font-size:24px; cursor:pointer; flex-shrink:0; }
.zoola-import-dialog p { margin:14px 0; line-height:1.5; }
.zoola-import-dialog p a { color:#184e40; text-decoration:underline; }
.zoola-import-dialog form { display:grid; gap:12px; }
.zoola-import-dialog input[type=file] { width:100%; min-width:0; border:1px dashed #8da89f; border-radius:12px; padding:16px; background:#f6f8f5; font-size:14px; }
.zoola-import-dialog .zoola-import-hint { color:#66756f; font-size:13px; margin:0; }
.zoola-import-dialog progress { width:100%; height:12px; accent-color:#184e40; margin-top:20px; }
.zoola-import-dialog [hidden] { display:none; }
.zoola-import-dialog [data-import-rows] { margin:12px 0; padding:0; list-style:none; }
.zoola-import-dialog li { border:1px solid #d9e0e7; border-radius:10px; padding:12px; margin-bottom:8px; overflow-wrap:anywhere; }
.zoola-import-dialog li strong,.zoola-import-dialog li span { display:block; }
.zoola-import-dialog li span { font-size:13px; margin-top:5px; }
.zoola-import-dialog li[data-state=complete] { border-color:#9fc6ac; background:#f1f8f3; }
.zoola-import-dialog li[data-state=error] { border-color:#e6a5a5; background:#fff4f3; }
.zoola-import-dialog li[data-state=working] { border-color:#184e40; }
.zoola-import-dialog button:disabled { opacity:.55; cursor:default; }
.zoola-import-dialog [data-import-stop] { padding:9px 14px; border:1px solid #d9e0e7; border-radius:8px; background:#f5f6fa; cursor:pointer; }
@media(max-width:1100px) {
  .site-header .header-inner,.site-header .header-actions { flex-wrap:nowrap; }
  .site-header .main-nav,.site-header .owner-link { display:none; }
  .site-header .menu-button { display:inline-flex; }
  .site-header .main-nav.open { display:grid; position:absolute; top:100%; left:0; right:0; padding:20px 28px; background:#fffdf8; box-shadow:0 16px 30px #173f3526; }
  .site-header .main-nav.open .primary-menu { flex-direction:column; align-items:flex-start; gap:16px; }
}
@media(max-width:600px) { .site-header .header-inner { gap:12px; } .site-header .header-actions { gap:8px; } .zoola-header-upload { padding:8px 12px; } .zoola-import-dialog { padding:18px; } }