.boulevard-import {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
  min-width: 0;
  overflow-wrap: anywhere;
}

.boulevard-import :is(.boulevard-intro, .boulevard-section-head, .boulevard-actions, .boulevard-file-actions) {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 12px;
  align-items: center;
}

.boulevard-import :is(.boulevard-intro, .boulevard-section-head) {
  justify-content: space-between;
  align-items: start;
  gap: 12px 24px;
}

.boulevard-import .boulevard-intro { padding-block: 2px 4px; }
.boulevard-import .boulevard-intro > div { min-width: 0; flex: 1 1 19rem; }
.boulevard-import h2 { margin: 0 0 5px; font-size: clamp(1.45rem, 3vw, 1.85rem); letter-spacing: -.03em; }
.boulevard-import h3 { font-size: 1.16rem; line-height: 1.3; letter-spacing: -.015em; }
.boulevard-import h4 { margin: 0; font-size: .94rem; }
.boulevard-import .boulevard-section-head h3 { margin-bottom: 4px; }
.boulevard-import p { max-width: 76ch; }

.boulevard-import .boulevard-location {
  display: grid;
  gap: 1px;
  padding: 7px 12px;
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 8px;
  font-size: .87rem;
}

.boulevard-import .boulevard-location span { color: var(--muted); }
.boulevard-import .boulevard-location strong { color: var(--accent-dark); }
.boulevard-import .boulevard-panel { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; padding: clamp(14px, 2.4vw, 24px); }

.boulevard-import :is(.boulevard-form, .boulevard-review-body, .boulevard-history, .boulevard-file-field, .boulevard-archive-rows) {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
  min-width: 0;
}

.boulevard-import .boulevard-fields {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr);
  align-items: start;
  gap: 16px 24px;
}

.boulevard-import .boulevard-file-field { gap: 5px; }
.boulevard-import :is(select, .button) { min-height: 44px; max-width: 100%; }
.boulevard-import button[aria-disabled="true"] { opacity: .56; cursor: default; }
.boulevard-import .button:not(.primary)[aria-disabled="true"]:hover { background: var(--paper); }
.boulevard-import .primary[aria-disabled="true"]:hover { background: var(--accent); border-color: var(--accent); }
.boulevard-import .boulevard-source { display: grid; gap: 5px; justify-items: start; padding-top: 3px; font-size: .87rem; }
.boulevard-import .boulevard-source p:empty, .boulevard-import .boulevard-history-list:empty { display: none; }

.boulevard-import .boulevard-drop {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 8px 12px;
  padding: 12px;
  border: 1px dashed var(--control-line);
  border-radius: 8px;
  background: var(--canvas);
}

.boulevard-import .boulevard-drop:is(.has-file, .is-dragging, :focus-within) { border-color: var(--accent); }
.boulevard-import .boulevard-drop.is-dragging { background: var(--accent-wash); }
.boulevard-import .boulevard-drop svg {
  width: 36px;
  height: 36px;
  padding: 7px;
  color: var(--accent-dark);
  background: var(--accent-wash);
  border-radius: 8px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.boulevard-import .boulevard-drop-copy { display: grid; min-width: 0; }
.boulevard-import .boulevard-file-actions { grid-column: 2; }
.boulevard-import :is(.boulevard-drop-copy span, .boulevard-file-field > .muted, .boulevard-form-end p, .boulevard-history p.muted) {
  font-size: .875rem;
}

.boulevard-import .boulevard-form-end { padding-top: 12px; border-top: 1px solid var(--line); }
.boulevard-import .boulevard-feedback:empty { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); }

.boulevard-import .boulevard-totals { font-size: 1.04rem; font-weight: 650; }
.boulevard-import .boulevard-promotion-notice { display: grid; gap: 3px; }
.boulevard-import .boulevard-review-meta { color: var(--muted); font-size: .88rem; }
.boulevard-import .boulevard-counts {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.boulevard-import .boulevard-count {
  display: flex;
  flex-direction: column-reverse;
  justify-content: flex-end;
  gap: 3px;
  padding: 9px 12px;
  background: var(--canvas);
  border: 1px solid var(--line);
  border-radius: 8px;
  color: var(--muted);
  font-size: .875rem;
}

.boulevard-import .boulevard-count dd { color: var(--ink); font-size: 1.28rem; font-weight: 700; font-variant-numeric: tabular-nums; }
.boulevard-import .boulevard-count[data-outcome="create"] dd { color: var(--green); }
.boulevard-import .boulevard-count[data-outcome="blocked"] dd { color: var(--danger); }

.boulevard-import .boulevard-outcome {
  display: inline-block;
  padding: 3px 8px;
  border-radius: 6px;
  background: var(--canvas);
  color: var(--muted);
  font-size: .82rem;
  font-weight: 650;
}

.boulevard-import .boulevard-outcome[data-outcome="create"] { background: #e8f4ee; color: #245b46; }
.boulevard-import .boulevard-outcome[data-outcome="blocked"] { background: #faeef0; color: #852833; }

.boulevard-import .boulevard-columns { border-top: 1px solid var(--line); }
.boulevard-import .boulevard-columns summary {
  min-height: 44px;
  padding-block: 11px;
  color: var(--accent-dark);
  font-weight: 650;
  cursor: pointer;
}
.boulevard-import .boulevard-columns p { padding-bottom: 8px; font-size: .875rem; }
.boulevard-import :is(.boulevard-examples, .boulevard-history-list) { margin: 0; padding: 0; list-style: none; }

.boulevard-import :is(.boulevard-examples li, .boulevard-history-row) {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  justify-items: start;
  gap: 5px 16px;
  padding-block: 11px;
  border-top: 1px solid var(--line);
}

.boulevard-import .boulevard-examples li > div { display: grid; gap: 2px; }
.boulevard-import .boulevard-examples li :is(strong, p), .boulevard-import .boulevard-history-total { font-size: .875rem; }
.boulevard-import .boulevard-history-total { color: var(--ink); }
.boulevard-import .boulevard-history-row p { margin-top: 2px; }
.boulevard-import .boulevard-table-region {
  max-width: 100%;
  max-height: 53vh;
  overflow: auto;
  border: 1px solid var(--line);
  border-radius: 8px;
}

.boulevard-import .boulevard-table {
  width: max-content;
  min-width: 100%;
  border-spacing: 0;
  font-size: .875rem;
  text-align: left;
}

.boulevard-import .boulevard-table :is(th, td) {
  min-width: 7rem;
  max-width: 19rem;
  padding: 8px 10px;
  border-bottom: 1px solid var(--line);
  white-space: pre-wrap;
  vertical-align: top;
}

.boulevard-import .boulevard-table th:first-child { min-width: 3rem; }
.boulevard-import .boulevard-table thead th { position: sticky; top: 0; background: var(--canvas); }
.boulevard-import .boulevard-table tbody tr:nth-child(even) { background: var(--canvas); }
.boulevard-import .boulevard-table tbody tr:last-child > * { border-bottom: 0; }
.boulevard-import :is(.boulevard-review-body, .boulevard-history) { scroll-margin-top: 1rem; }
.boulevard-import :is(h2, h3)[tabindex="-1"] { scroll-margin-top: 7rem; }

@media (max-width: 850px) {
  .boulevard-import .boulevard-fields { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 540px) {
  .boulevard-import .boulevard-counts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .boulevard-import :is(.boulevard-examples li, .boulevard-history-row) { grid-template-columns: minmax(0, 1fr); }
  .boulevard-import .boulevard-drop { padding: 10px; }
  .boulevard-import .boulevard-file-actions { grid-column: 1 / -1; }
  .boulevard-import .boulevard-pager .button { flex: 1 1 7rem; }
}