/* Phase 114: stable external event importer layout */
.external-import-shell {
  width: min(1180px, calc(100% - 32px));
  margin: 0 auto 4rem;
  color: #20233b;
}
.external-import-hero {
  margin-bottom: 1.2rem;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 24px;
  color: #fff;
  background: linear-gradient(135deg, #21174b, #6d4aff);
  box-shadow: 0 18px 42px rgba(43, 30, 105, .16);
}
.external-import-hero h1 { margin: .35rem 0 .5rem; color: #fff; }
.external-import-hero p { max-width: 760px; margin: 0; color: rgba(255,255,255,.82); }
.external-import-card {
  margin: 0 0 1.15rem;
  padding: clamp(1.25rem, 2.5vw, 2rem);
  border: 1px solid #e5e6f0;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 12px 32px rgba(38,35,76,.07);
}
.external-import-card-heading { display:flex; align-items:flex-start; gap:.8rem; margin-bottom:1.1rem; }
.external-import-card-heading > span { display:grid; width:34px; height:34px; flex:0 0 34px; place-items:center; border-radius:11px; color:#fff; background:linear-gradient(135deg,#6d4aff,#ff4f9a); font-weight:900; }
.external-import-card h2 { margin:0 0 .3rem; color:#29225e; font-size:1.25rem; }
.external-import-card-heading p { margin:0; color:#696b80; font-size:.88rem; }
.external-import-card form { display:grid; gap:1rem; }
.external-import-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem 1.1rem; }
.import-field { display:grid; gap:.4rem; min-width:0; color:#3d3d55; font-size:.84rem; font-weight:760; }
.import-field-wide { grid-column:1/-1; }
.import-field input,.import-field select,.import-field textarea { width:100%; box-sizing:border-box; border:1px solid #dfe1ec; border-radius:11px; background:#fbfbfe; color:#25263b; padding:.75rem .82rem; font:inherit; font-weight:500; }
.import-field textarea { min-height:220px; resize:vertical; line-height:1.55; }
.import-field input:focus,.import-field select:focus,.import-field textarea:focus { outline:none; border-color:#6d4aff; box-shadow:0 0 0 3px rgba(109,74,255,.13); background:#fff; }
.import-field small,.form-hint { color:#6c6d80; font-size:.74rem; font-weight:500; }
#admin-import-map-picker { min-height:320px; margin:1rem 0 .6rem; overflow:hidden; border:1px solid #dfe1ec; border-radius:15px; background:#f2f2f8; }
.external-import-card fieldset { display:grid; gap:.55rem; margin:1.25rem 0; padding:1rem; border:1px solid #e4e5ee; border-radius:15px; }
.external-import-card legend { padding:0 .35rem; color:#29225e; font-weight:850; }
.external-import-card fieldset > p { margin:0 0 .3rem; color:#6c6d80; font-size:.8rem; }
.external-import-card fieldset label { display:flex; align-items:center; gap:.5rem; color:#45465b; font-size:.84rem; font-weight:650; }
.import-image-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.8rem; }
.import-image-option { display:grid!important; gap:.5rem; min-width:0; padding:.55rem; border:1px solid #e3e4ee; border-radius:13px; background:#fbfbfe; font-weight:650!important; }
.import-image-option img { display:block; width:100%; aspect-ratio:4/3; object-fit:cover; border-radius:9px; background:#ececf5; }
.import-image-option span { display:flex; align-items:center; gap:.4rem; font-size:.72rem; }
.external-import-card > .button { justify-self:start; }
@media (max-width:980px) { .import-image-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:680px) {
  .external-import-shell { width:calc(100% - 24px); }
  .external-import-hero,.external-import-card { border-radius:16px; }
  .external-import-grid { grid-template-columns:1fr; }
  .import-field-wide { grid-column:auto; }
  .import-image-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #admin-import-map-picker { min-height:250px; }
  .external-import-card > .button,.external-import-card form > .button { width:100%; }
}
@media (max-width:420px) { .import-image-grid { grid-template-columns:1fr; } }