:root {
  --bg: #f2f2f3;
  --surface: #ffffff;
  --surface-soft: #f7f7f8;
  --surface-muted: #efeff1;
  --ink: #171717;
  --ink-2: #262626;
  --ink-muted: #747474;
  --ink-soft: #a5a5aa;
  --line: rgba(18, 18, 18, 0.08);
  --line-strong: rgba(18, 18, 18, 0.16);
  --brand: #0f0f10;
  --brand-2: #18181a;
  --brand-contrast: #ffffff;
  --success-bg: #ecf7ea;
  --success-text: #4a8a45;
  --warning-bg: rgba(173, 120, 23, 0.08);
  --warning-text: #8e6518;
  --danger-bg: #fff2f4;
  --danger-text: #9b2d41;
  --danger-border: rgba(155, 45, 65, 0.16);
  --shadow-card: 0 10px 22px rgba(20, 20, 20, 0.08);
  --radius-shell: 30px;
  --radius-card: 22px;
  --radius-pill: 999px;
  --portal-accent: #1d6fa5;
  --portal-accent-soft: rgba(29, 111, 165, 0.14);
  --portal-accent-badge-bg: #ebf5fb;
  --portal-accent-badge-text: #1d6fa5;
  --portal-shell-padding: 12px;
  --portal-page-inline-padding: 20px;
  --portal-page-top-padding: 24px;
  --portal-page-bottom-padding: 28px;
  --portal-page-gap: 24px;
  --portal-page-grid-gap: 28px;
  --portal-hero-padding: 28px;
  --request-flow-gap: 18px;
  --request-section-gap: 18px;
  --request-card-gap: 14px;
  --request-field-gap: 10px;
  --request-control-height: 50px;
  --request-workspace-max-width: 1824px;
  --control-line-height: 1.2;
  --control-focus-ring: 0 0 0 4px rgba(15, 15, 16, 0.05);
  --table-checkbox-bg: rgba(255, 255, 255, 0.96);
  --table-checkbox-border: rgba(23, 23, 23, 0.18);
  --table-checkbox-border-hover: rgba(23, 23, 23, 0.28);
  --table-checkbox-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);
  --table-checkbox-checked-bg: #0f0f10;
  --table-checkbox-checked-border: #0f0f10;
  --table-checkbox-mark: #ffffff;
  --table-checkbox-focus-ring: 0 0 0 4px rgba(15, 15, 16, 0.08);
  --dashboard-chart-gap: 18px;
  --dashboard-chart-landscape-width: 700px;
  --dashboard-chart-landscape-height: 420px;
  --dashboard-chart-portrait-width: calc((var(--dashboard-chart-landscape-width) * 2 - var(--dashboard-chart-gap)) / 3);
  --dashboard-chart-portrait-height: 420px;
}

html[data-theme="dark"] {
  --bg: #111214;
  --surface: #191b1f;
  --surface-soft: #20242a;
  --surface-muted: #252932;
  --ink: #f3f4f6;
  --ink-2: #d7dae0;
  --ink-muted: #b1bac7;
  --ink-soft: #8a94a3;
  --line: rgba(255, 255, 255, 0.12);
  --line-strong: rgba(255, 255, 255, 0.22);
  --brand: #f7f7f8;
  --brand-2: #ffffff;
  --brand-contrast: #111214;
  --success-bg: rgba(87, 168, 101, 0.16);
  --success-text: #9ed69c;
  --warning-bg: rgba(173, 120, 23, 0.18);
  --warning-text: #f2cc7a;
  --danger-bg: rgba(157, 53, 53, 0.16);
  --danger-text: #ffb8c0;
  --danger-border: rgba(255, 122, 142, 0.24);
  --shadow-card: 0 14px 28px rgba(0, 0, 0, 0.34);
  --control-selected-bg: rgba(255, 255, 255, 0.12);
  --control-selected-border: rgba(255, 255, 255, 0.22);
  --control-selected-text: #f3f4f6;
  --control-selected-muted: rgba(243, 244, 246, 0.72);
  --control-selected-icon-bg: rgba(255, 255, 255, 0.1);
  --control-open-bg: color-mix(in srgb, var(--surface-soft) 88%, #fff 12%);
  --control-focus-ring: 0 0 0 4px rgba(255, 255, 255, 0.08);
  --table-checkbox-bg: rgba(255, 255, 255, 0.05);
  --table-checkbox-border: rgba(255, 255, 255, 0.18);
  --table-checkbox-border-hover: rgba(255, 255, 255, 0.28);
  --table-checkbox-shadow: 0 1px 2px rgba(2, 6, 23, 0.32);
  --table-checkbox-checked-bg: #f3f4f6;
  --table-checkbox-checked-border: #f3f4f6;
  --table-checkbox-mark: #111214;
  --table-checkbox-focus-ring: 0 0 0 4px rgba(255, 255, 255, 0.12);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

html[data-reduced-motion="true"] {
  scroll-behavior: auto;
}

html[data-reduced-motion="true"] *,
html[data-reduced-motion="true"] *::before,
html[data-reduced-motion="true"] *::after {
  animation-duration: 0.01ms !important;
  animation-iteration-count: 1 !important;
  transition-duration: 0.01ms !important;
  scroll-behavior: auto !important;
}

body {
  margin: 0;
  font-family: "Manrope", sans-serif;
  color: var(--ink);
  background: var(--bg);
  min-height: 100vh;
  line-height: 1.5;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img,
picture,
svg,
canvas,
video {
  display: block;
  max-width: 100%;
}

table {
  border-collapse: separate;
  border-spacing: 0;
}

button,
input,
textarea,
select {
  font: inherit;
  color: inherit;
  letter-spacing: inherit;
  margin: 0;
}

button {
  appearance: none;
  -webkit-appearance: none;
}

input[type="checkbox"],
input[type="radio"] {
  margin: 0;
  accent-color: var(--brand);
}

:where(
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
  textarea,
  select
) {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-clip: padding-box;
}

textarea {
  resize: vertical;
}

input::placeholder,
textarea::placeholder {
  color: var(--ink-soft);
  opacity: 1;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  -webkit-appearance: none;
}

input[type="date"] {
  font-variant-numeric: tabular-nums;
}

input[type="date"]::-webkit-date-and-time-value {
  text-align: left;
}

input[type="date"]::-webkit-calendar-picker-indicator {
  margin: 0;
  cursor: pointer;
}

:where(
  .portal-topbar,
  .portal-topbar__utility,
  .portal-topbar__controls,
  .portal-internal-switch__panel,
  .quotations-table-toolbar,
  .dashboard-grid,
  .dashboard-widget-modal__controls,
  .dashboard-widget-picker__group-grid,
  .quotation-drawer__layout,
  .quotation-drawer__detail-grid,
  .request-tabs,
  .request-tabs__nav,
  .request-tabs__controls,
  .request-section__grid,
  .choice-grid,
  .segmented-control,
  .movement-scope-addresses,
  .request-panel__grid,
  .dimensions-shell,
  .dimensions-lines__toolbar,
  .dimensions-line,
  .dimensions-line__group,
  .cargo-support-row,
  .form-footer,
  .form-footer__actions
) > * {
  min-width: 0;
  min-height: 0;
}

:where(
  .button,
  .portal-topbar__icon-button,
  .portal-theme-toggle,
  .request-tab,
  .request-view-toggle__option,
  .choice-card,
  .segmented-control__option,
  .dimensions-toggle__option,
  .dashboard-widget-filter-pill,
  .dashboard-widget-modal__dismiss,
  .quotation-copy-modal__dismiss,
  .quotation-drawer__chat-send,
  .quotation-drawer__doc-icon-button,
  .quotation-drawer__docs-modal-dismiss,
  .quotation-drawer__docs-modal-scrim
) {
  appearance: none;
  -webkit-appearance: none;
  font: inherit;
  line-height: var(--control-line-height);
  letter-spacing: inherit;
}

:where(
  .field input,
  .field textarea,
  .field select,
  .portal-internal-switch__search input,
  .dashboard-widget-modal__search input,
  .quotation-drawer__chat-input,
  .movement-address-card .address-section__field input,
  .movement-address-card .address-section__search-field input,
  .incoterm-select__trigger,
  .frontend-select__trigger,
  .dangerous-goods-selector__trigger,
  .dimensions-line__field input,
  .dimensions-line__mini-field input,
  .dimensions-line__field .frontend-select__trigger
) {
  min-width: 0;
  line-height: var(--control-line-height);
  background-clip: padding-box;
}

a {
  color: inherit;
  text-decoration: none;
}

html[dir="rtl"] body {
  direction: rtl;
}

html[dir="rtl"] .portal-topbar,
html[dir="rtl"] .overview-card__route-head,
html[dir="rtl"] .request-panel__header,
html[dir="rtl"] .dimensions-ai-import__header,
html[dir="rtl"] .dimensions-ai-import__preview-head,
html[dir="rtl"] .form-footer,
html[dir="rtl"] .success-card__actions {
  direction: rtl;
}

html[dir="rtl"] .timeline {
  padding-left: 0;
  padding-right: 0;
}

html[dir="rtl"] .timeline::before {
  left: auto;
  right: calc(var(--timeline-axis-x) - (var(--timeline-line-width) / 2));
}

.portal-shell {
  min-height: 100vh;
  padding: var(--portal-shell-padding);
}

.portal-topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 92px;
  padding: 0 28px 0 26px;
  border-radius: 24px 24px 0 0;
  background: #000;
  color: #fff;
}

.portal-brand {
  display: inline-flex;
  align-items: center;
  min-width: 0;
  flex: 0 0 auto;
  max-width: min(42vw, 420px);
}

.portal-brand__logo {
  display: block;
  width: auto;
  max-width: 100%;
  height: 60px;
  object-fit: contain;
  object-position: left center;
  flex: 0 0 auto;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  transform: translateY(1px);
}

.portal-topbar__utility {
  display: flex;
  align-items: center;
  gap: 10px;
}

.portal-topbar__controls {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-left: 6px;
}

.portal-internal-switch {
  position: relative;
  display: inline-flex;
  align-items: center;
}

.portal-topbar__badge--internal {
  border: 1px solid rgba(255, 255, 255, 0.16);
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
  font-size: 0.76rem;
  letter-spacing: 0.02em;
}

.portal-topbar__badge--internal:hover,
.portal-topbar__badge--internal:focus-visible {
  background: rgba(255, 255, 255, 0.14);
}

.portal-internal-switch__panel {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  width: min(360px, calc(100vw - 32px));
  padding: 16px;
  border-radius: 18px;
  border: 1px solid rgba(15, 23, 42, 0.08);
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 24px 60px rgba(15, 23, 42, 0.22);
  color: #0f172a;
  z-index: 60;
}

.portal-internal-switch__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.portal-internal-switch__eyebrow {
  display: block;
  margin-bottom: 4px;
  font-size: 0.66rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #64748b;
}

.portal-internal-switch__header strong {
  display: block;
  font-size: 0.98rem;
  font-weight: 800;
  color: #0f172a;
}

.portal-internal-switch__count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  background: #eef2ff;
  color: #1d4ed8;
  font-size: 0.72rem;
  font-weight: 700;
  white-space: nowrap;
}

.portal-internal-switch__search {
  display: block;
  margin-bottom: 12px;
}

.portal-internal-switch__search input {
  width: 100%;
  min-height: 40px;
  padding: 0 14px;
  border-radius: 12px;
  border: 1px solid #d7dfec;
  background: #f8fafc;
  color: #0f172a;
  font: inherit;
}

.portal-internal-switch__search input:focus-visible {
  outline: none;
  border-color: #7aa2ff;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.14);
}

.portal-internal-switch__list {
  display: grid;
  gap: 8px;
  max-height: 320px;
  overflow-y: auto;
}

.portal-internal-switch__option,
.portal-internal-switch__empty {
  border-radius: 14px;
}

.portal-internal-switch__option {
  width: 100%;
  border: 1px solid #dbe4f0;
  background: #fff;
  padding: 12px 14px;
  display: grid;
  gap: 8px;
  text-align: left;
  cursor: pointer;
  transition: border-color 160ms ease, background-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.portal-internal-switch__option:hover,
.portal-internal-switch__option:focus-visible {
  outline: none;
  border-color: #93c5fd;
  background: #f8fbff;
  box-shadow: 0 12px 28px rgba(148, 163, 184, 0.18);
}

.portal-internal-switch__option:active {
  transform: translateY(1px);
}

.portal-internal-switch__option.is-active {
  border-color: #2563eb;
  background: #eff6ff;
}

.portal-internal-switch__option.is-pending {
  border-color: #93c5fd;
  background: #f8fbff;
}

.portal-internal-switch__option[disabled] {
  cursor: not-allowed;
  opacity: 0.72;
  background: #f8fafc;
  box-shadow: none;
}

.portal-internal-switch__option-top,
.portal-internal-switch__option-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.portal-internal-switch__option-state {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
}

.portal-internal-switch__option-name {
  display: block;
  font-size: 0.94rem;
  font-weight: 800;
  color: #0f172a;
}

.portal-internal-switch__option-current {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 22px;
  padding: 0 8px;
  border-radius: 999px;
  background: #dbeafe;
  color: #1d4ed8;
  font-size: 0.69rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  white-space: nowrap;
}

.portal-internal-switch__option-code {
  flex: 0 0 auto;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #64748b;
}

.portal-internal-switch__option-status,
.portal-internal-switch__option-note {
  font-size: 0.74rem;
  color: #475569;
}

.portal-internal-switch__option-status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 24px;
  padding: 0 9px;
  border-radius: 999px;
  background: #f1f5f9;
  font-weight: 700;
}

.portal-internal-switch__option-status[data-status="active"] {
  background: #dcfce7;
  color: #166534;
}

.portal-internal-switch__option-status[data-status="inactive"] {
  background: #fee2e2;
  color: #b91c1c;
}

.portal-internal-switch__option-status[data-status="archived"] {
  background: #e2e8f0;
  color: #475569;
}

.portal-internal-switch__option-status[data-status="onboarding"] {
  background: #fef3c7;
  color: #b45309;
}

.portal-internal-switch__empty {
  padding: 14px;
  border: 1px dashed #cbd5e1;
  background: #f8fafc;
  color: #64748b;
  font-size: 0.83rem;
}

.portal-language {
  position: relative;
  display: inline-flex;
  align-items: center;
}

.portal-topbar__icon-button {
  width: 36px;
  height: 36px;
  border-radius: var(--radius-pill);
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.82);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: border-color 180ms ease, background-color 180ms ease, color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.portal-topbar__icon-button svg {
  width: 16px;
  height: 16px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.portal-topbar__icon-button:hover {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
}

.portal-topbar__icon-button:active {
  transform: translateY(1px);
}

.portal-topbar__icon-button:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.14);
}

.portal-topbar__icon-button.is-active {
  background: rgba(255, 255, 255, 0.16);
  color: #fff;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.06);
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.portal-theme-toggle {
  min-height: 32px;
  border-radius: var(--radius-pill);
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.06);
  color: #fff;
}

.portal-theme-toggle:focus-visible {
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.12);
}

.portal-theme-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 0 10px;
  min-width: 70px;
  cursor: pointer;
  transition: border-color 180ms ease, background-color 180ms ease, box-shadow 180ms ease;
}

.portal-theme-toggle__icon {
  font-size: 0.78rem;
  line-height: 1;
  color: rgba(255, 255, 255, 0.48);
  transition: color 180ms ease, transform 180ms ease;
}

.portal-theme-toggle__track {
  position: relative;
  width: 34px;
  height: 18px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.18);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
  transition: background-color 180ms ease, box-shadow 180ms ease;
}

.portal-theme-toggle__thumb {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 1px 6px rgba(15, 15, 16, 0.2);
  transition: transform 180ms ease, background-color 180ms ease;
}

.portal-theme-toggle[aria-pressed="false"] .portal-theme-toggle__icon--sun,
.portal-theme-toggle[aria-pressed="true"] .portal-theme-toggle__icon--moon {
  color: #fff;
  transform: scale(1.04);
}

.portal-theme-toggle[aria-pressed="true"] .portal-theme-toggle__track {
  background: rgba(255, 255, 255, 0.24);
}

.portal-theme-toggle[aria-pressed="true"] .portal-theme-toggle__thumb {
  transform: translateX(16px);
}

.portal-topbar__badge,
.portal-topbar__link {
  min-height: 36px;
  padding: 0 14px;
  border-radius: var(--radius-pill);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.82rem;
  font-weight: 700;
}

.portal-topbar__badge {
  background: rgba(255, 255, 255, 0.09);
  color: rgba(255, 255, 255, 0.78);
}

.portal-topbar__badge--runtime {
  background: rgba(231, 174, 82, 0.24);
  color: #fff;
}

.portal-topbar__badge--runtime.is-test {
  background: rgba(78, 126, 194, 0.28);
}

.portal-topbar__link {
  background: rgba(255, 255, 255, 0.14);
  color: #fff;
}

.portal-topbar__link:not(.is-active) {
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.78);
}

.portal-topbar__link.is-active {
  background: color-mix(in srgb, var(--portal-accent) 28%, rgba(255, 255, 255, 0.18));
  color: #fff;
}

.portal-topbar__link[aria-disabled="true"] {
  background: rgba(255, 255, 255, 0.05);
  color: rgba(255, 255, 255, 0.42);
  cursor: not-allowed;
  pointer-events: none;
}

.portal-topbar__link[aria-disabled="true"]:hover,
.portal-topbar__link[aria-disabled="true"]:focus-visible {
  background: rgba(255, 255, 255, 0.05);
  color: rgba(255, 255, 255, 0.42);
  box-shadow: none;
}

html:not([data-theme="dark"]) .portal-language,
html:not([data-theme="dark"]) .portal-theme-toggle {
  border-color: rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.07);
}

html:not([data-theme="dark"]) .portal-topbar__badge--internal {
  border-color: rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.09);
}

html:not([data-theme="dark"]) .portal-topbar__badge--runtime {
  border-color: rgba(209, 148, 42, 0.22);
  background: rgba(209, 148, 42, 0.14);
  color: rgba(124, 76, 13, 0.92);
}

html:not([data-theme="dark"]) .portal-topbar__badge--runtime.is-test {
  border-color: rgba(39, 76, 119, 0.2);
  background: rgba(39, 76, 119, 0.12);
  color: rgba(24, 58, 99, 0.9);
}

html:not([data-theme="dark"]) .portal-theme-toggle:hover {
  background: rgba(255, 255, 255, 0.085);
}

.portal-dashboard {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: var(--portal-page-grid-gap);
  padding: var(--portal-page-top-padding) var(--portal-page-inline-padding) var(--portal-page-bottom-padding);
  border-radius: 0 0 24px 24px;
  background: color-mix(in srgb, var(--bg) 78%, var(--surface) 22%);
  transition:
    grid-template-columns 240ms cubic-bezier(0.22, 1, 0.36, 1),
    gap 240ms cubic-bezier(0.22, 1, 0.36, 1),
    padding 240ms cubic-bezier(0.22, 1, 0.36, 1);
}

.portal-dashboard.is-dev-mode-workspace {
  grid-template-columns: minmax(0, 1fr);
  gap: 18px;
  padding: 22px 12px 28px;
}

.portal-dashboard--with-rail {
  grid-template-columns: minmax(0, 1fr) 320px;
  align-items: start;
}

.portal-dashboard.is-dev-mode-workspace.portal-dashboard--with-rail {
  grid-template-columns: minmax(0, 1fr) 320px;
}

.portal-dashboard.is-dev-mode-workspace .portal-main {
  gap: 18px;
  min-width: 0;
}

.portal-dashboard.is-dev-mode-workspace #shipments-main {
  width: 100%;
}

.portal-dashboard.is-dev-mode-workspace .quotations-create-view {
  width: min(100%, var(--request-workspace-max-width));
  max-width: var(--request-workspace-max-width);
  margin-inline: auto;
}

.portal-main {
  display: grid;
  gap: var(--portal-page-gap);
  min-width: 0;
}

.portal-dashboard--with-rail > .portal-main {
  grid-column: 1;
  grid-row: 1;
}

.portal-dashboard--with-rail .portal-rail {
  grid-column: 2;
  grid-row: 1;
  width: 320px;
  min-width: 0;
  display: block;
  position: sticky;
  top: 92px;
  align-self: start;
  justify-self: end;
}

@media (min-width: 1181px) {
  .portal-shell--wide-quotations {
    padding: var(--portal-shell-padding);
  }

  .portal-dashboard--wide-quotations {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--portal-page-grid-gap);
    padding: var(--portal-page-top-padding) var(--portal-page-inline-padding) var(--portal-page-bottom-padding);
  }
}

.settings-view[hidden] {
  display: none !important;
}

.settings-view {
  display: block;
  grid-column: 1 / -1;
}

.settings-shell {
  display: grid;
  grid-template-columns: minmax(260px, 300px) minmax(0, 1fr);
  gap: 22px;
  align-items: start;
}

.settings-sidebar {
  display: grid;
  gap: 18px;
  position: sticky;
  top: 24px;
}

.settings-sidebar__card,
.settings-preview-card,
.settings-panel,
.settings-hero {
  border-radius: 28px;
  background: var(--surface);
  border: 1px solid rgba(15, 15, 16, 0.04);
  box-shadow: var(--shadow-card);
}

.settings-sidebar__card,
.settings-preview-card {
  padding: 22px;
}

.settings-sidebar__eyebrow,
.settings-hero__eyebrow,
.settings-preview-card__eyebrow {
  display: inline-block;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--ink-soft);
}

.settings-sidebar__card h1,
.settings-hero h2,
.settings-preview-card h2 {
  margin: 10px 0 0;
  font-size: 1.9rem;
  line-height: 1;
  letter-spacing: -0.05em;
  color: var(--brand);
}

.settings-preview-card h2 {
  font-size: 1.05rem;
  letter-spacing: -0.03em;
}

.settings-sidebar__card p,
.settings-hero p,
.settings-panel__header p,
.settings-preview-card__header p {
  margin: 10px 0 0;
  color: var(--ink-muted);
  line-height: 1.6;
}

.settings-sidebar__nav {
  display: grid;
  gap: 8px;
  margin-top: 20px;
}

.settings-sidebar__link {
  min-height: 40px;
  padding: 0 14px;
  border-radius: 16px;
  border: 1px solid transparent;
  background: color-mix(in srgb, var(--surface-soft) 82%, var(--surface) 18%);
  color: var(--ink-muted);
  display: inline-flex;
  align-items: center;
  font-size: 0.88rem;
  font-weight: 700;
  transition: border-color 180ms ease, background-color 180ms ease, color 180ms ease;
}

.settings-sidebar__link:hover,
.settings-sidebar__link:focus-visible {
  color: var(--ink);
  border-color: var(--line);
}

.settings-content {
  display: grid;
  gap: 18px;
}

.settings-hero {
  padding: 24px 26px;
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 18px;
}

.settings-hero__actions {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.settings-save-indicator {
  min-height: 34px;
  padding: 0 12px;
  border-radius: var(--radius-pill);
  border: 1px solid var(--line);
  background: color-mix(in srgb, var(--surface-soft) 82%, var(--surface) 18%);
  color: var(--ink-muted);
  display: inline-flex;
  align-items: center;
  font-size: 0.78rem;
  font-weight: 800;
}

.settings-save-indicator.is-dirty {
  color: var(--warning-text);
  background: var(--warning-bg);
  border-color: rgba(173, 120, 23, 0.18);
}

.settings-save-indicator.is-saved {
  color: var(--success-text);
  background: var(--success-bg);
  border-color: rgba(87, 168, 101, 0.16);
}

.settings-form {
  display: grid;
  gap: 18px;
}

.settings-panel {
  padding: 24px 26px;
  display: grid;
  gap: 20px;
}

.settings-panel__header {
  display: flex;
  gap: 14px;
  align-items: start;
}

.settings-panel__header h3 {
  margin: 2px 0 0;
  font-size: 1.08rem;
  color: var(--brand);
}

.settings-panel__icon {
  width: 40px;
  height: 40px;
  border-radius: 14px;
  background: color-mix(in srgb, var(--surface-soft) 70%, var(--surface) 30%);
  border: 1px solid rgba(15, 15, 16, 0.06);
  color: var(--brand);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.86rem;
  font-weight: 800;
  flex: 0 0 auto;
}

.settings-grid {
  display: grid;
  gap: 16px;
}

.settings-grid--two {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.settings-grid--three {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.settings-grid__span-2 {
  grid-column: span 2;
}

.settings-group,
.settings-stack {
  display: grid;
  gap: 10px;
}

.settings-group__label {
  color: var(--ink-soft);
  font-size: 0.75rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.settings-choice-grid {
  display: grid;
  gap: 10px;
}

.settings-choice-grid--two {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.settings-choice-grid--three {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.settings-choice-grid--compact {
  gap: 8px;
}

.settings-choice-card {
  position: relative;
  display: block;
  min-width: 0;
  cursor: pointer;
}

.settings-choice-card input {
  position: absolute;
  inset: 0;
  opacity: 0;
  pointer-events: none;
}

.settings-choice-card span {
  min-height: 92px;
  padding: 14px 16px;
  border-radius: 18px;
  border: 1px solid var(--line);
  background: color-mix(in srgb, var(--surface-soft) 86%, var(--surface) 14%);
  display: grid;
  gap: 5px;
  transition: border-color 180ms ease, background-color 180ms ease, box-shadow 180ms ease;
}

.settings-choice-grid--compact .settings-choice-card span {
  min-height: 78px;
}

.settings-choice-card strong {
  font-size: 0.92rem;
  color: var(--brand);
}

.settings-choice-card small {
  color: var(--ink-muted);
  line-height: 1.45;
}

.settings-choice-card input:checked + span {
  border-color: rgba(15, 15, 16, 0.14);
  background: var(--surface);
  box-shadow: inset 0 0 0 1px rgba(15, 15, 16, 0.05), 0 10px 20px rgba(15, 15, 16, 0.04);
}

.settings-inline-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.settings-toggle-row {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  padding: 14px 16px;
  border-radius: 18px;
  border: 1px solid var(--line);
  background: color-mix(in srgb, var(--surface-soft) 86%, var(--surface) 14%);
  cursor: pointer;
}

.settings-toggle-row input {
  width: 16px;
  height: 16px;
  margin-top: 3px;
  accent-color: var(--brand);
}

.settings-toggle-row strong,
.settings-last-login strong,
.settings-activity-item strong,
.settings-utility-card strong,
.settings-build-card strong {
  color: var(--brand);
}

.settings-toggle-row small,
.settings-last-login span,
.settings-activity-item span,
.settings-activity-item small,
.settings-utility-card span,
.settings-build-card small,
.settings-branding-preview__surface > span {
  color: var(--ink-muted);
  line-height: 1.5;
}

.settings-security-meter {
  display: grid;
  gap: 8px;
  padding: 16px 18px;
  border-radius: 20px;
  background: color-mix(in srgb, var(--surface-soft) 88%, var(--surface) 12%);
  border: 1px solid rgba(15, 15, 16, 0.05);
}

.settings-security-meter__bar {
  width: 100%;
  height: 8px;
  border-radius: 999px;
  background: rgba(15, 15, 16, 0.08);
  overflow: hidden;
}

.settings-security-meter__bar span {
  display: block;
  width: 0;
  height: 100%;
  border-radius: inherit;
  background: #d4a24a;
  transition: width 180ms ease, background-color 180ms ease;
}

.settings-security-meter strong {
  font-size: 0.86rem;
}

.settings-security-meter p,
.settings-field-error {
  margin: 0;
  color: var(--ink-muted);
  line-height: 1.5;
}

.settings-field-error {
  color: var(--danger-text);
  font-weight: 700;
}

.settings-inline-actions {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: center;
  flex-wrap: wrap;
}

.settings-last-login {
  display: grid;
  gap: 4px;
}

.settings-activity-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.settings-activity-item {
  display: grid;
  gap: 4px;
  padding: 16px;
  border-radius: 18px;
  background: color-mix(in srgb, var(--surface-soft) 88%, var(--surface) 12%);
  border: 1px solid rgba(15, 15, 16, 0.05);
}

.settings-branding-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.85fr);
  gap: 18px;
  align-items: start;
}

.settings-branding-main {
  display: grid;
  gap: 16px;
}

.settings-logo-uploader {
  display: grid;
  gap: 10px;
  padding: 18px;
  border-radius: 22px;
  border: 1px dashed rgba(15, 15, 16, 0.14);
  background:
    radial-gradient(circle at top right, rgba(15, 15, 16, 0.04), transparent 40%),
    color-mix(in srgb, var(--surface-soft) 88%, var(--surface) 12%);
  cursor: pointer;
  transition: border-color 180ms ease, background-color 180ms ease, box-shadow 180ms ease;
}

.settings-logo-uploader.is-busy {
  pointer-events: none;
  opacity: 0.78;
}

.settings-logo-uploader:hover,
.settings-logo-uploader:focus-visible {
  border-color: rgba(15, 15, 16, 0.22);
  box-shadow: inset 0 0 0 1px rgba(15, 15, 16, 0.05);
}

.settings-logo-uploader__preview {
  display: grid;
  place-items: center;
  min-height: 168px;
  padding: 20px;
  border-radius: 18px;
  border: 1px dashed rgba(15, 15, 16, 0.1);
  background: rgba(255, 255, 255, 0.78);
  overflow: hidden;
}

.settings-logo-uploader__preview img {
  display: block;
  width: 100%;
  max-width: 240px;
  max-height: 110px;
  object-fit: contain;
}

.settings-logo-uploader__preview span {
  font-size: 2rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  color: var(--text-secondary);
}

.settings-logo-uploader__status {
  font-size: 0.9rem;
  color: var(--text-secondary);
}

.settings-logo-uploader__actions {
  display: inline-flex;
  gap: 10px;
  flex-wrap: wrap;
}

.settings-branding-preview {
  display: grid;
  gap: 12px;
}

.settings-branding-preview__surface {
  display: grid;
  gap: 12px;
  padding: 18px;
  border-radius: 22px;
  border: 1px solid rgba(15, 15, 16, 0.05);
}

.settings-branding-preview__surface--light {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(245, 245, 246, 0.98));
}

.settings-branding-preview__surface--dark {
  background: linear-gradient(180deg, #111214, #181a1f);
}

.settings-brand-chip {
  min-height: 72px;
  padding: 14px 16px;
  border-radius: 20px;
  background: rgba(15, 15, 16, 0.04);
  display: inline-flex;
  align-items: center;
  gap: 14px;
}

.settings-brand-chip--dark {
  background: rgba(255, 255, 255, 0.08);
}

.settings-brand-chip--dark strong,
.settings-branding-preview__surface--dark > span {
  color: rgba(255, 255, 255, 0.82);
}

.settings-brand-chip__mark {
  width: 48px;
  height: 48px;
  border-radius: 16px;
  background: #111214;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.95rem;
  font-weight: 800;
  overflow: hidden;
  flex: 0 0 auto;
}

.settings-brand-chip--dark .settings-brand-chip__mark {
  background: rgba(255, 255, 255, 0.14);
}

.settings-brand-chip__mark img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.settings-preview-card__header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 12px;
}

.settings-preview-card__status {
  min-height: 30px;
  padding: 0 10px;
  border-radius: var(--radius-pill);
  background: color-mix(in srgb, var(--surface-soft) 82%, var(--surface) 18%);
  color: var(--ink-muted);
  display: inline-flex;
  align-items: center;
  font-size: 0.72rem;
  font-weight: 800;
}

.settings-preview {
  margin-top: 16px;
  padding: 16px;
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(246, 246, 247, 0.98));
  border: 1px solid rgba(15, 15, 16, 0.06);
  display: grid;
  gap: 14px;
}

.settings-preview[data-theme-preview="dark"] {
  background: linear-gradient(180deg, rgba(23, 25, 31, 0.98), rgba(16, 18, 22, 0.98));
  border-color: rgba(255, 255, 255, 0.08);
}

.settings-preview__topbar {
  min-height: 44px;
  padding: 0 12px;
  border-radius: 18px;
  background: rgba(15, 15, 16, 0.05);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.settings-preview[data-theme-preview="dark"] .settings-preview__topbar,
.settings-preview[data-theme-preview="dark"] .settings-preview__card {
  background: rgba(255, 255, 255, 0.06);
}

.settings-preview[data-theme-preview="dark"] .settings-preview__hero {
  background: rgba(255, 255, 255, 0.07);
}

.settings-preview[data-theme-preview="dark"] .settings-preview__hero span,
.settings-preview[data-theme-preview="dark"] .settings-preview__card span {
  color: rgba(255, 255, 255, 0.56);
}

.settings-preview[data-theme-preview="dark"] .settings-preview__hero strong,
.settings-preview[data-theme-preview="dark"] .settings-preview__hero small,
.settings-preview[data-theme-preview="dark"] .settings-preview__card strong,
.settings-preview[data-theme-preview="dark"] .settings-preview__pill.is-active {
  color: #fff;
}

.settings-preview[data-theme-preview="dark"] .settings-preview__pill {
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.62);
}

.settings-preview__brand {
  min-width: 38px;
  height: 28px;
  padding: 0 10px;
  border-radius: var(--radius-pill);
  background: #111214;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.74rem;
  font-weight: 800;
}

.settings-preview__brand img {
  width: 18px;
  height: 18px;
  object-fit: contain;
}

.settings-preview__nav {
  display: inline-flex;
  gap: 6px;
}

.settings-preview__pill {
  min-height: 26px;
  padding: 0 10px;
  border-radius: var(--radius-pill);
  background: rgba(15, 15, 16, 0.06);
  color: var(--ink-muted);
  display: inline-flex;
  align-items: center;
  font-size: 0.7rem;
  font-weight: 800;
}

.settings-preview__pill.is-active {
  background: rgba(15, 15, 16, 0.14);
  color: var(--brand);
}

.settings-preview__body,
.settings-preview__cards {
  display: grid;
  gap: 10px;
}

.settings-preview__hero {
  display: grid;
  gap: 4px;
  padding: 14px;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.7);
}

.settings-preview[data-theme-preview="dark"] .settings-preview__hero {
  background: rgba(255, 255, 255, 0.07);
}

.settings-preview__hero span,
.settings-preview__card span {
  color: var(--ink-soft);
  font-size: 0.72rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.settings-preview__hero strong,
.settings-preview__card strong {
  color: var(--brand);
}

.settings-preview__hero small {
  color: var(--ink-muted);
}

.settings-preview__cards {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.settings-preview__card {
  padding: 12px 14px;
  border-radius: 18px;
  background: rgba(15, 15, 16, 0.05);
  display: grid;
  gap: 6px;
}

.settings-utility-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.settings-utility-card,
.settings-build-card {
  min-height: 124px;
  padding: 18px;
  border-radius: 20px;
  border: 1px solid var(--line);
  background: color-mix(in srgb, var(--surface-soft) 88%, var(--surface) 12%);
  text-align: left;
  display: grid;
  gap: 8px;
}

.settings-utility-card {
  font: inherit;
  color: inherit;
  cursor: pointer;
  transition: border-color 180ms ease, background-color 180ms ease, transform 180ms ease;
}

.settings-utility-card:hover,
.settings-utility-card:focus-visible {
  border-color: rgba(15, 15, 16, 0.14);
  transform: translateY(-1px);
}

.settings-toast {
  position: fixed;
  right: 24px;
  bottom: 24px;
  max-width: min(360px, calc(100vw - 32px));
  padding: 14px 16px;
  border-radius: 18px;
  border: 1px solid rgba(87, 168, 101, 0.18);
  background: rgba(34, 38, 30, 0.96);
  color: #fff;
  box-shadow: 0 18px 32px rgba(15, 15, 16, 0.2);
  z-index: 260;
}

.settings-toast[hidden] {
  display: none !important;
}

.settings-shell--simple {
  grid-template-columns: minmax(0, 860px);
  justify-content: center;
}

.settings-content--simple {
  gap: 14px;
}

.settings-hero--simple {
  padding: 20px 22px;
}

.settings-hero--simple p {
  max-width: 42ch;
}

.settings-form--simple {
  gap: 14px;
}

.settings-form--simple .settings-panel {
  padding: 20px 22px;
  gap: 16px;
}

.settings-panel__header--simple {
  gap: 12px;
}

.settings-panel__header--simple h3 {
  margin-top: 0;
  font-size: 1rem;
}

.settings-panel__header--simple p {
  margin-top: 4px;
  font-size: 0.88rem;
  line-height: 1.45;
}

.settings-choice-card--simple span {
  min-height: 56px;
  padding: 12px 14px;
  display: flex;
  align-items: center;
}

.settings-choice-card--simple strong {
  font-size: 0.88rem;
}

.settings-choice-card--simple small {
  display: none;
}

.settings-logo-uploader--simple {
  padding: 16px;
  border-radius: 18px;
}

.settings-logo-uploader--simple p {
  margin: 0;
}

html[data-density="compact"] .portal-dashboard {
  gap: 20px;
  padding: 20px 18px 24px;
}

html[data-density="compact"] .quotations-header,
html[data-density="compact"] .overview-card,
html[data-density="compact"] .dashboard-kpi-card,
html[data-density="compact"] .dashboard-panel,
html[data-density="compact"] .settings-panel,
html[data-density="compact"] .settings-sidebar__card,
html[data-density="compact"] .settings-preview-card,
html[data-density="compact"] .settings-hero {
  border-radius: 24px;
}

html[data-density="compact"] .settings-panel,
html[data-density="compact"] .settings-sidebar__card,
html[data-density="compact"] .settings-preview-card,
html[data-density="compact"] .settings-hero {
  padding: 20px;
}

html[data-show-helpers="false"] .request-section__header p,
html[data-show-helpers="false"] .request-panel__header p,
html[data-show-helpers="false"] .cargo-editor-panel__head p,
html[data-show-helpers="false"] .dimensions-lines__toolbar-copy span,
html[data-show-helpers="false"] .toggle-card small,
html[data-show-helpers="false"] .modality-guidance,
html[data-show-helpers="false"] .settings-panel__header p,
html[data-show-helpers="false"] .settings-toggle-row small,
html[data-show-helpers="false"] #settings-password-feedback,
html[data-show-helpers="false"] .settings-utility-card span,
html[data-show-helpers="false"] .settings-sidebar__card p,
html[data-show-helpers="false"] .settings-hero p {
  display: none;
}

html[data-compact-tables="true"] .dashboard-table th,
html[data-compact-tables="true"] .dashboard-table td {
  padding-top: 10px;
  padding-bottom: 10px;
}

.quotations-overview,
.quotations-create-view {
  display: grid;
  gap: var(--portal-page-gap);
}

.quotations-create-view {
  transition: gap 240ms cubic-bezier(0.22, 1, 0.36, 1);
}

.quotations-overview[hidden],
.quotations-create-view[hidden] {
  display: none !important;
}

.quotations-header {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: center;
  padding: var(--portal-hero-padding);
  border-radius: 28px;
  background: var(--surface);
  border: 1px solid rgba(15, 15, 16, 0.04);
  box-shadow: var(--shadow-card);
}

.quotations-header__copy {
  display: grid;
  gap: 10px;
}

.quotations-header__copy h1 {
  margin: 0;
  color: var(--brand);
  letter-spacing: -0.05em;
}

.quotations-header__copy h1 {
  font-size: clamp(2.1rem, 3.2vw, 3rem);
  line-height: 0.98;
}

.quotations-header__copy p {
  margin: 0;
  max-width: 62ch;
  color: var(--ink-muted);
  line-height: 1.65;
}

.quotations-back-row {
  display: flex;
  justify-content: flex-start;
}

.quotations-back-button {
  min-height: 28px;
  padding-inline: 10px;
  border-radius: 999px;
  font-weight: 700;
  font-size: 0.75rem;
  letter-spacing: 0.01em;
}

.quotations-back-button::before {
  content: "←";
  margin-right: 5px;
  font-size: 0.78rem;
  line-height: 1;
}

.quotations-kpi-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 16px;
}

.quotations-table-card {
  padding: 20px;
  border-radius: 24px;
  background: var(--surface);
  border: 1px solid rgba(15, 15, 16, 0.04);
  box-shadow: var(--shadow-card);
  display: grid;
  gap: 16px;
}

.quotations-table-card .dashboard-panel__header {
  align-items: flex-start;
  margin-bottom: 0;
}

.quotations-table-card .dashboard-panel__header h3 {
  margin: 0;
}

.quotations-table-card__header-tools {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  flex: 0 0 auto;
}

#quotations-table-wrap {
  display: grid;
  gap: 14px;
  width: 100%;
  min-width: 0;
}

.quotations-table-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  min-height: 36px;
}

.quotations-table-filter {
  position: relative;
  display: inline-grid;
  grid-template-columns: repeat(2, 116px);
  gap: 0;
  padding: 4px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: color-mix(in srgb, var(--surface-soft) 88%, var(--surface) 12%);
  isolation: isolate;
  overflow: hidden;
}

.quotations-table-filter__indicator {
  position: absolute;
  top: 4px;
  bottom: 4px;
  left: 4px;
  width: calc((100% - 8px) / 2);
  border-radius: 999px;
  background: var(--surface);
  box-shadow: 0 6px 18px rgba(15, 15, 16, 0.08), 0 1px 2px rgba(15, 15, 16, 0.05);
  transform: translate3d(0, 0, 0);
  transition: transform 260ms cubic-bezier(0.22, 1, 0.36, 1), box-shadow 220ms ease;
  pointer-events: none;
  z-index: 0;
  will-change: transform;
}

.quotations-filter-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  width: 116px;
  padding: 0 18px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: var(--ink-muted);
  font: inherit;
  font-size: 0.78rem;
  font-weight: 700;
  cursor: pointer;
  transition:
    color 220ms cubic-bezier(0.22, 1, 0.36, 1),
    opacity 180ms ease;
  position: relative;
  z-index: 1;
}

.quotations-filter-pill.is-active {
  color: var(--brand);
}

.quotations-table-filter[data-active-filter="archived"] .quotations-table-filter__indicator {
  transform: translate3d(100%, 0, 0);
}

.quotations-table-filter[data-active-filter="active"] .quotations-filter-pill[data-quotation-filter="archived"],
.quotations-table-filter[data-active-filter="archived"] .quotations-filter-pill[data-quotation-filter="active"] {
  opacity: 0.84;
}

.quotations-filter-pill:focus-visible {
  outline: 0;
  color: var(--brand);
}

.quotations-bulk-bar {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 36px;
  margin-left: auto;
  padding: 4px 6px 4px 12px;
  border: 1px solid transparent;
  border-radius: 999px;
  background: transparent;
  transition: background-color 160ms ease, border-color 160ms ease;
}

.quotations-bulk-bar.is-active {
  background: color-mix(in srgb, var(--surface-soft) 88%, var(--surface) 12%);
  border-color: var(--line);
}

.quotations-bulk-bar__count {
  color: var(--ink-muted);
  font-size: 0.8rem;
  font-weight: 700;
}

.quotations-table__selection {
  width: 42px;
  padding-left: 6px;
  padding-right: 6px;
}

.quotations-table__sortable-header {
  white-space: nowrap;
}

.quotations-table__sort-button {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  cursor: pointer;
  transition: color 160ms ease;
}

.quotations-table__sort-button:hover,
.quotations-table__sort-button:focus-visible,
.quotations-table__sortable-header.is-sorted .quotations-table__sort-button {
  color: var(--brand);
}

.quotations-table__sort-button:focus-visible {
  outline: none;
}

.quotations-table__sort-indicator {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 10px;
  font-size: 0.72rem;
  line-height: 1;
  color: var(--ink-soft);
  opacity: 0;
  transform: translateY(1px);
  transition: opacity 160ms ease, color 160ms ease;
}

.quotations-table__sort-button:hover .quotations-table__sort-indicator,
.quotations-table__sort-button:focus-visible .quotations-table__sort-indicator {
  opacity: 0.42;
}

.quotations-table__sort-button.is-active .quotations-table__sort-indicator {
  color: var(--brand);
  opacity: 1;
}

.quotations-table__checkbox {
  appearance: none;
  -webkit-appearance: none;
  display: block;
  width: 18px;
  height: 18px;
  margin: 0;
  border: 1px solid var(--table-checkbox-border);
  border-radius: 6px;
  background-color: var(--table-checkbox-bg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 10px 10px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45), var(--table-checkbox-shadow);
  cursor: pointer;
  transition:
    border-color 160ms ease,
    background-color 160ms ease,
    box-shadow 160ms ease,
    transform 160ms ease;
}

.quotations-table__checkbox:hover {
  border-color: var(--table-checkbox-border-hover);
  background-color: color-mix(in srgb, var(--table-checkbox-bg) 90%, var(--surface-soft) 10%);
}

.quotations-table__checkbox:focus-visible {
  outline: none;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.45),
    var(--table-checkbox-shadow),
    var(--table-checkbox-focus-ring);
}

.quotations-table__checkbox:checked,
.quotations-table__checkbox:indeterminate {
  border-color: var(--table-checkbox-checked-border);
  background-color: var(--table-checkbox-checked-bg);
  box-shadow: 0 8px 18px rgba(15, 15, 16, 0.12);
}

.quotations-table__checkbox:checked {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M2.2 6.1 4.9 8.6 9.8 3.4' stroke='%23ffffff' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.quotations-table__checkbox:indeterminate {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M2.5 6h7' stroke='%23ffffff' stroke-width='1.9' stroke-linecap='round'/%3E%3C/svg%3E");
}

html[data-theme="dark"] .quotations-table__checkbox:checked {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M2.2 6.1 4.9 8.6 9.8 3.4' stroke='%23111214' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

html[data-theme="dark"] .quotations-table__checkbox:indeterminate {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M2.5 6h7' stroke='%23111214' stroke-width='1.9' stroke-linecap='round'/%3E%3C/svg%3E");
}

.quotations-table__checkbox:disabled {
  cursor: not-allowed;
  opacity: 0.58;
}

.quotations-table td:nth-child(2) strong {
  color: var(--brand);
}

.quotations-table__reference-cell {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.quotations-table__reference-topline,
.quotations-table__reference-main,
.quotations-table__status-stack,
.quotations-table__requested-load-mobile,
.quotations-table__mobile-metric {
  display: inline-flex;
}

.quotations-table__reference-topline,
.quotations-table__reference-main {
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.quotations-table__status-stack {
  flex-direction: column;
  align-items: flex-end;
  gap: 6px;
}

.quotations-table__requested-load-desktop {
  display: inline;
}

.quotations-table__requested-load-mobile,
.quotations-table__mobile-customer-reference,
.quotations-table__mobile-mode,
.quotations-table__mobile-secondary-line,
.quotations-table__mobile-route {
  display: none;
}

.quotations-table__origin-value {
  display: inline;
}

.quotations-table__chat-unread-indicator {
  width: 16px;
  height: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  border-radius: 999px;
  background: linear-gradient(180deg, #ff6767 0%, #de3030 100%);
  color: #fff;
  font-size: 0.66rem;
  font-weight: 800;
  line-height: 1;
  box-shadow: 0 6px 12px rgba(222, 48, 48, 0.18);
  transform: translateY(-1px);
}

.quotations-table__row.is-clickable {
  cursor: pointer;
  transition: background-color 180ms ease, box-shadow 180ms ease;
}

.quotations-table__row.is-clickable:hover {
  background: color-mix(in srgb, var(--surface-soft) 68%, var(--surface) 32%);
}

.quotations-table__row.is-clickable:focus-visible {
  outline: none;
  box-shadow: inset 0 0 0 2px rgba(29, 111, 165, 0.14);
}

.quotations-table__row.is-draft-clickable:hover td {
  background: color-mix(in srgb, rgba(59, 130, 246, 0.08) 72%, var(--surface) 28%);
}

.quotations-table__row.is-draft-clickable:focus-visible td {
  background: color-mix(in srgb, rgba(59, 130, 246, 0.08) 72%, var(--surface) 28%);
}

.quotations-table tbody tr.is-selected {
  background: color-mix(in srgb, var(--surface-soft) 72%, var(--surface) 28%);
}

.quotations-table__row.is-context-active {
  background: color-mix(in srgb, var(--portal-accent-soft) 68%, var(--surface) 32%);
}

.quotations-table__row--booked td {
  background: color-mix(in srgb, rgba(34, 197, 94, 0.16) 74%, var(--surface) 26%);
}

.quotations-table__row--requote td {
  background: color-mix(in srgb, rgba(217, 119, 6, 0.14) 74%, var(--surface) 26%);
}

.quotations-table__row--rejected td {
  background: color-mix(in srgb, rgba(220, 38, 38, 0.1) 70%, var(--surface) 30%);
}

.quotations-context-menu[hidden],
.quotation-copy-modal[hidden],
.unsaved-quotation-modal[hidden] {
  display: none !important;
}

.quotations-context-menu {
  position: fixed;
  inset: 0;
  z-index: 82;
  pointer-events: none;
}

.quotations-context-menu__panel {
  position: fixed;
  min-width: 164px;
  padding: 8px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid rgba(15, 15, 16, 0.08);
  box-shadow: 0 22px 48px rgba(15, 23, 42, 0.16);
  backdrop-filter: blur(18px);
  pointer-events: auto;
  display: grid;
  gap: 4px;
}

.quotations-context-menu__item {
  min-height: 38px;
  padding: 0 12px;
  border: 0;
  border-radius: 12px;
  background: transparent;
  color: var(--brand);
  font: inherit;
  font-size: 0.9rem;
  font-weight: 700;
  text-align: left;
  cursor: pointer;
  transition: background-color 160ms ease, color 160ms ease;
}

.quotations-context-menu__item:hover,
.quotations-context-menu__item:focus-visible {
  background: color-mix(in srgb, var(--portal-accent-soft) 78%, var(--surface) 22%);
  outline: none;
}

.quotations-context-menu__item:disabled {
  color: var(--ink-muted);
  cursor: not-allowed;
  background: transparent;
}

.quotation-copy-modal {
  position: fixed;
  inset: 0;
  z-index: 81;
}

.unsaved-quotation-modal {
  position: fixed;
  inset: 0;
  z-index: 83;
  display: grid;
  place-items: center;
  padding: 24px;
}

.quotation-copy-modal__scrim {
  position: absolute;
  inset: 0;
  border: 0;
  background: rgba(15, 23, 42, 0.26);
  backdrop-filter: blur(8px);
}

.unsaved-quotation-modal__scrim {
  position: absolute;
  inset: 0;
  border: 0;
  background: rgba(15, 23, 42, 0.34);
  backdrop-filter: blur(10px);
  cursor: pointer;
}

.quotation-copy-modal__panel {
  position: relative;
  width: min(100% - 32px, 620px);
  margin: 64px auto;
  padding: 24px;
  border-radius: 26px;
  background: var(--surface);
  border: 1px solid rgba(15, 15, 16, 0.06);
  box-shadow: 0 28px 60px rgba(15, 23, 42, 0.16);
  display: grid;
  gap: 18px;
}

.unsaved-quotation-modal__panel {
  position: relative;
  width: min(100%, 440px);
  padding: 24px;
  border-radius: 28px;
  background: var(--surface);
  border: 1px solid rgba(15, 15, 16, 0.06);
  box-shadow: 0 30px 70px rgba(15, 23, 42, 0.2);
  display: grid;
  gap: 22px;
}

.quotation-copy-modal__header,
.quotation-copy-modal__footer,
.unsaved-quotation-modal__footer {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.unsaved-quotation-modal__header {
  display: grid;
  gap: 10px;
}

.quotation-copy-modal__eyebrow {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 0 10px;
  border-radius: 999px;
  background: var(--portal-accent-soft);
  color: var(--portal-accent-badge-text);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.unsaved-quotation-modal__eyebrow {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  min-height: 26px;
  padding: 0 10px;
  border-radius: 999px;
  background: var(--portal-accent-soft);
  color: var(--portal-accent-badge-text);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.quotation-copy-modal__header h2,
.quotation-copy-modal__group h3 {
  margin: 10px 0 0;
  color: var(--brand);
}

.unsaved-quotation-modal__header h2 {
  margin: 0;
  color: var(--brand);
  font-size: clamp(1.35rem, 2.5vw, 1.85rem);
}

.quotation-copy-modal__header p {
  margin: 10px 0 0;
  color: var(--ink-muted);
  line-height: 1.6;
}

.unsaved-quotation-modal__header p {
  margin: 0;
  color: var(--ink-muted);
  line-height: 1.6;
}

.quotation-copy-modal__dismiss {
  width: 42px;
  height: 42px;
  border: 1px solid rgba(15, 15, 16, 0.08);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.82);
  color: var(--brand);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.quotation-copy-modal__dismiss svg {
  width: 16px;
  height: 16px;
}

.quotation-copy-modal__body {
  display: grid;
  gap: 16px;
  max-height: min(60vh, 560px);
  overflow: auto;
  padding-right: 4px;
}

.quotation-copy-modal__group {
  display: grid;
  gap: 10px;
  padding: 18px;
  border-radius: 20px;
  background: color-mix(in srgb, var(--surface-soft) 88%, var(--surface) 12%);
  border: 1px solid rgba(15, 15, 16, 0.05);
}

.quotation-copy-modal__group p {
  margin: 0;
  color: var(--ink-muted);
  line-height: 1.55;
}

.quotation-copy-modal__checklist {
  display: grid;
  gap: 10px;
}

.quotation-copy-modal__option {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  padding: 12px 14px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(15, 15, 16, 0.04);
}

.quotation-copy-modal__option input {
  width: 16px;
  height: 16px;
  margin-top: 3px;
  accent-color: var(--brand);
}

.quotation-copy-modal__option strong {
  display: block;
  color: var(--brand);
}

.quotation-copy-modal__option span {
  display: block;
  margin-top: 4px;
  color: var(--ink-muted);
  line-height: 1.5;
}

.quotation-copy-modal__footer {
  justify-content: flex-end;
}

.unsaved-quotation-modal__footer {
  justify-content: flex-end;
  align-items: center;
}

.quotation-drawer[hidden] {
  display: none !important;
}

.quotation-drawer {
  position: fixed;
  inset: 0;
  z-index: 70;
}

.quotation-drawer__scrim {
  position: absolute;
  inset: 0;
  border: 0;
  background: rgba(15, 23, 42, 0.3);
  backdrop-filter: blur(8px);
  opacity: 0;
  transition: opacity 220ms ease;
}

.quotation-drawer {
  opacity: 0;
  transition: opacity 220ms ease;
}

.quotation-drawer.is-open,
.quotation-drawer.is-closing {
  opacity: 1;
}

.quotation-drawer__panel {
  position: absolute;
  top: 18px;
  right: 18px;
  bottom: 18px;
  width: min(720px, calc(100vw - 52px));
  border-radius: 30px;
  background: color-mix(in srgb, rgba(255, 255, 255, 0.84) 88%, var(--surface) 12%);
  border: 1px solid rgba(15, 15, 16, 0.06);
  box-shadow:
    0 34px 78px rgba(15, 23, 42, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.42);
  display: grid;
  grid-template-rows: auto 1fr auto;
  overflow: hidden;
  backdrop-filter: blur(22px) saturate(1.06);
  -webkit-backdrop-filter: blur(22px) saturate(1.06);
  transform: translate3d(34px, 0, 0);
  opacity: 0;
  transition:
    transform 260ms cubic-bezier(0.22, 1, 0.36, 1),
    opacity 220ms ease;
}

.quotation-drawer.is-open .quotation-drawer__panel {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

.quotation-drawer.is-open .quotation-drawer__scrim {
  opacity: 1;
}

.quotation-drawer.is-closing .quotation-drawer__panel {
  transform: translate3d(42px, 0, 0);
  opacity: 0;
}

.quotation-drawer.is-closing .quotation-drawer__scrim {
  opacity: 0;
}

.quotation-drawer__header {
  position: sticky;
  top: 0;
  z-index: 3;
  display: grid;
  gap: 0;
  padding: 0;
  border-bottom: 1px solid rgba(15, 15, 16, 0.06);
  background: color-mix(in srgb, rgba(255, 255, 255, 0.58) 80%, var(--surface) 20%);
  backdrop-filter: blur(18px) saturate(1.04);
  -webkit-backdrop-filter: blur(18px) saturate(1.04);
}

.quotation-drawer__topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  min-height: 68px;
  padding: 14px 18px;
  background: rgba(7, 9, 12, 0.94);
}

.quotation-drawer__brand {
  display: inline-flex;
  align-items: center;
  min-width: 0;
}

.quotation-drawer__brand-logo {
  display: block;
  width: auto;
  height: 34px;
}

.quotation-drawer__topbar-actions {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  min-width: 0;
}

.quotation-drawer__owner-presence {
  position: relative;
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
}

.quotation-drawer__owner-trigger {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  min-width: 0;
  min-height: 42px;
}

.quotation-drawer__owner-popover[hidden] {
  display: none !important;
}

.quotation-drawer__owner-popover {
  position: absolute;
  top: calc(100% + 12px);
  left: 0;
  width: min(320px, calc(100vw - 48px));
  border-radius: 22px;
  overflow: hidden;
  border: 1px solid rgba(23, 32, 48, 0.1);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.99) 0%, rgba(246, 249, 253, 0.99) 100%);
  box-shadow:
    0 24px 60px rgba(15, 23, 42, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.7);
  color: #172030;
  z-index: 8;
  transform: translateX(var(--quotation-owner-popover-offset, 0px));
}

.quotation-drawer__owner-card {
  display: grid;
  gap: 0;
}

.quotation-drawer__owner-card-main {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  padding: 18px 18px 16px;
}

.quotation-drawer__owner-card-avatar {
  min-width: 42px;
  min-height: 42px;
  justify-self: start;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.quotation-drawer__owner-card-copy {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.quotation-drawer__owner-name-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 10px;
  min-width: 0;
}

.quotation-drawer__owner-card-copy strong {
  font-size: 1.1rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.15;
  min-width: 0;
}

.quotation-drawer__owner-status-dot {
  position: relative;
  width: 10px;
  height: 10px;
  margin-top: 3px;
  border-radius: 999px;
  background: rgba(148, 163, 184, 0.95);
  flex: 0 0 auto;
  transform: scale(1);
  transform-origin: center;
  will-change: transform;
}

.quotation-drawer__owner-status-dot[data-status="online"] {
  background: #2dad67;
  animation: quotation-owner-status-pulse 2.6s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}

.quotation-drawer__owner-status-dot[data-status="offline"] {
  background: rgba(148, 163, 184, 0.95);
}

.shipment-workspace-assignees__stack.quotation-drawer__owner-assignee-stack,
.quotation-drawer__owner-card-avatar .quotation-drawer__owner-assignee-stack {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  min-height: 54px;
  width: fit-content;
  max-width: 100%;
  overflow: hidden;
  isolation: isolate;
  padding: 0 6px;
  white-space: nowrap;
  line-height: 0;
  justify-self: center;
  pointer-events: auto;
}

.quotation-drawer__owner-assignee-stack .shipment-workspace-assignees__avatar {
  width: 42px;
  height: 42px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--portal-accent-soft) 74%, var(--surface));
  color: var(--portal-accent);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  flex: 0 0 auto;
  font-size: 0.78rem;
  font-weight: 800;
  border: 3px solid rgba(45, 51, 65, 0.92);
  position: relative;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.18);
  vertical-align: middle;
  pointer-events: none;
}

.quotation-drawer__owner-assignee-stack > .shipment-workspace-assignees__avatar,
.quotation-drawer__owner-card-avatar .quotation-drawer__owner-assignee-stack > .shipment-workspace-assignees__avatar {
  margin-top: 0;
  margin-bottom: 0;
}

.quotation-drawer__owner-assignee-stack .shipment-workspace-assignees__avatar + .shipment-workspace-assignees__avatar {
  margin-left: -10px;
}

.quotation-drawer__owner-assignee-stack .shipment-workspace-assignees__avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  pointer-events: none;
}

.quotation-drawer__owner-assignee-stack .shipment-workspace-assignees__avatar > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  margin: 0;
  font: inherit;
  letter-spacing: 0;
  text-transform: none;
  color: inherit;
  pointer-events: none;
}

.quotation-drawer__owner-avatar-button {
  appearance: none;
  border: 0;
  padding: 0;
  margin: 0;
  background: transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  cursor: pointer;
  flex: 0 0 auto;
  position: relative;
  transform: translateZ(0);
  pointer-events: auto;
}

.quotation-drawer__owner-avatar-button + .quotation-drawer__owner-avatar-button {
  margin-left: -10px;
}

.quotation-drawer__owner-avatar-button + .shipment-workspace-assignees__avatar--count,
.quotation-drawer__owner-assignee-stack > .shipment-workspace-assignees__avatar + .shipment-workspace-assignees__avatar--count {
  margin-left: -10px;
}

.quotation-drawer__owner-avatar-button:focus-visible {
  outline: none;
}

.quotation-drawer__owner-avatar-button:focus-visible .shipment-workspace-assignees__avatar,
.quotation-drawer__owner-avatar-button.is-active .shipment-workspace-assignees__avatar {
  box-shadow:
    0 0 0 2px rgba(29, 111, 165, 0.2),
    0 1px 3px rgba(15, 23, 42, 0.18);
}

.quotation-drawer__owner-assignee-stack > .shipment-workspace-assignees__avatar--count {
  background: color-mix(in srgb, var(--portal-accent) 16%, #ffffff);
  color: var(--portal-accent);
  font-size: 0.68rem;
  z-index: 10 !important;
}

.quotation-drawer__owner-assignee-stack > .shipment-workspace-assignees__avatar--empty {
  background: color-mix(in srgb, var(--surface-muted) 80%, #ffffff);
  color: var(--ink-muted);
}

@keyframes quotation-owner-status-pulse {
  0% {
    transform: scale(1);
  }

  35% {
    transform: scale(1.12);
  }

  100% {
    transform: scale(1);
  }
}

.quotation-drawer__owner-card-copy span {
  color: rgba(23, 32, 48, 0.68);
  font-size: 0.93rem;
  line-height: 1.25;
}

.quotation-drawer__owner-contact-toggle {
  width: 100%;
  min-height: 48px;
  padding: 0 18px;
  border: 0;
  border-top: 1px solid rgba(23, 32, 48, 0.08);
  background: rgba(21, 31, 44, 0.02);
  color: #172030;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  font-size: 0.96rem;
  font-weight: 600;
  letter-spacing: -0.01em;
}

.quotation-drawer__owner-contact-toggle:hover,
.quotation-drawer__owner-contact-toggle:focus-visible {
  background: rgba(41, 77, 132, 0.06);
}

.quotation-drawer__owner-contact-toggle svg {
  width: 16px;
  height: 16px;
  transition: transform 180ms ease;
}

.quotation-drawer__owner-contact-toggle[aria-expanded="true"] svg {
  transform: rotate(180deg);
}

.quotation-drawer__owner-contact-panel {
  display: grid;
  gap: 10px;
  padding: 14px 18px 18px;
  border-top: 1px solid rgba(23, 32, 48, 0.08);
  background: rgba(241, 245, 249, 0.66);
}

.quotation-drawer__owner-contact-panel[hidden] {
  display: none !important;
}

.quotation-drawer__owner-contact-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
}

.quotation-drawer__owner-contact-copy {
  display: grid;
  grid-template-columns: 16px minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  min-width: 0;
}

.quotation-drawer__owner-contact-icon {
  width: 16px;
  height: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: rgba(23, 32, 48, 0.62);
  flex: 0 0 auto;
}

.quotation-drawer__owner-contact-icon svg {
  width: 16px;
  height: 16px;
}

.quotation-drawer__owner-contact-copy strong {
  font-size: 0.88rem;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.quotation-drawer__owner-copy-button {
  min-height: 34px;
  min-width: 56px;
  padding: 0 11px;
  border-radius: 11px;
  border: 1px solid rgba(41, 77, 132, 0.16);
  background: rgba(41, 77, 132, 0.08);
  color: #1f4e8c;
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: -0.01em;
  transition:
    background-color 180ms ease,
    transform 180ms ease,
    opacity 180ms ease;
}

.quotation-drawer__owner-copy-button:hover,
.quotation-drawer__owner-copy-button:focus-visible {
  background: rgba(41, 77, 132, 0.14);
  transform: translateY(-1px);
}

.quotation-drawer__owner-copy-button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  transform: none;
}

.quotation-drawer__view-button {
  position: relative;
  min-height: 38px;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.86);
  font-size: 0.76rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  transition:
    background-color 180ms ease,
    border-color 180ms ease,
    transform 180ms ease,
    color 180ms ease;
}

.quotation-drawer__view-button-label {
  display: inline-flex;
  align-items: center;
}

.quotation-drawer__view-button-badge {
  position: absolute;
  top: -5px;
  right: -5px;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 999px;
  background: linear-gradient(180deg, #ff6767 0%, #de3030 100%);
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.64rem;
  font-weight: 800;
  line-height: 1;
  box-shadow: 0 6px 12px rgba(222, 48, 48, 0.18);
}

.quotation-drawer__view-button-badge[hidden] {
  display: none !important;
}

.quotation-drawer__view-button:hover {
  transform: translateY(-1px);
  background: rgba(255, 255, 255, 0.1);
}

.quotation-drawer__view-button.is-active {
  background: rgba(111, 168, 255, 0.22);
  border-color: rgba(111, 168, 255, 0.34);
  color: #fff;
}

.quotation-drawer__context {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 14px 18px 12px;
}

.quotation-drawer__header-copy {
  display: grid;
  gap: 6px;
}

.quotation-drawer__context-actions {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  min-width: 0;
}

.quotation-drawer__eyebrow,
.quotation-drawer__summary-eyebrow {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  min-height: 24px;
  padding: 0 10px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--portal-accent-soft) 70%, rgba(255, 255, 255, 0.62) 30%);
  color: var(--portal-accent);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.03em;
  text-transform: none;
}

.quotation-drawer__header h2 {
  margin: 0;
  font-size: clamp(1.75rem, 2.4vw, 2.3rem);
  line-height: 0.92;
  letter-spacing: -0.055em;
  color: var(--brand);
}

.quotation-drawer__header p {
  margin: 0;
  color: var(--ink-muted);
  line-height: 1.4;
  font-size: 0.9rem;
}

.quotation-drawer__dismiss {
  width: 40px;
  height: 40px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.9);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 10px 22px rgba(15, 23, 42, 0.08);
  transition: transform 160ms ease, background-color 160ms ease;
}

.quotation-drawer__dismiss:hover {
  transform: translateY(-1px);
  background: rgba(255, 255, 255, 0.14);
}

.quotation-drawer__dismiss svg {
  width: 16px;
  height: 16px;
}

.quotation-drawer__back-button {
  min-height: 34px;
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid rgba(15, 15, 16, 0.08);
  background: rgba(255, 255, 255, 0.72);
  color: var(--brand);
  font-size: 0.74rem;
  font-weight: 700;
  white-space: nowrap;
}

.quotation-drawer__body {
  overflow: auto;
  min-height: 0;
  padding: 14px 20px 14px;
  display: grid;
  gap: 12px;
}

.quotation-drawer__section-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.quotation-drawer__section-head h3 {
  margin: 0;
  color: var(--brand);
  letter-spacing: -0.035em;
  font-size: 1rem;
}

.quotation-drawer__status {
  flex-shrink: 0;
}

.quotation-drawer__layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
}

.quotation-drawer__layout--chat {
  min-height: 100%;
}

.quotation-drawer__section-head--compact {
  align-items: center;
  min-height: 22px;
}

.quotation-drawer__status-note,
.quotation-drawer__selected-panel,
.quotation-drawer__offers-panel,
.quotation-drawer__details-panel,
.quotation-drawer__remarks-panel,
.quotation-drawer__change-panel {
  display: grid;
  gap: 10px;
  padding: 14px 16px;
  border-radius: 22px;
  background: color-mix(in srgb, rgba(255, 255, 255, 0.76) 84%, var(--surface-soft) 16%);
  border: 1px solid rgba(15, 15, 16, 0.05);
}

.quotation-drawer__status-note {
  padding: 7px 12px;
  border-radius: 14px;
  background: color-mix(in srgb, rgba(255, 255, 255, 0.62) 92%, var(--surface-soft) 8%);
  border-color: rgba(15, 15, 16, 0.04);
  color: color-mix(in srgb, var(--ink-muted) 88%, #ffffff 12%);
  line-height: 1.28;
  font-size: 0.78rem;
  font-weight: 500;
}

.quotation-drawer__selected-offer {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  padding: 14px 16px;
  border-radius: 22px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.82), rgba(248, 250, 252, 0.88)),
    radial-gradient(circle at top right, rgba(29, 111, 165, 0.09), transparent 48%);
  border: 1px solid rgba(15, 15, 16, 0.06);
  box-shadow: 0 14px 30px rgba(15, 23, 42, 0.08);
}

.quotation-drawer__selected-main {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

.quotation-drawer__offer-logo,
.quotation-drawer__offer-logo--selected {
  width: 48px;
  height: 48px;
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(241, 245, 249, 0.92));
  border: 1px solid rgba(15, 15, 16, 0.06);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--brand);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  flex-shrink: 0;
}

.quotation-drawer__offer-logo--selected {
  width: 54px;
  height: 54px;
  border-radius: 16px;
}

.quotation-drawer__offer-logo img {
  max-width: 28px;
  max-height: 28px;
  display: block;
}

.quotation-drawer__offer-logo--selected img {
  max-width: 30px;
  max-height: 30px;
}

.quotation-drawer__selected-copy {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.quotation-drawer__selected-copy strong,
.quotation-drawer__offer-copy strong {
  color: var(--brand);
}

.quotation-drawer__selected-copy strong {
  font-size: 1.08rem;
  line-height: 1.05;
}

.quotation-drawer__selected-subline {
  color: var(--ink-muted);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.quotation-drawer__offer-note {
  color: var(--ink-muted);
  font-size: 0.79rem;
  line-height: 1.35;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.quotation-drawer__selected-side {
  display: grid;
  gap: 5px;
  justify-items: end;
  align-content: center;
  flex-shrink: 0;
}

.quotation-drawer__selected-price {
  color: var(--brand);
  font-size: clamp(1.8rem, 2.4vw, 2.3rem);
  font-weight: 800;
  letter-spacing: -0.06em;
  white-space: nowrap;
}

.quotation-drawer__selected-caption {
  color: var(--portal-accent);
  font-size: 0.72rem;
  font-weight: 700;
}

.quotation-drawer__offers-list {
  display: grid;
  gap: 8px;
}

.quotation-drawer__offer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 11px 13px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(15, 15, 16, 0.05);
  cursor: pointer;
  transition:
    transform 180ms ease,
    border-color 180ms ease,
    box-shadow 180ms ease,
    background-color 180ms ease;
}

.quotation-drawer__offer:hover {
  transform: translateY(-1px);
  border-color: rgba(29, 111, 165, 0.16);
  box-shadow: 0 14px 28px rgba(15, 23, 42, 0.08);
}

.quotation-drawer__offer.is-readonly {
  cursor: default;
}

.quotation-drawer__offer.is-readonly:hover {
  transform: none;
  border-color: rgba(15, 15, 16, 0.05);
  box-shadow: none;
}

.quotation-drawer__offer.is-muted-reference {
  background: color-mix(in srgb, rgba(255, 255, 255, 0.82) 88%, #eef2f6 12%);
  border-color: rgba(15, 15, 16, 0.04);
  box-shadow: none;
}

.quotation-drawer__offer.is-muted-reference .quotation-drawer__offer-logo {
  background: linear-gradient(180deg, rgba(248, 250, 252, 0.96), rgba(241, 245, 249, 0.92));
  border-color: rgba(15, 15, 16, 0.04);
  color: color-mix(in srgb, var(--brand) 54%, #cbd5e1 46%);
}

.quotation-drawer__offer.is-muted-reference .quotation-drawer__offer-copy strong,
.quotation-drawer__offer.is-muted-reference .quotation-drawer__offer-price {
  color: color-mix(in srgb, var(--brand) 72%, #94a3b8 28%);
}

.quotation-drawer__offer.is-muted-reference .quotation-drawer__offer-note {
  color: color-mix(in srgb, var(--ink-muted) 82%, #ffffff 18%);
}

.quotation-drawer__offer:focus-visible {
  outline: none;
  border-color: rgba(29, 111, 165, 0.22);
  box-shadow: 0 0 0 3px rgba(29, 111, 165, 0.12), 0 14px 28px rgba(15, 23, 42, 0.08);
}

.quotation-drawer__offer.is-selected {
  border-color: rgba(29, 111, 165, 0.28);
  background: color-mix(in srgb, var(--surface-soft) 80%, #eef7ff 20%);
}

.quotation-drawer__offer-airline {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.quotation-drawer__offer-copy {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.quotation-drawer__offer-side {
  display: grid;
  gap: 4px;
  justify-items: end;
  flex-shrink: 0;
}

.quotation-drawer__offer-price {
  color: var(--brand);
  font-size: 1rem;
  font-weight: 800;
  letter-spacing: -0.03em;
  white-space: nowrap;
}

.quotation-drawer__offer-selected {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 9px;
  border-radius: 999px;
  background: rgba(29, 111, 165, 0.1);
  color: #1d6fa5;
  font-size: 0.68rem;
  font-weight: 700;
}

.quotation-drawer__inline-error {
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid rgba(220, 38, 38, 0.12);
  background: rgba(254, 242, 242, 0.9);
  color: #b91c1c;
  font-size: 0.86rem;
  font-weight: 600;
  line-height: 1.45;
}

.quotation-drawer__offers-empty strong {
  color: var(--brand);
}

.quotation-drawer__commercial-placeholder {
  display: grid;
  min-height: 104px;
  align-items: center;
  text-align: center;
}

.quotation-drawer__commercial-placeholder p {
  margin: 0;
  color: var(--ink-muted);
  line-height: 1.5;
  font-size: 0.94rem;
  font-weight: 500;
}

.quotation-drawer__offers-empty p,
.quotation-drawer__remarks-panel p {
  margin: 2px 0 0;
  color: var(--ink-muted);
  line-height: 1.45;
  font-size: 0.88rem;
}

.quotation-drawer__detail-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px 14px;
  margin: 0;
}

.quotation-drawer__detail-grid div {
  display: grid;
  gap: 3px;
}

.quotation-drawer__detail-grid dt {
  color: var(--ink-muted);
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.quotation-drawer__detail-grid dd {
  margin: 0;
  color: var(--brand);
  line-height: 1.35;
  font-size: 0.92rem;
}

.quotation-drawer__detail-item--reference {
  align-content: start;
}

.quotation-drawer__reference-display,
.quotation-drawer__reference-editor {
  display: grid;
  gap: 10px;
}

.quotation-drawer__reference-display span {
  min-height: 1.35em;
}

.quotation-drawer__reference-edit-button {
  justify-self: flex-start;
  border: 0;
  padding: 0;
  background: transparent;
  color: var(--accent-strong);
  font: inherit;
  font-size: 0.8rem;
  font-weight: 700;
  cursor: pointer;
}

.quotation-drawer__reference-edit-button:hover,
.quotation-drawer__reference-edit-button:focus-visible {
  color: var(--brand);
}

.quotation-drawer__reference-edit-button:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--accent-soft) 55%, white 45%);
  outline-offset: 4px;
  border-radius: 999px;
}

.quotation-drawer__reference-field {
  display: grid;
}

.quotation-drawer__reference-field input {
  width: 100%;
  min-height: 42px;
}

.quotation-drawer__reference-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 8px;
}

.quotation-drawer__reference-error {
  margin: 0;
  color: var(--danger);
  font-size: 0.76rem;
  line-height: 1.4;
}

.quotation-drawer__change-panel {
  display: none;
  border-style: dashed;
}

.quotation-drawer__change-panel.is-visible {
  display: grid;
}

.quotation-drawer__field textarea {
  min-height: 96px;
  resize: vertical;
}

.quotation-drawer__change-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}

.quotation-drawer__docs-panel,
.quotation-drawer__chat-panel {
  min-height: 100%;
  display: grid;
  gap: 12px;
}

.quotation-drawer__docs-panel {
  position: relative;
  align-content: start;
}

.quotation-drawer__docs-header {
  align-items: center;
}

.quotation-drawer__docs-total {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  min-height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  background: rgba(29, 111, 165, 0.08);
  color: #1d6fa5;
  font-size: 0.74rem;
  font-weight: 700;
  letter-spacing: 0.02em;
}

.quotation-drawer__docs-list {
  display: grid;
  gap: 0;
  overflow: hidden;
  border-radius: 22px;
  border: 1px solid rgba(15, 15, 16, 0.06);
  background: color-mix(in srgb, rgba(255, 255, 255, 0.76) 84%, var(--surface-soft) 16%);
}

.quotation-drawer__doc-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  padding: 14px 16px;
}

.quotation-drawer__doc-row + .quotation-drawer__doc-row {
  border-top: 1px solid rgba(15, 15, 16, 0.05);
}

.quotation-drawer__doc-row-main {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.quotation-drawer__doc-row-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--brand);
  font-size: 0.94rem;
  line-height: 1.3;
}

.quotation-drawer__doc-row-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  color: var(--ink-muted);
  font-size: 0.75rem;
  line-height: 1.45;
}

.quotation-drawer__doc-label {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 0 8px;
  border-radius: 999px;
  background: rgba(15, 15, 16, 0.05);
  color: var(--ink-muted);
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.02em;
}

.quotation-drawer__doc-actions {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

.quotation-drawer__doc-icon-button,
.quotation-drawer__docs-modal-dismiss {
  width: 34px;
  height: 34px;
  border-radius: 999px;
  border: 1px solid rgba(15, 15, 16, 0.08);
  background: rgba(255, 255, 255, 0.84);
  color: var(--brand);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition:
    transform 160ms ease,
    background-color 160ms ease,
    border-color 160ms ease,
    box-shadow 160ms ease,
    color 160ms ease,
    opacity 160ms ease;
}

.quotation-drawer__doc-icon-button:hover,
.quotation-drawer__docs-modal-dismiss:hover {
  transform: translateY(-1px);
  border-color: rgba(29, 111, 165, 0.18);
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 10px 22px rgba(15, 23, 42, 0.08);
}

.quotation-drawer__doc-icon-button:focus-visible,
.quotation-drawer__docs-modal-dismiss:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(29, 111, 165, 0.12), 0 10px 22px rgba(15, 23, 42, 0.08);
}

.quotation-drawer__doc-icon-button:disabled {
  opacity: 0.42;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}

.quotation-drawer__doc-icon-button svg,
.quotation-drawer__docs-modal-dismiss svg {
  width: 16px;
  height: 16px;
}

.quotation-drawer__docs-empty {
  display: grid;
  gap: 6px;
  padding: 18px;
  border-radius: 18px;
  border: 1px dashed rgba(15, 15, 16, 0.12);
  background: rgba(255, 255, 255, 0.48);
}

.quotation-drawer__docs-empty strong {
  color: var(--brand);
}

.quotation-drawer__docs-empty p {
  margin: 0;
  color: var(--ink-muted);
  line-height: 1.45;
}

.quotation-drawer__docs-modal {
  position: absolute;
  inset: 0;
  z-index: 6;
  display: grid;
  place-items: center;
  padding: 20px;
}

.quotation-drawer__docs-modal-scrim {
  position: absolute;
  inset: 0;
  border: 0;
  background: rgba(15, 23, 42, 0.24);
  backdrop-filter: blur(8px);
  cursor: pointer;
}

.quotation-drawer__docs-modal-panel {
  position: relative;
  width: min(100%, 760px);
  max-height: min(100%, 720px);
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  gap: 14px;
  padding: 20px;
  border-radius: 20px;
  border: 1px solid rgba(15, 15, 16, 0.06);
  background: var(--surface);
  box-shadow: 0 28px 60px rgba(15, 23, 42, 0.16);
  overflow: hidden;
}

.quotation-drawer__docs-modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.quotation-drawer__docs-modal-copy {
  display: grid;
  gap: 7px;
  min-width: 0;
}

.quotation-drawer__docs-modal-copy h3 {
  margin: 0;
  color: var(--brand);
  font-size: 1.02rem;
  line-height: 1.18;
  overflow-wrap: anywhere;
}

.quotation-drawer__docs-modal-copy p {
  margin: 0;
  color: var(--ink-muted);
  font-size: 0.8rem;
  line-height: 1.45;
}

.quotation-drawer__docs-modal-actions {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

.quotation-drawer__docs-modal-body {
  display: grid;
  min-height: 0;
  border-radius: 20px;
  border: 1px solid rgba(15, 15, 16, 0.06);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.95), rgba(248, 250, 252, 0.96)),
    radial-gradient(circle at top left, rgba(29, 111, 165, 0.04), transparent 55%);
  overflow: auto;
}

.quotation-drawer__docs-modal-frame,
.quotation-drawer__docs-modal-image-shell {
  width: 100%;
  min-height: min(62vh, 560px);
}

.quotation-drawer__docs-modal-frame {
  border: 0;
  background: #ffffff;
}

.quotation-drawer__docs-modal-image-shell {
  display: grid;
  place-items: center;
  padding: 18px;
}

.quotation-drawer__docs-modal-image {
  max-width: 100%;
  max-height: min(60vh, 560px);
  object-fit: contain;
  display: block;
  border-radius: 16px;
  box-shadow: 0 18px 32px rgba(15, 23, 42, 0.12);
}

.quotation-drawer__docs-modal-state {
  display: grid;
  align-content: center;
  justify-items: start;
  gap: 8px;
  padding: 22px 24px;
  min-height: min(52vh, 420px);
}

.quotation-drawer__docs-modal-state strong {
  color: var(--brand);
  font-size: 0.96rem;
}

.quotation-drawer__docs-modal-state p {
  margin: 0;
  color: var(--ink-muted);
  font-size: 0.84rem;
  line-height: 1.5;
  max-width: 42ch;
}

.quotation-drawer__chat-panel {
  grid-template-rows: minmax(0, 1fr) auto;
}

.quotation-drawer__chat-thread {
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  display: grid;
  align-content: start;
  gap: 8px;
  padding: 4px 2px 2px;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.quotation-drawer__chat-thread::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.quotation-drawer__chat-day {
  justify-self: center;
  padding: 4px 10px;
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.06);
  color: var(--ink-muted);
  font-size: 0.72rem;
  font-weight: 700;
}

.quotation-drawer__message {
  display: flex;
  align-items: flex-end;
  gap: 8px;
}

.quotation-drawer__message:hover .quotation-drawer__message-bubble {
  box-shadow: 0 16px 30px rgba(21, 41, 67, 0.08);
}

.quotation-drawer__message--incoming {
  justify-content: flex-start;
}

.quotation-drawer__message--outgoing {
  justify-content: flex-end;
}

.quotation-drawer__message-avatar {
  width: 22px;
  height: 22px;
  border-radius: 999px;
  overflow: hidden;
  flex: 0 0 auto;
  align-self: flex-end;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: color-mix(in srgb, var(--portal-accent-soft) 72%, var(--surface));
  color: var(--portal-accent);
  border: 1px solid rgba(15, 23, 42, 0.08);
  box-shadow: 0 4px 10px rgba(15, 23, 42, 0.06);
}

.quotation-drawer__message-avatar img,
.quotation-drawer__message-avatar span {
  width: 100%;
  height: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.quotation-drawer__message-avatar img {
  object-fit: cover;
}

.quotation-drawer__message-avatar span {
  font-size: 0.58rem;
  font-weight: 800;
}

.quotation-drawer__message-bubble {
  max-width: min(88%, 420px);
  display: grid;
  gap: 6px;
  padding: 11px 13px 9px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.78);
  border: 1px solid rgba(15, 15, 16, 0.05);
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05);
}

.quotation-drawer__message--highlight .quotation-drawer__message-bubble {
  box-shadow: 0 0 0 2px rgba(43, 127, 255, 0.18), 0 14px 28px rgba(15, 23, 42, 0.08);
}

.quotation-drawer__message--outgoing .quotation-drawer__message-bubble {
  background: linear-gradient(180deg, rgba(221, 241, 255, 0.92), rgba(210, 234, 255, 0.9));
  border-color: rgba(29, 111, 165, 0.14);
}

.quotation-drawer__message--system .quotation-drawer__message-bubble {
  background: rgba(15, 23, 42, 0.05);
}

.quotation-drawer__message-bubble p {
  margin: 0;
  line-height: 1.45;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.quotation-drawer__message-sender {
  display: inline-flex;
  align-items: center;
  justify-self: start;
  font-size: 0.67rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  color: var(--ink-soft);
}

.quotation-drawer__message-flag {
  display: inline-flex;
  align-items: center;
  justify-self: start;
  min-height: 22px;
  padding: 0 10px;
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.06);
  color: var(--ink-muted);
  font-size: 0.66rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.quotation-drawer__message-reference {
  display: grid;
  gap: 4px;
  width: 100%;
  padding: 9px 11px;
  border-radius: 14px;
  border: 1px solid rgba(15, 15, 16, 0.06);
  background: rgba(244, 248, 253, 0.96);
  text-align: left;
  color: inherit;
}

.quotation-drawer__message-reference strong {
  font-size: 0.75rem;
}

.quotation-drawer__message-reference span {
  color: var(--ink-muted);
  font-size: 0.78rem;
  line-height: 1.35;
}

.quotation-drawer__message-attachments {
  display: grid;
  gap: 8px;
}

.quotation-drawer__message-attachment {
  display: grid;
  gap: 3px;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(15, 15, 16, 0.07);
  background: rgba(255, 255, 255, 0.74);
  color: inherit;
  text-decoration: none;
}

.quotation-drawer__message-attachment strong,
.quotation-drawer__message-attachment span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.quotation-drawer__message-attachment span {
  color: var(--ink-muted);
  font-size: 0.76rem;
}

.quotation-drawer__message-meta {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  color: var(--ink-muted);
  font-size: 0.72rem;
}

.quotation-drawer__message-edited {
  font-style: italic;
}

.quotation-drawer__message-status {
  font-weight: 800;
  letter-spacing: -0.04em;
}

.quotation-drawer__message-status--read {
  color: #2b7fff;
}

.quotation-drawer__composer-notice {
  grid-column: 1 / -1;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.85rem 0.95rem;
  border: 1px solid rgba(210, 220, 234, 0.9);
  border-radius: 1rem;
  background: rgba(247, 250, 255, 0.96);
}

.quotation-drawer__composer-notice-copy {
  display: grid;
  gap: 0.2rem;
  min-width: 0;
}

.quotation-drawer__composer-notice-copy strong {
  font-size: 0.88rem;
  color: #203248;
}

.quotation-drawer__composer-notice-copy span {
  color: #6d7f96;
  font-size: 0.78rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.quotation-drawer__composer-notice-dismiss {
  width: 1.85rem;
  height: 1.85rem;
  border: none;
  border-radius: 999px;
  background: rgba(226, 234, 244, 0.9);
  color: #203248;
  flex-shrink: 0;
}

.quotation-drawer__message-menu[hidden] {
  display: none !important;
}

.quotation-drawer__message-menu {
  position: absolute;
  z-index: 16;
  min-width: 10.8rem;
  display: grid;
  gap: 0.18rem;
  padding: 0.4rem;
  border: 1px solid rgba(193, 207, 226, 0.86);
  border-radius: 0.95rem;
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 20px 42px rgba(31, 52, 86, 0.18);
}

.quotation-drawer__message-menu-item {
  width: 100%;
  display: flex;
  align-items: center;
  min-height: 2.2rem;
  padding: 0 0.8rem;
  border: none;
  border-radius: 0.75rem;
  background: transparent;
  color: #203248;
  text-align: left;
}

.quotation-drawer__message-menu-item:hover,
.quotation-drawer__message-menu-item:focus-visible {
  background: rgba(238, 244, 251, 0.95);
}

.quotation-drawer__message-menu-item[disabled] {
  opacity: 0.45;
  pointer-events: none;
}

.quotation-drawer__chat-composer {
  position: sticky;
  bottom: 0;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto auto;
  gap: 10px;
  align-items: end;
  padding: 12px;
  border-radius: 18px;
  border: 1px solid rgba(15, 15, 16, 0.05);
  background: color-mix(in srgb, rgba(255, 255, 255, 0.76) 86%, var(--surface) 14%);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

.quotation-drawer__chat-panel.is-dragover .quotation-drawer__chat-composer {
  border-color: rgba(29, 111, 165, 0.18);
  background: rgba(244, 249, 255, 0.96);
  box-shadow: 0 0 0 2px rgba(29, 111, 165, 0.08);
}

.quotation-drawer__chat-emoji-button {
  width: 42px;
  min-width: 42px;
  min-height: 42px;
  padding: 0;
  border-radius: 14px;
  border: 1px solid rgba(15, 15, 16, 0.08);
  background: rgba(255, 255, 255, 0.86);
  color: #6a7688;
  font-size: 1.1rem;
  line-height: 1;
  cursor: pointer;
  transition: border-color 140ms ease, background-color 140ms ease, color 140ms ease, box-shadow 140ms ease;
}

.quotation-drawer__chat-emoji-button:hover,
.quotation-drawer__chat-emoji-button:focus-visible,
.quotation-drawer__chat-emoji-button[aria-expanded="true"] {
  border-color: rgba(29, 111, 165, 0.2);
  background: rgba(242, 248, 255, 0.98);
  color: #1d6fa5;
  box-shadow: 0 12px 20px rgba(29, 111, 165, 0.08);
}

.quotation-drawer__chat-attach-button {
  width: 42px;
  min-width: 42px;
  min-height: 42px;
  padding: 0;
  border-radius: 14px;
  border: 1px solid rgba(15, 15, 16, 0.08);
  background: rgba(255, 255, 255, 0.86);
  color: #6a7688;
  font-size: 1.18rem;
  line-height: 1;
  cursor: pointer;
  transition: border-color 140ms ease, background-color 140ms ease, color 140ms ease, box-shadow 140ms ease;
}

.quotation-drawer__chat-attach-button:hover,
.quotation-drawer__chat-attach-button:focus-visible {
  border-color: rgba(29, 111, 165, 0.2);
  background: rgba(242, 248, 255, 0.98);
  color: #1d6fa5;
  box-shadow: 0 12px 20px rgba(29, 111, 165, 0.08);
}

.quotation-drawer__chat-attachments[hidden] {
  display: none !important;
}

.quotation-drawer__chat-attachments {
  grid-column: 1 / -1;
  display: grid;
  gap: 8px;
}

.quotation-drawer__chat-attachment-chip {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  padding: 10px 12px;
  border-radius: 16px;
  border: 1px solid rgba(15, 15, 16, 0.07);
  background: rgba(255, 255, 255, 0.82);
}

.quotation-drawer__chat-attachment-copy {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.quotation-drawer__chat-attachment-copy strong,
.quotation-drawer__chat-attachment-copy span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.quotation-drawer__chat-attachment-copy span {
  color: var(--ink-muted);
  font-size: 0.76rem;
}

.quotation-drawer__chat-attachment-remove {
  width: 30px;
  height: 30px;
  padding: 0;
  border-radius: 999px;
  border: 1px solid rgba(15, 15, 16, 0.08);
  background: rgba(255, 255, 255, 0.92);
  color: var(--ink-muted);
  font-size: 1rem;
  line-height: 1;
}

.quotation-drawer__chat-emoji-shell {
  position: absolute;
  left: 12px;
  bottom: calc(100% + 10px);
  z-index: 5;
  width: min(352px, calc(100vw - 56px));
  border-radius: 18px;
  border: 1px solid rgba(15, 15, 16, 0.08);
  overflow: hidden;
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 24px 48px rgba(20, 33, 56, 0.16);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

.quotation-drawer__chat-emoji-panel {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  max-height: 360px;
}

.quotation-drawer__chat-emoji-tabs {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding: 12px 12px 10px;
  border-bottom: 1px solid rgba(15, 15, 16, 0.06);
  background: rgba(255, 255, 255, 0.92);
}

.quotation-drawer__chat-emoji-tab {
  flex: 0 0 auto;
  min-height: 30px;
  padding: 0 10px;
  border-radius: 999px;
  border: 1px solid rgba(15, 15, 16, 0.06);
  background: rgba(246, 249, 253, 0.96);
  color: #637286;
  font-size: 0.71rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.quotation-drawer__chat-emoji-groups {
  overflow: auto;
  padding: 10px 12px 12px;
  display: grid;
  gap: 12px;
}

.quotation-drawer__chat-emoji-group {
  display: grid;
  gap: 8px;
}

.quotation-drawer__chat-emoji-group h4 {
  margin: 0;
  color: #6a7688;
  font-size: 0.73rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.quotation-drawer__chat-emoji-grid {
  display: grid;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  gap: 6px;
}

.quotation-drawer__chat-emoji-option {
  min-height: 38px;
  border: 1px solid rgba(15, 15, 16, 0.05);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.9);
  font-size: 1.22rem;
  line-height: 1;
  cursor: pointer;
  transition: transform 120ms ease, border-color 120ms ease, background-color 120ms ease, box-shadow 120ms ease;
}

.quotation-drawer__chat-emoji-option:hover,
.quotation-drawer__chat-emoji-option:focus-visible {
  border-color: rgba(29, 111, 165, 0.18);
  background: rgba(241, 247, 255, 0.98);
  box-shadow: 0 10px 16px rgba(29, 111, 165, 0.08);
  transform: translateY(-1px);
}

.quotation-drawer__chat-emoji-empty {
  display: grid;
  gap: 0.4rem;
  padding: 1rem;
  color: #607188;
  text-align: center;
}

.quotation-drawer__chat-input {
  min-height: 42px;
  max-height: 120px;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(15, 15, 16, 0.08);
  background: rgba(255, 255, 255, 0.9);
  color: var(--brand);
  resize: none;
}

.quotation-drawer__chat-send {
  min-height: 42px;
  padding: 0 16px;
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(29, 111, 165, 0.16), rgba(29, 111, 165, 0.1));
  border: 1px solid rgba(29, 111, 165, 0.22);
  color: #1d6fa5;
  font-size: 0.76rem;
  font-weight: 800;
  letter-spacing: 0.05em;
}

.quotation-drawer__footer {
  position: sticky;
  bottom: 0;
  z-index: 3;
  display: grid;
  grid-template-columns: 1.25fr 1fr 1fr;
  gap: 8px;
  padding: 12px 18px 16px;
  border-top: 1px solid rgba(15, 15, 16, 0.06);
  background: color-mix(in srgb, rgba(255, 255, 255, 0.7) 84%, var(--surface) 16%);
  backdrop-filter: blur(18px) saturate(1.04);
  -webkit-backdrop-filter: blur(18px) saturate(1.04);
}

.quotation-drawer__footer.is-readonly {
  grid-template-columns: 1fr 1fr;
}

.quotation-drawer__action {
  min-height: 42px;
  border-radius: 15px;
  font-size: 0.74rem;
  font-weight: 800;
  letter-spacing: 0.05em;
}

.quotation-drawer__action:disabled,
.quotation-drawer__action[aria-disabled="true"] {
  cursor: not-allowed;
  opacity: 0.46;
  box-shadow: none;
  filter: saturate(0.8);
}

.quotation-drawer__action--book {
  background: linear-gradient(180deg, rgba(22, 163, 74, 0.16), rgba(22, 163, 74, 0.1));
  border-color: rgba(22, 163, 74, 0.22);
  color: #166534;
}

.quotation-drawer__action--reject {
  background: rgba(220, 38, 38, 0.08);
  border-color: rgba(220, 38, 38, 0.22);
  color: #b91c1c;
}

.quotation-drawer__action--change {
  background: rgba(15, 23, 42, 0.04);
  border-color: rgba(15, 23, 42, 0.08);
  color: var(--brand);
}

.quotations-empty-state {
  display: grid;
  gap: 12px;
  justify-items: start;
  padding: 28px;
  border-radius: 20px;
  background: var(--surface-soft);
  border: 1px dashed rgba(15, 15, 16, 0.12);
}

.quotations-empty-state strong {
  color: var(--brand);
  font-size: 1.05rem;
}

.quotations-empty-state p {
  margin: 0;
  max-width: none;
  color: var(--ink-muted);
  line-height: 1.7;
  white-space: nowrap;
}

.dashboard-view[hidden] {
  display: none !important;
}

.portal-main[hidden],
.portal-rail[hidden],
.success-panel[hidden] {
  display: none !important;
}

.dashboard-view {
  grid-column: 1 / -1;
  display: grid;
  gap: var(--portal-page-gap);
}

.dashboard-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(280px, 0.75fr);
  gap: 24px;
  align-items: stretch;
  padding: var(--portal-hero-padding);
  border-radius: 28px;
  background:
    radial-gradient(circle at left center, rgba(15, 118, 110, 0.12), transparent 32%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.92) 0%, rgba(255, 255, 255, 0.82) 100%);
  border: 1px solid rgba(15, 15, 16, 0.05);
  box-shadow: var(--shadow-card);
}

.dashboard-hero__copy {
  display: grid;
  align-content: center;
  min-height: 100%;
}

.dashboard-panel__eyebrow {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 0 10px;
  border-radius: var(--radius-pill);
  background: var(--portal-accent-soft);
  color: var(--portal-accent-badge-text);
  font-size: 0.69rem;
  font-weight: 750;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.dashboard-hero__copy h1 {
  margin: 0;
  font-size: clamp(2.2rem, 4vw, 3.4rem);
  line-height: 0.96;
  letter-spacing: -0.06em;
  color: var(--brand);
}

.dashboard-hero__copy p {
  margin: 12px 0 0;
  max-width: 46ch;
  color: var(--ink-muted);
  font-size: 0.98rem;
  line-height: 1.55;
}

.dashboard-hero__tools {
  display: grid;
  gap: 12px;
  justify-items: end;
  align-self: center;
  padding-top: 0;
}

.dashboard-content-toolbar[hidden] {
  display: none !important;
}

.dashboard-content-toolbar {
  display: flex;
  position: relative;
  z-index: 4;
  justify-content: flex-end;
  align-items: center;
  min-height: 32px;
  margin-top: -2px;
}

.dashboard-filter-group {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 6px;
  border-radius: 999px;
  background: rgba(15, 15, 16, 0.04);
  border: 1px solid rgba(15, 15, 16, 0.05);
}

.dashboard-filter-group--actions {
  justify-content: flex-end;
}

.dashboard-filter-group--content-actions {
  margin-left: auto;
  gap: 6px;
  padding: 4px;
}

.dashboard-toolbar__action {
  min-height: 26px;
  padding: 0 12px;
  font-size: 0.7rem;
  font-weight: 780;
  letter-spacing: 0.01em;
}

.dashboard-filter-group:empty,
.dashboard-filter-group[hidden] {
  display: none !important;
}

.dashboard-filter-pill {
  min-height: 34px;
  padding: 0 14px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: var(--ink-muted);
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.02em;
  cursor: pointer;
  transition: background-color 160ms ease, color 160ms ease, box-shadow 160ms ease;
}

.dashboard-filter-pill--action {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 780;
}

.dashboard-filter-pill--action svg {
  width: 14px;
  height: 14px;
  flex: none;
}

.dashboard-filter-pill--action[aria-pressed="true"],
.dashboard-filter-pill--action.is-active {
  background: rgba(15, 15, 16, 0.92);
  color: #ffffff;
  box-shadow: inset 0 0 0 1px rgba(15, 15, 16, 0.04);
}

.dashboard-filter-pill.is-active {
  background: var(--brand);
  color: var(--brand-contrast);
  box-shadow: inset 0 0 0 1px rgba(15, 15, 16, 0.04);
}

.dashboard-hero__logo-card {
  width: min(100%, 296px);
  min-height: 82px;
  margin-left: auto;
  padding: 8px 12px;
  border-radius: 16px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.96) 0%, rgba(241, 245, 249, 0.98) 46%, rgba(15, 23, 42, 0.12) 100%),
    radial-gradient(circle at center, rgba(255, 255, 255, 0.52), rgba(255, 255, 255, 0) 72%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.42), rgba(255, 255, 255, 0.12));
  border: 1px solid rgba(15, 15, 16, 0.06);
  box-shadow: 0 14px 28px rgba(15, 23, 42, 0.07);
  display: grid;
  place-items: center;
  line-height: 0;
  overflow: hidden;
}

.dashboard-hero__logo-frame {
  width: 100%;
  min-height: 66px;
  display: grid;
  place-items: center;
  padding-top: 4px;
}

.dashboard-hero__logo-frame > * {
  grid-area: 1 / 1;
}

.dashboard-hero__logo-card img {
  display: block;
  place-self: center;
  width: min(100%, 262px);
  max-width: 100%;
  max-height: 66px;
  height: auto;
  object-fit: contain;
  object-position: center center;
  filter: drop-shadow(0 10px 18px rgba(15, 23, 42, 0.08));
  transition: filter 180ms ease;
}

html[data-theme="dark"] .dashboard-hero__logo-card img {
  filter:
    brightness(0)
    invert(1)
    grayscale(1)
    contrast(1.08)
    drop-shadow(0 10px 18px rgba(2, 6, 23, 0.28));
}

.dashboard-hero__logo-placeholder {
  width: min(100%, 262px);
  min-height: 66px;
  display: grid;
  place-items: center;
  color: var(--brand);
  font-size: 1.4rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.dashboard-kpi-grid {
  display: block;
  position: relative;
}

.dashboard-mobile-actions {
  display: none;
}

.dashboard-airline-chart {
  display: grid;
  gap: 20px;
  align-content: start;
  min-height: 100%;
}

.dashboard-airline-chart__hero {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 20px;
  align-items: center;
}

.dashboard-airline-logo-badge,
.dashboard-airline-chart__logo {
  width: clamp(120px, 16vw, 164px);
  min-height: 104px;
  border-radius: 24px;
  display: grid;
  place-items: center;
  padding: 16px 18px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(241, 245, 249, 0.98)),
    radial-gradient(circle at center, rgba(255, 255, 255, 0.72), rgba(255, 255, 255, 0) 74%);
  border: 1px solid rgba(15, 15, 16, 0.06);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82);
  overflow: hidden;
}

.dashboard-airline-logo-badge img,
.dashboard-airline-chart__logo img {
  width: 100%;
  max-width: 126px;
  max-height: 62px;
  object-fit: contain;
  object-position: center center;
}

.dashboard-airline-logo-badge span,
.dashboard-airline-chart__logo span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 56px;
  min-height: 56px;
  padding: 0 12px;
  border-radius: 999px;
  background: rgba(29, 111, 165, 0.12);
  color: var(--brand);
  font-size: 1.2rem;
  font-weight: 850;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.dashboard-airline-chart__copy {
  display: grid;
  gap: 6px;
}

.dashboard-airline-chart__copy strong {
  color: var(--brand);
  font-size: 1.35rem;
  letter-spacing: -0.03em;
}

.dashboard-airline-chart__copy p {
  margin: 0;
  color: var(--ink-muted);
  font-size: 0.95rem;
  line-height: 1.45;
}

.dashboard-airline-chart__visual {
  display: grid;
  grid-template-columns: minmax(164px, 208px) minmax(0, 1fr);
  gap: 24px;
  align-items: center;
  min-height: 224px;
  padding-bottom: 12px;
}

.dashboard-airline-chart__visual .dashboard-legend {
  gap: 10px;
  min-height: 0;
}

.dashboard-airline-chart__visual .dashboard-legend__row {
  min-height: 40px;
}

.dashboard-top-widgets {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.dashboard-top-widgets {
  align-items: stretch;
}

.dashboard-top-widgets--legacy .dashboard-kpi-card {
  min-width: 0;
}

.dashboard-top-widget {
  position: relative;
  min-height: 150px;
  padding: 22px 22px 20px;
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.94));
  border: 1px solid rgba(15, 15, 16, 0.05);
  box-shadow: 0 20px 44px rgba(15, 23, 42, 0.08), 0 6px 16px rgba(15, 23, 42, 0.05);
  display: grid;
  gap: 6px;
  align-content: start;
  transition:
    transform 240ms cubic-bezier(0.22, 1, 0.36, 1),
    box-shadow 240ms cubic-bezier(0.22, 1, 0.36, 1),
    border-color 220ms ease,
    background 220ms ease,
    opacity 220ms ease;
  will-change: transform, box-shadow;
  contain: layout paint;
}

.dashboard-top-widget,
.dashboard-top-widget--placeholder {
  transform-origin: center center;
}

.dashboard-top-widget:hover {
  transform: translateY(-3px);
  box-shadow: 0 26px 52px rgba(15, 23, 42, 0.11), 0 10px 22px rgba(15, 23, 42, 0.06);
}

.dashboard-top-widget[data-widget-draggable="true"] {
  cursor: grab;
  touch-action: none;
  user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
}

.dashboard-top-widget.is-dragging {
  opacity: 0.52;
  cursor: grabbing;
}

.dashboard-top-widget.is-drop-target {
  border-color: rgba(29, 111, 165, 0.26);
  box-shadow: 0 0 0 1px rgba(29, 111, 165, 0.14), 0 24px 48px rgba(29, 111, 165, 0.12);
}

.dashboard-top-widget--placeholder {
  background: rgba(255, 255, 255, 0.46);
  border-style: dashed;
  border-color: rgba(148, 163, 184, 0.4);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28);
}

.dashboard-top-widget--placeholder:hover {
  border-color: rgba(29, 111, 165, 0.28);
  background: rgba(255, 255, 255, 0.6);
}

.dashboard-top-widget--insertion {
  background: rgba(232, 241, 250, 0.46);
  border-style: dashed;
  border-color: rgba(29, 111, 165, 0.22);
  box-shadow: inset 0 0 0 1px rgba(29, 111, 165, 0.08);
}

.dashboard-top-widget__icon-button {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 30px;
  height: 30px;
  border-radius: 999px;
  border: 1px solid rgba(15, 15, 16, 0.06);
  background: rgba(255, 255, 255, 0.72);
  color: var(--brand);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 6px 16px rgba(15, 23, 42, 0.06);
  transition:
    opacity 180ms ease,
    transform 180ms ease,
    background 180ms ease,
    border-color 180ms ease,
    box-shadow 180ms ease,
    color 180ms ease,
    visibility 180ms ease;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.dashboard-top-widget:hover .dashboard-top-widget__icon-button,
.dashboard-top-widget:focus-within .dashboard-top-widget__icon-button {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

@media (hover: hover) and (pointer: fine) {
  .dashboard-panel--chart:hover .dashboard-top-widget__icon-button,
  .dashboard-panel--chart:focus-within .dashboard-top-widget__icon-button {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
}

.dashboard-view.is-managing-charts .dashboard-panel--chart .dashboard-top-widget__icon-button {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.dashboard-top-widget__icon-button:hover {
  transform: translateY(-1px);
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 10px 20px rgba(15, 23, 42, 0.1);
}

.dashboard-top-widget__icon-button:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(29, 111, 165, 0.12), 0 14px 26px rgba(15, 23, 42, 0.12);
}

.dashboard-top-widget__icon-button svg {
  width: 13px;
  height: 13px;
}

.dashboard-chart-card__remove {
  z-index: 3;
}

.dashboard-chart-card__remove span {
  display: inline-block;
  font-size: 1rem;
  line-height: 1;
  font-weight: 600;
  transform: translateY(-1px);
}

.dashboard-top-widget__icon-button--remove {
  border-color: rgba(220, 38, 38, 0.14);
  background: rgba(254, 242, 242, 0.72);
  color: rgba(220, 38, 38, 0.84);
}

.dashboard-top-widget__icon-button--remove:hover {
  border-color: rgba(220, 38, 38, 0.24);
  background: rgba(254, 226, 226, 0.84);
  color: rgba(185, 28, 28, 0.94);
}

.dashboard-top-widget__icon-button--add {
  border-color: rgba(22, 163, 74, 0.16);
  background: rgba(240, 253, 244, 0.72);
  color: rgba(22, 163, 74, 0.84);
}

.dashboard-top-widget__icon-button--add:hover {
  border-color: rgba(22, 163, 74, 0.26);
  background: rgba(220, 252, 231, 0.84);
  color: rgba(21, 128, 61, 0.94);
}

.dashboard-top-widget__placeholder-copy {
  padding-top: 22px;
}

.dashboard-top-widget__placeholder-copy strong {
  color: var(--brand);
}

.dashboard-top-widget__placeholder-copy span {
  color: var(--ink-muted);
}

html.is-dashboard-widget-dragging,
html.is-dashboard-widget-dragging body {
  cursor: grabbing;
  user-select: none;
  -webkit-user-select: none;
}

html.is-dashboard-widget-dragging .dashboard-top-widget,
html.is-dashboard-widget-dragging .dashboard-top-widget *,
html.is-dashboard-widget-dragging .dashboard-panel--chart,
html.is-dashboard-widget-dragging .dashboard-panel--chart * {
  user-select: none !important;
  -webkit-user-select: none !important;
  -webkit-touch-callout: none;
}

html.is-dashboard-widget-dragging .dashboard-top-widget:hover {
  transform: none;
  box-shadow: 0 20px 44px rgba(15, 23, 42, 0.08), 0 6px 16px rgba(15, 23, 42, 0.05);
}

.dashboard-widget-drag-overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 260;
  pointer-events: none;
}

.dashboard-widget-drag-overlay .dashboard-top-widget {
  width: 100%;
  height: 100%;
  transition: none;
}

.dashboard-widget-drag-overlay .dashboard-panel--chart {
  width: 100%;
  height: 100%;
  transition: none;
}

.dashboard-top-widget.is-drag-overlay {
  cursor: grabbing;
  transform: scale(1.02);
  box-shadow: 0 34px 70px rgba(15, 23, 42, 0.18), 0 16px 34px rgba(15, 23, 42, 0.12);
}

.dashboard-top-widget.is-drag-overlay::after {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  box-shadow: 0 0 0 1px rgba(29, 111, 165, 0.18);
  pointer-events: none;
}

.dashboard-panel--chart.is-drag-overlay {
  cursor: grabbing;
  transform: scale(1.01);
  box-shadow: 0 34px 70px rgba(15, 23, 42, 0.18), 0 16px 34px rgba(15, 23, 42, 0.12);
}

.dashboard-panel--chart.is-drag-overlay::after {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  box-shadow: 0 0 0 1px rgba(29, 111, 165, 0.18);
  pointer-events: none;
}

.dashboard-top-widget > span {
  display: block;
  padding-right: 38px;
  color: var(--ink-soft);
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.dashboard-top-widget strong {
  display: block;
  margin-top: 0;
  padding-right: 12px;
  font-size: 2.28rem;
  line-height: 0.94;
  letter-spacing: -0.06em;
  color: var(--brand);
  font-variant-numeric: tabular-nums;
}

.dashboard-top-widget strong > span {
  display: block;
  font: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
  font-variant-numeric: inherit;
}

.dashboard-top-widget small {
  display: block;
  margin-top: 6px;
  max-width: 24ch;
  color: var(--ink-muted);
  font-size: 0.92rem;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.dashboard-top-widget__placeholder-copy {
  align-self: center;
  display: grid;
  gap: 8px;
  justify-items: start;
}

.dashboard-top-widget__placeholder-copy strong {
  margin: 0;
  font-size: 1rem;
  letter-spacing: -0.02em;
}

.dashboard-top-widget__placeholder-copy span {
  color: var(--ink-muted);
  line-height: 1.5;
}

.dashboard-widget-modal[hidden] {
  display: none !important;
}

.dashboard-widget-modal {
  position: fixed;
  inset: 0;
  z-index: 60;
  display: grid;
  place-items: center;
  padding: 32px;
}

.dashboard-widget-modal__scrim {
  position: absolute;
  inset: 0;
  border: 0;
  background: rgba(15, 23, 42, 0.32);
  backdrop-filter: blur(10px);
}

.dashboard-widget-modal__panel {
  position: relative;
  width: min(1160px, calc(100vw - 48px));
  max-height: min(86vh, 840px);
  overflow: auto;
  padding: 32px;
  border-radius: 30px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.95)),
    rgba(255, 255, 255, 0.94);
  border: 1px solid rgba(255, 255, 255, 0.56);
  box-shadow: 0 36px 90px rgba(15, 23, 42, 0.16);
}

.dashboard-widget-modal--quick-add .dashboard-widget-modal__panel {
  width: min(680px, calc(100vw - 40px));
  max-height: min(82vh, 760px);
  padding: 28px;
}

.dashboard-widget-modal[data-quick-add-step="visuals"] .dashboard-widget-modal__panel {
  width: min(820px, calc(100vw - 40px));
}

.dashboard-widget-modal__header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 20px;
  align-items: start;
}

.dashboard-widget-modal__header > div {
  display: grid;
  gap: 10px;
  max-width: 720px;
}

.dashboard-widget-modal__eyebrow {
  display: inline-flex;
  align-items: center;
  justify-self: start;
  min-height: 26px;
  padding: 0 11px;
  border-radius: 999px;
  background: rgba(28, 126, 214, 0.1);
  color: var(--portal-accent);
  font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.dashboard-widget-modal__header h2 {
  margin: 0;
  color: var(--brand);
  font-size: clamp(1.85rem, 2.2vw, 2.45rem);
  line-height: 1.02;
  letter-spacing: -0.05em;
}

.dashboard-widget-modal__header p {
  margin: 0;
  max-width: 60ch;
  color: var(--ink-muted);
  font-size: 0.98rem;
  line-height: 1.62;
}

.dashboard-widget-modal__controls {
  display: grid;
  gap: 18px;
  margin-top: 24px;
}

.dashboard-widget-modal--quick-add .dashboard-widget-modal__controls {
  display: none;
}

.dashboard-widget-modal__type-switch {
  display: inline-grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 4px;
  width: fit-content;
  max-width: 100%;
  padding: 4px;
  border-radius: 999px;
  background: rgba(248, 250, 252, 0.96);
  border: 1px solid rgba(15, 15, 16, 0.06);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
}

.dashboard-widget-type-pill {
  min-height: 40px;
  padding: 0 18px;
  border-radius: 999px;
  border: 0;
  background: transparent;
  color: var(--ink-muted);
  font-weight: 800;
  font-size: 0.95rem;
  letter-spacing: -0.015em;
  transition: background-color 160ms ease, color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.dashboard-widget-type-pill:hover {
  color: var(--brand);
  transform: translateY(-1px);
}

.dashboard-widget-type-pill.is-active {
  background: var(--brand);
  color: var(--brand-contrast);
  box-shadow: 0 12px 24px rgba(15, 23, 42, 0.12);
}

.dashboard-widget-modal__search {
  position: relative;
  display: block;
}

.dashboard-widget-modal__search-icon {
  position: absolute;
  top: 50%;
  left: 16px;
  width: 18px;
  height: 18px;
  color: rgba(71, 85, 105, 0.72);
  transform: translateY(-50%);
  pointer-events: none;
}

.dashboard-widget-modal__search input {
  width: 100%;
  min-height: 50px;
  padding: 0 18px 0 46px;
  border-radius: 16px;
  border: 1px solid rgba(15, 15, 16, 0.08);
  background: rgba(255, 255, 255, 0.92);
  color: var(--brand);
  font-size: 0.96rem;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55);
  transition: border-color 160ms ease, box-shadow 160ms ease, background-color 160ms ease;
}

.dashboard-widget-modal__search input:focus {
  outline: none;
  border-color: rgba(29, 111, 165, 0.24);
  box-shadow: 0 0 0 4px rgba(29, 111, 165, 0.08);
}

.dashboard-widget-modal__filters {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

.dashboard-widget-filter-pill {
  min-height: 34px;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid rgba(15, 15, 16, 0.08);
  background: rgba(248, 250, 252, 0.8);
  color: var(--ink-muted);
  font-size: 0.88rem;
  font-weight: 650;
  transition: background-color 160ms ease, color 160ms ease, border-color 160ms ease, transform 160ms ease;
}

.dashboard-widget-filter-pill:hover {
  border-color: rgba(29, 111, 165, 0.18);
  color: var(--brand);
  transform: translateY(-1px);
}

.dashboard-widget-filter-pill.is-active {
  background: var(--brand);
  color: var(--brand-contrast);
  border-color: transparent;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.1);
}

.dashboard-widget-modal__dismiss {
  flex: none;
  width: 42px;
  height: 42px;
  border-radius: 999px;
  border: 1px solid rgba(15, 15, 16, 0.08);
  background: rgba(248, 250, 252, 0.86);
  color: var(--brand);
  transition: background-color 160ms ease, border-color 160ms ease, transform 160ms ease;
}

.dashboard-widget-modal__dismiss:hover,
.dashboard-widget-modal__dismiss:focus-visible {
  background: rgba(255, 255, 255, 0.98);
  border-color: rgba(29, 111, 165, 0.16);
  transform: translateY(-1px);
}

.dashboard-widget-modal__dismiss svg {
  width: 16px;
  height: 16px;
}

.dashboard-widget-modal__results {
  display: grid;
  gap: 18px;
  margin-top: 24px;
  padding-top: 22px;
  border-top: 1px solid rgba(15, 15, 16, 0.06);
}

.dashboard-widget-modal--quick-add .dashboard-widget-modal__results {
  margin-top: 18px;
  padding-top: 18px;
}

.dashboard-widget-modal__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid rgba(15, 15, 16, 0.06);
}

.dashboard-widget-modal--quick-add .dashboard-widget-modal__footer {
  display: none;
}

.dashboard-widget-modal__selection-summary {
  margin: 0;
  color: var(--ink-muted);
  font-size: 0.82rem;
  line-height: 1.45;
}

.dashboard-widget-modal__actions {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.dashboard-widget-modal__action {
  min-height: 34px;
}

.dashboard-widget-modal__results-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 16px;
}

.dashboard-widget-modal__results-head > div {
  display: grid;
  gap: 4px;
}

.dashboard-widget-modal__results-context {
  min-width: 0;
}

.dashboard-widget-modal__results-copy-block {
  display: grid;
  gap: 4px;
}

.dashboard-widget-modal__back {
  justify-self: start;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 30px;
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid rgba(15, 15, 16, 0.08);
  background: rgba(248, 250, 252, 0.86);
  color: var(--ink-soft);
  font-size: 0.78rem;
  font-weight: 760;
  letter-spacing: -0.01em;
  transition: border-color 160ms ease, background-color 160ms ease, color 160ms ease, transform 160ms ease;
}

.dashboard-widget-modal__back:hover,
.dashboard-widget-modal__back:focus-visible {
  outline: none;
  color: var(--brand);
  border-color: rgba(29, 111, 165, 0.18);
  background: rgba(255, 255, 255, 0.98);
  transform: translateY(-1px);
}

.dashboard-widget-modal__results-head h3 {
  margin: 0;
  color: var(--brand);
  font-size: 1.02rem;
  letter-spacing: -0.02em;
}

.dashboard-widget-modal__results-head p {
  margin: 0;
  color: var(--ink-muted);
  font-size: 0.92rem;
  line-height: 1.52;
}

.dashboard-widget-modal__results-count {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 12px;
  border-radius: 999px;
  background: rgba(248, 250, 252, 0.88);
  border: 1px solid rgba(15, 15, 16, 0.06);
  color: var(--ink-soft);
  font-size: 0.78rem;
  font-weight: 760;
  white-space: nowrap;
}

.dashboard-widget-modal__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.dashboard-widget-modal--quick-add .dashboard-widget-modal__grid {
  grid-template-columns: 1fr;
}

.dashboard-quick-add-topic-list {
  display: grid;
  gap: 10px;
}

.dashboard-quick-add-topic {
  width: 100%;
  text-align: left;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 16px;
  padding: 16px 18px;
  border-radius: 22px;
  border: 1px solid rgba(15, 15, 16, 0.06);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(248, 250, 252, 0.96)),
    rgba(255, 255, 255, 0.98);
  box-shadow: 0 16px 36px rgba(15, 23, 42, 0.06);
  transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease, background-color 160ms ease;
}

.dashboard-quick-add-topic:hover,
.dashboard-quick-add-topic:focus-visible {
  outline: none;
  transform: translateY(-1px);
  border-color: rgba(29, 111, 165, 0.16);
  box-shadow: 0 18px 34px rgba(15, 23, 42, 0.08);
}

.dashboard-quick-add-topic__copy {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.dashboard-quick-add-topic__copy strong {
  margin: 0;
  color: var(--brand);
  font-size: 1rem;
  letter-spacing: -0.03em;
}

.dashboard-quick-add-topic__copy span {
  color: var(--ink-muted);
  font-size: 0.85rem;
  line-height: 1.45;
}

.dashboard-quick-add-topic__status,
.dashboard-quick-add-visual__status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  background: rgba(15, 15, 16, 0.04);
  color: var(--ink-soft);
  font-size: 0.74rem;
  font-weight: 760;
  letter-spacing: -0.01em;
  white-space: nowrap;
}

.dashboard-quick-add-topic__status--added,
.dashboard-quick-add-visual__status--added {
  background: rgba(17, 24, 39, 0.06);
  color: var(--brand);
}

.dashboard-quick-add-topic__status--unavailable,
.dashboard-quick-add-visual__status--unavailable {
  background: rgba(148, 163, 184, 0.1);
  color: var(--ink-soft);
}

.dashboard-quick-add-topic__chevron {
  color: var(--ink-soft);
  font-size: 1rem;
  font-weight: 700;
}

.dashboard-quick-add-visual-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.dashboard-quick-add-visual {
  width: 100%;
  text-align: left;
  display: grid;
  gap: 12px;
  align-content: start;
  min-height: 236px;
  padding: 18px;
  border-radius: 24px;
  border: 1px solid rgba(15, 15, 16, 0.06);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(248, 250, 252, 0.96)),
    rgba(255, 255, 255, 0.98);
  box-shadow: 0 16px 36px rgba(15, 23, 42, 0.06);
  transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease, background-color 160ms ease;
}

.dashboard-quick-add-visual:hover:not(:disabled),
.dashboard-quick-add-visual:focus-visible:not(:disabled) {
  outline: none;
  transform: translateY(-1px);
  border-color: rgba(29, 111, 165, 0.18);
  box-shadow: 0 20px 38px rgba(29, 111, 165, 0.1);
}

.dashboard-quick-add-visual:disabled {
  cursor: default;
}

.dashboard-quick-add-visual--added,
.dashboard-quick-add-visual--unavailable {
  box-shadow: none;
}

.dashboard-quick-add-visual__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.dashboard-quick-add-visual__type {
  color: var(--ink-soft);
  font-size: 0.74rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.dashboard-quick-add-visual__preview {
  display: grid;
  align-content: center;
  min-height: 112px;
  padding: 12px;
  border-radius: 20px;
  background: linear-gradient(180deg, rgba(243, 247, 252, 0.98), rgba(238, 244, 250, 0.94));
  border: 1px solid rgba(29, 111, 165, 0.08);
  overflow: hidden;
}

.dashboard-quick-add-visual__preview .dashboard-widget-picker__chart-preview {
  min-height: 100%;
  border: 0;
  background: transparent;
}

.dashboard-quick-add-visual__preview--widget {
  align-content: end;
  gap: 8px;
}

.dashboard-quick-add-visual__preview--widget span {
  color: var(--ink-soft);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.dashboard-quick-add-visual__preview--widget strong {
  color: var(--brand);
  font-size: 1.95rem;
  line-height: 1;
  letter-spacing: -0.05em;
}

.dashboard-quick-add-visual__copy {
  display: grid;
  gap: 4px;
}

.dashboard-quick-add-visual__copy strong {
  color: var(--brand);
  font-size: 1rem;
  line-height: 1.2;
  letter-spacing: -0.03em;
}

.dashboard-quick-add-visual__copy span {
  color: var(--ink-muted);
  font-size: 0.84rem;
  line-height: 1.45;
}

.dashboard-widget-picker__option {
  text-align: left;
  display: grid;
  gap: 14px;
  align-content: start;
  min-width: 0;
  min-height: 250px;
  padding: 18px;
  border-radius: 24px;
  border: 1px solid rgba(15, 15, 16, 0.06);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(248, 250, 252, 0.96)),
    rgba(255, 255, 255, 0.98);
  box-shadow: 0 16px 36px rgba(15, 23, 42, 0.06);
  transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease, background-color 160ms ease;
}

.dashboard-widget-picker__option[data-dashboard-widget-option-toggle] {
  cursor: pointer;
}

.dashboard-widget-picker__option--widget {
  grid-template-rows: auto auto 1fr auto;
  min-height: 230px;
}

.dashboard-widget-picker__option--chart {
  grid-template-rows: auto auto 1fr auto;
  min-height: 256px;
}

.dashboard-widget-picker__option:hover {
  transform: translateY(-2px);
  border-color: rgba(29, 111, 165, 0.18);
  box-shadow: 0 22px 42px rgba(29, 111, 165, 0.1);
}

.dashboard-widget-picker__option:focus-within {
  outline: none;
  border-color: rgba(29, 111, 165, 0.24);
  box-shadow: 0 0 0 4px rgba(29, 111, 165, 0.08), 0 22px 42px rgba(29, 111, 165, 0.1);
}

.dashboard-widget-picker__option--added {
  background:
    linear-gradient(180deg, rgba(248, 250, 252, 0.98), rgba(244, 247, 250, 0.94)),
    rgba(248, 250, 252, 0.95);
  border-color: rgba(148, 163, 184, 0.14);
}

.dashboard-widget-picker__option--selected {
  background:
    linear-gradient(180deg, rgba(247, 250, 253, 0.99), rgba(240, 246, 251, 0.96)),
    rgba(248, 250, 252, 0.98);
  border-color: rgba(29, 111, 165, 0.18);
  box-shadow: 0 18px 38px rgba(29, 111, 165, 0.08);
}

.dashboard-widget-picker__option--unavailable {
  background:
    linear-gradient(180deg, rgba(248, 250, 252, 0.94), rgba(243, 244, 246, 0.9)),
    rgba(248, 250, 252, 0.9);
  border-style: dashed;
  border-color: rgba(148, 163, 184, 0.3);
}

.dashboard-widget-picker__empty strong,
.dashboard-widget-picker__preview-stat strong,
.dashboard-widget-picker__preview--widget strong {
  color: var(--brand);
  font-size: 1.25rem;
  letter-spacing: -0.04em;
}

.dashboard-widget-picker__empty p,
.dashboard-widget-picker__description,
.dashboard-widget-picker__preview--widget small {
  margin: 0;
  color: var(--ink-muted);
  line-height: 1.6;
}

.dashboard-widget-picker__title {
  margin: 0;
  color: var(--brand);
  font-size: 1.08rem;
  line-height: 1.18;
  letter-spacing: -0.03em;
}

.dashboard-widget-picker__copy {
  display: grid;
  gap: 7px;
}

.dashboard-widget-picker__badge-row,
.dashboard-widget-picker__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.dashboard-widget-picker__footer {
  margin-top: auto;
  align-items: flex-end;
}

.dashboard-widget-picker__footer-meta {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.dashboard-widget-picker__format,
.dashboard-widget-picker__status {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  font-size: 0.76rem;
  font-weight: 780;
  letter-spacing: -0.01em;
  white-space: nowrap;
}

.dashboard-widget-picker__format {
  background: rgba(15, 15, 16, 0.04);
  color: var(--ink-soft);
}

.dashboard-widget-picker__status {
  justify-self: start;
  background: rgba(28, 126, 214, 0.07);
  color: var(--brand);
}

.dashboard-widget-picker__status--selected {
  background: rgba(29, 111, 165, 0.09);
  color: var(--brand);
}

.dashboard-widget-picker__status--muted {
  background: rgba(15, 15, 16, 0.04);
  color: var(--ink-soft);
}

.dashboard-widget-picker__action-button {
  border: 0;
  background: var(--brand);
  color: var(--brand-contrast);
  min-height: 34px;
  padding: 0 14px;
  border-radius: 999px;
  font-size: 0.76rem;
  font-weight: 780;
  letter-spacing: -0.01em;
  white-space: nowrap;
  box-shadow: 0 10px 20px rgba(15, 23, 42, 0.08);
  transition: transform 160ms ease, box-shadow 160ms ease, background-color 160ms ease, color 160ms ease;
}

.dashboard-widget-picker__action-button:hover:not(:disabled),
.dashboard-widget-picker__action-button:focus-visible {
  outline: none;
  transform: translateY(-1px);
  box-shadow: 0 14px 24px rgba(15, 23, 42, 0.12);
}

.dashboard-widget-picker__action-button.is-selected {
  background: rgba(15, 15, 16, 0.92);
  color: #ffffff;
  box-shadow: none;
}

.dashboard-widget-picker__option--added .dashboard-widget-picker__action-button,
.dashboard-widget-picker__option--unavailable .dashboard-widget-picker__action-button,
.dashboard-widget-picker__action-button:disabled {
  background: rgba(15, 15, 16, 0.04);
  color: var(--ink-soft);
  box-shadow: none;
  cursor: not-allowed;
  transform: none;
}

.dashboard-widget-picker__preview-stat {
  display: grid;
  gap: 8px;
  min-height: 88px;
  padding: 16px;
  border-radius: 18px;
  background: rgba(248, 250, 252, 0.92);
  border: 1px solid rgba(15, 15, 16, 0.05);
}

.dashboard-widget-picker__preview {
  display: grid;
  align-content: center;
  min-height: 108px;
  padding: 16px;
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(245, 248, 252, 0.96), rgba(236, 242, 247, 0.94));
  border: 1px solid rgba(29, 111, 165, 0.08);
  overflow: hidden;
}

.dashboard-widget-picker__preview--widget {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 12px;
}

.dashboard-widget-picker__preview--widget strong {
  font-size: 2rem;
  line-height: 1;
}

.dashboard-widget-picker__preview-label,
.dashboard-widget-picker__preview-stat span,
.dashboard-widget-picker__meta,
.dashboard-widget-picker__empty p {
  color: var(--ink-muted);
  line-height: 1.6;
}

.dashboard-widget-picker__preview-label,
.dashboard-widget-picker__preview-stat span {
  font-size: 0.72rem;
  font-weight: 780;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.dashboard-widget-picker__meta {
  font-size: 0.82rem;
  font-weight: 650;
}

.dashboard-widget-picker__empty p {
  margin: 0;
}

.dashboard-widget-picker__eyebrow {
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--ink-soft);
}

.dashboard-widget-picker__chart-preview {
  position: relative;
  display: grid;
  place-items: center;
  min-height: 110px;
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(239, 245, 252, 0.98), rgba(247, 250, 252, 0.96));
  border: 1px solid rgba(29, 111, 165, 0.08);
  overflow: hidden;
}

.dashboard-widget-picker__chart-preview--line span {
  width: 80%;
  height: 42px;
  border-bottom: 3px solid rgba(28, 126, 214, 0.26);
  border-left: 0;
  clip-path: polygon(0 86%, 18% 84%, 36% 72%, 54% 74%, 72% 30%, 100% 18%, 100% 100%, 0 100%);
  background: linear-gradient(180deg, rgba(28, 126, 214, 0.3), rgba(28, 126, 214, 0.04));
}

.dashboard-widget-picker__chart-preview--bars {
  grid-template-columns: repeat(4, minmax(0, 18px));
  align-items: end;
  justify-content: center;
  gap: 10px;
}

.dashboard-widget-picker__chart-preview--bars span {
  display: block;
  width: 18px;
  border-radius: 999px 999px 8px 8px;
  background: linear-gradient(180deg, rgba(15, 118, 110, 0.9), rgba(15, 118, 110, 0.32));
}

.dashboard-widget-picker__chart-preview--bars span:nth-child(1) { height: 30px; }
.dashboard-widget-picker__chart-preview--bars span:nth-child(2) { height: 54px; }
.dashboard-widget-picker__chart-preview--bars span:nth-child(3) { height: 42px; }
.dashboard-widget-picker__chart-preview--bars span:nth-child(4) { height: 64px; }

.dashboard-widget-picker__chart-preview--ranking {
  align-content: center;
  gap: 8px;
  padding: 18px;
}

.dashboard-widget-picker__chart-preview--ranking span,
.dashboard-widget-picker__chart-preview--status span {
  display: block;
  height: 10px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(17, 24, 39, 0.9), rgba(29, 111, 165, 0.2));
}

.dashboard-widget-picker__chart-preview--ranking span:nth-child(1) { width: 84%; }
.dashboard-widget-picker__chart-preview--ranking span:nth-child(2) { width: 68%; }
.dashboard-widget-picker__chart-preview--ranking span:nth-child(3) { width: 56%; }

.dashboard-widget-picker__chart-preview--donut span {
  width: 54px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: conic-gradient(#1c7ed6 0 45%, #0f766e 45% 76%, #111827 76% 100%);
  position: relative;
}

.dashboard-widget-picker__chart-preview--donut span::after {
  content: "";
  position: absolute;
  inset: 12px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.98);
}

.dashboard-widget-picker__chart-preview--status {
  align-content: center;
  gap: 10px;
  padding: 18px;
}

.dashboard-widget-picker__chart-preview--status span:nth-child(1) { width: 72%; }
.dashboard-widget-picker__chart-preview--status span:nth-child(2) { width: 92%; }
.dashboard-widget-picker__chart-preview--status span:nth-child(3) { width: 58%; }

.dashboard-widget-picker__empty {
  grid-column: 1 / -1;
  display: grid;
  gap: 10px;
  padding: 24px;
  border-radius: 22px;
  border: 1px dashed rgba(148, 163, 184, 0.4);
  background: rgba(248, 250, 252, 0.9);
}

.dashboard-kpi-card,
.dashboard-panel {
  border-radius: 24px;
  background: var(--surface);
  border: 1px solid rgba(15, 15, 16, 0.04);
  box-shadow: var(--shadow-card);
}

.dashboard-kpi-card {
  padding: 20px 20px 18px;
}

.dashboard-kpi-card > span {
  display: block;
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--ink-muted);
}

.dashboard-kpi-card strong {
  display: block;
  margin-top: 10px;
  font-size: 1.8rem;
  line-height: 1.02;
  letter-spacing: -0.05em;
  color: var(--brand);
  font-variant-numeric: tabular-nums;
}

.dashboard-kpi-card strong > span {
  display: block;
  font: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
  font-variant-numeric: inherit;
}

.dashboard-kpi-card small {
  display: block;
  margin-top: 10px;
  color: var(--ink-muted);
  line-height: 1.55;
}

.dashboard-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: flex-start;
  gap: var(--dashboard-chart-gap);
  --dashboard-chart-progress: 1;
}

.dashboard-panel--chart {
  position: relative;
  min-width: 0;
  width: 100%;
  height: auto;
  min-height: var(--dashboard-card-height, 420px);
  display: flex;
  flex-direction: column;
  gap: 14px;
  overflow: visible;
  transition:
    transform 240ms cubic-bezier(0.22, 1, 0.36, 1),
    box-shadow 240ms cubic-bezier(0.22, 1, 0.36, 1),
    border-color 220ms ease,
    background 220ms ease;
  will-change: transform, box-shadow;
}

.dashboard-panel--chart[data-chart-widget-draggable="true"] {
  cursor: grab;
  touch-action: none;
  user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
}

.dashboard-panel--chart.is-drop-target,
.dashboard-panel--chart-placeholder.is-drop-target {
  border-color: rgba(29, 111, 165, 0.22);
  background: rgba(232, 241, 250, 0.46);
  box-shadow: inset 0 0 0 1px rgba(29, 111, 165, 0.08);
}

.dashboard-panel.dashboard-panel--chart-size-landscape {
  grid-column: span 2;
  --dashboard-card-height: var(--dashboard-chart-landscape-height);
}

.dashboard-panel.dashboard-panel--chart-size-portrait {
  grid-column: span 1;
  --dashboard-card-height: var(--dashboard-chart-portrait-height);
}

.dashboard-panel--chart-placeholder {
  min-width: 0;
  width: 100%;
  border-radius: 24px;
  border: 1px dashed rgba(29, 111, 165, 0.22);
  background: rgba(232, 241, 250, 0.34);
  box-shadow: inset 0 0 0 1px rgba(29, 111, 165, 0.06);
}

.dashboard-panel__header--widget {
  display: grid;
  align-items: flex-start;
  gap: 10px;
}

.dashboard-panel__header--widget h3 {
  margin: 8px 0 0;
  color: var(--brand);
  font-size: 1.32rem;
  letter-spacing: -0.03em;
}

.dashboard-panel__widget-metric {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 12px;
  border-radius: 999px;
  background: rgba(232, 241, 250, 0.8);
  color: var(--brand);
  font-size: 0.78rem;
  font-weight: 800;
  white-space: nowrap;
}

.dashboard-panel__intro {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px 16px;
  flex-wrap: wrap;
}

.dashboard-panel__metric-stack {
  display: inline-flex;
  align-items: baseline;
  gap: 10px;
  padding: 9px 12px;
  border-radius: 14px;
  background: rgba(248, 250, 252, 0.9);
  border: 1px solid rgba(15, 15, 16, 0.05);
  max-width: 100%;
}

.dashboard-panel__metric-label {
  color: var(--ink-soft);
  font-size: 0.66rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  white-space: nowrap;
}

.dashboard-panel__hero-metric {
  color: var(--brand);
  font-size: 1rem;
  line-height: 1;
  letter-spacing: -0.04em;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.dashboard-panel__hero-metric > span {
  display: block;
  font: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
  font-variant-numeric: inherit;
}

.dashboard-panel__copy {
  margin: 0;
  flex: 1 1 220px;
  color: var(--ink-muted);
  font-size: 0.88rem;
  line-height: 1.52;
  overflow-wrap: anywhere;
  max-width: none;
}

.dashboard-panel--chart[data-chart-density="compact"] {
  gap: 12px;
}

.dashboard-panel--chart[data-chart-density="compact"] .dashboard-panel__copy {
  flex-basis: 100%;
  font-size: 0.82rem;
  line-height: 1.42;
}

.dashboard-chart-empty {
  display: grid;
  gap: 8px;
  padding: 18px;
  border-radius: 18px;
  background: rgba(248, 250, 252, 0.88);
  border: 1px dashed rgba(148, 163, 184, 0.36);
}

.dashboard-panel--chart > * {
  min-width: 0;
}

.dashboard-panel__body {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: visible;
}

.dashboard-panel__body > * {
  min-width: 0;
}

.dashboard-chart-empty strong {
  color: var(--brand);
}

.dashboard-chart-empty p {
  margin: 0;
  color: var(--ink-muted);
  line-height: 1.55;
}

.button--tiny {
  min-height: 28px;
  padding: 0 10px;
  font-size: 0.72rem;
}

.dashboard-layout {
  display: grid;
  grid-template-columns: minmax(260px, 320px) minmax(0, 1fr);
  gap: 18px;
  align-items: start;
}

.dashboard-customize-panel[hidden] {
  display: none !important;
}

.dashboard-customize-panel {
  display: grid;
  gap: 18px;
  padding: 22px;
  border-radius: 24px;
  background: var(--surface);
  border: 1px solid rgba(15, 15, 16, 0.04);
  box-shadow: var(--shadow-card);
}

.dashboard-customize-panel__actions {
  display: flex;
  gap: 10px;
  justify-content: flex-end;
}

.dashboard-widget-selector {
  display: grid;
  gap: 10px;
}

.dashboard-widget-option {
  display: grid;
  gap: 10px;
  padding: 14px;
  border-radius: 18px;
  background: var(--surface-soft);
  border: 1px solid rgba(15, 15, 16, 0.05);
}

.dashboard-widget-option.is-active {
  border-color: rgba(28, 126, 214, 0.22);
  box-shadow: inset 0 0 0 1px rgba(28, 126, 214, 0.12);
}

.dashboard-widget-option__toggle {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  cursor: pointer;
}

.dashboard-widget-option__toggle input {
  margin-top: 2px;
}

.dashboard-widget-option__toggle strong {
  display: block;
  color: var(--brand);
}

.dashboard-widget-option__toggle small {
  display: block;
  margin-top: 4px;
  color: var(--ink-muted);
  line-height: 1.5;
}

.dashboard-widget-option__meta {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
}

.dashboard-widget-option__meta > span {
  color: var(--ink-soft);
  font-size: 0.74rem;
  font-weight: 800;
  text-transform: uppercase;
}

.dashboard-widget-option__actions {
  display: inline-flex;
  gap: 6px;
}

.dashboard-widget-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 18px;
}

.dashboard-widget {
  grid-column: span 4;
  padding: 22px;
  border-radius: 24px;
  background: var(--surface);
  border: 1px solid rgba(15, 15, 16, 0.04);
  box-shadow: var(--shadow-card);
  display: grid;
  gap: 18px;
}

.dashboard-widget--wide {
  grid-column: span 6;
}

.dashboard-widget--metric {
  grid-column: span 3;
}

.dashboard-widget__body {
  min-width: 0;
}

.dashboard-widget-metric span {
  display: block;
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--ink-muted);
}

.dashboard-widget-metric strong {
  display: block;
  margin-top: 10px;
  font-size: 1.8rem;
  line-height: 1.02;
  letter-spacing: -0.05em;
  color: var(--brand);
  font-variant-numeric: tabular-nums;
}

.dashboard-widget-metric small {
  display: block;
  margin-top: 10px;
  color: var(--ink-muted);
  line-height: 1.55;
}

.dashboard-empty-state {
  grid-column: 1 / -1;
  display: grid;
  gap: 12px;
  justify-items: start;
  padding: 26px;
  border-radius: 24px;
  background: var(--surface);
  border: 1px dashed rgba(15, 15, 16, 0.14);
  box-shadow: var(--shadow-card);
}

.dashboard-empty-state strong {
  color: var(--brand);
  font-size: 1.08rem;
}

.dashboard-empty-state p {
  margin: 0;
  max-width: 52ch;
  color: var(--ink-muted);
  line-height: 1.7;
}

.dashboard-panel {
  grid-column: span 1;
  padding: 22px;
  display: grid;
  gap: 18px;
}

.dashboard-panel--wide {
  grid-column: span 2;
}

.overview-card,
.request-card,
.timeline-item__card,
.request-panel,
.success-card {
  border-radius: var(--radius-card);
  background: var(--surface);
  border: 1px solid rgba(0, 0, 0, 0.03);
  box-shadow: var(--shadow-card);
}

.overview-card {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(300px, 0.95fr);
  overflow: hidden;
  transform-origin: top center;
  will-change: height, opacity;
  transition:
    height 260ms cubic-bezier(0.22, 1, 0.36, 1),
    opacity 200ms ease;
}

.overview-card[hidden] {
  display: none !important;
}

.overview-card.is-flow-transitioning {
  overflow: clip;
}

.overview-card__content,
.overview-card__map {
  transition:
    opacity 180ms ease,
    transform 220ms cubic-bezier(0.22, 1, 0.36, 1);
}

.overview-card.is-flow-collapsed .overview-card__content,
.overview-card.is-flow-collapsed .overview-card__map {
  opacity: 0;
  transform: translateY(-8px);
}

.overview-card__content {
  padding: 28px 26px;
  display: grid;
  gap: 28px;
}

.overview-card__route-head {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 14px;
}

.overview-card__route-head strong {
  font-size: clamp(1.6rem, 2.2vw, 2.1rem);
  line-height: 1.1;
  letter-spacing: -0.05em;
  color: var(--brand);
}

.overview-card__route-icon {
  font-size: 1.05rem;
  color: var(--brand);
}

.overview-card__status {
  min-height: 38px;
  padding: 0 16px;
  border-radius: var(--radius-pill);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--success-bg);
  color: var(--success-text);
  font-weight: 700;
}

.overview-card__summary-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 26px 18px;
}

.overview-metric span,
.field span,
.field-label,
.success-card__eyebrow {
  display: block;
  font-size: 0.83rem;
  font-weight: 700;
  color: var(--ink-muted);
}

.overview-metric strong {
  display: block;
  margin-top: 8px;
  font-size: 1.02rem;
  line-height: 1.45;
  font-weight: 600;
  color: var(--brand);
}

.overview-card__map {
  position: relative;
  background:
    radial-gradient(circle at 50% 44%, rgba(255, 255, 255, 0.76) 0%, rgba(255, 255, 255, 0.12) 46%, transparent 72%),
    linear-gradient(180deg, #f2f2f3 0%, #e8e8ea 100%);
}

html[data-theme="dark"] .overview-card__map {
  background:
    radial-gradient(circle at 50% 44%, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.02) 46%, transparent 72%),
    linear-gradient(180deg, #20242a 0%, #15181d 100%);
}

.route-map {
  position: relative;
  width: 100%;
  height: auto;
  min-height: 260px;
  aspect-ratio: 12 / 7;
  overflow: hidden;
}

.route-map__media {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 0;
}

.route-map__image,
.route-map__svg {
  grid-area: 1 / 1;
  width: 100%;
  height: 100%;
}

.route-map__image {
  object-fit: fill;
  object-position: center center;
  user-select: none;
  pointer-events: none;
  opacity: 1;
}

.route-map__svg {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
}

.route-map__path {
  fill: none;
  stroke: rgba(10, 10, 10, 0.78);
  stroke-width: 4;
  stroke-linecap: round;
  stroke-dasharray: 7 7;
  filter: drop-shadow(0 8px 14px rgba(10, 10, 10, 0.12));
}

.route-map__marker {
  fill: #fff;
  stroke: rgba(10, 10, 10, 0.92);
  stroke-width: 4;
  filter: drop-shadow(0 6px 10px rgba(10, 10, 10, 0.12));
}

.route-map__debug-marker {
  fill: rgba(255, 255, 255, 0.98);
  stroke: rgba(10, 10, 10, 0.42);
  stroke-width: 2;
}

.route-map__debug-reference {
  fill: var(--debug-reference-color, rgba(16, 16, 16, 0.92));
  stroke: rgba(255, 255, 255, 0.96);
  stroke-width: 1.8;
}

.route-map__debug-marker--validation {
  fill: rgba(18, 18, 18, 0.9);
  stroke: rgba(255, 255, 255, 0.95);
}

.route-map__debug-marker--land {
  fill: rgba(24, 128, 62, 0.92);
}

.route-map__debug-marker--coast {
  fill: rgba(221, 140, 26, 0.92);
}

.route-map__debug-marker--open-water {
  fill: rgba(210, 54, 54, 0.94);
}

.route-map__debug-frame {
  fill: none;
  stroke: rgba(18, 18, 18, 0.24);
  stroke-width: 1.5;
  stroke-dasharray: 8 6;
}

.route-map__debug-grid {
  stroke: rgba(18, 18, 18, 0.12);
  stroke-width: 1;
  stroke-dasharray: 3 6;
}

.route-map__debug-crosshair {
  stroke: rgba(18, 18, 18, 0.36);
  stroke-width: 1.4;
  stroke-linecap: round;
}

.route-map__debug-error-line {
  stroke: rgba(235, 69, 56, 0.35);
  stroke-width: 1.2;
  stroke-dasharray: 3 4;
}

.route-map__debug-label {
  fill: rgba(10, 10, 10, 0.52);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.route-map__marker--destination {
  fill: rgba(10, 10, 10, 0.92);
  stroke: rgba(255, 255, 255, 0.94);
}

.route-map__label {
  fill: rgba(10, 10, 10, 0.82);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.route-map__status-note {
  position: absolute;
  left: 18px;
  right: auto;
  bottom: 10px;
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  max-width: calc(100% - 36px);
  padding: 0 10px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.46);
  border: 1px solid rgba(18, 18, 18, 0.05);
  color: var(--ink-muted);
  font-size: 0.69rem;
  font-weight: 700;
  backdrop-filter: blur(10px);
  letter-spacing: 0.01em;
}

.dashboard-panel__header {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: start;
}

.dashboard-panel__header h3 {
  margin: 12px 0 0;
  font-size: 1.22rem;
  line-height: 1.15;
  letter-spacing: -0.04em;
  color: var(--brand);
}

.dashboard-panel__header p {
  margin: 0;
  max-width: 32ch;
  color: var(--ink-muted);
  line-height: 1.6;
  text-align: right;
}

.dashboard-chart__meta {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 6px 12px;
  align-items: start;
  color: var(--ink-muted);
  font-size: 0.82rem;
  font-weight: 700;
  min-width: 0;
}

.dashboard-chart__meta strong {
  grid-row: span 2;
  justify-self: end;
  align-self: start;
  color: var(--brand);
  font-size: 0.96rem;
  font-variant-numeric: tabular-nums;
  text-align: right;
}

.dashboard-chart-widget {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-height: 0;
  flex: 1 1 auto;
  overflow: visible;
}

.dashboard-panel--chart[data-chart-density="compact"] .dashboard-chart-widget {
  gap: 10px;
}

.dashboard-chart-widget__visual {
  min-height: 0;
  overflow: visible;
}

.dashboard-chart-widget--line,
.dashboard-chart-widget--bars,
.dashboard-chart-widget--split {
  height: 100%;
}

.dashboard-chart-widget__visual--line,
.dashboard-chart-widget__visual--bars {
  flex: 1 1 auto;
  display: flex;
  align-items: flex-end;
  width: 100%;
  min-height: 0;
  padding: 6px 0 8px;
}

.dashboard-line-chart {
  display: block;
  width: 100%;
  height: auto;
  min-width: 0;
  overflow: visible;
}

.dashboard-line-chart__plot {
  transform-origin: center 176px;
  transform: scaleY(var(--dashboard-chart-progress));
}

.dashboard-line-chart__label {
  fill: var(--ink-soft);
  font-family: "Manrope", sans-serif;
  font-size: 11px;
  font-weight: 700;
}

.dashboard-bars__legend {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 12px;
  color: var(--ink-muted);
  font-size: 0.76rem;
  font-weight: 700;
  min-width: 0;
}

.dashboard-panel--chart[data-chart-density="compact"] .dashboard-bars__legend {
  gap: 10px;
  font-size: 0.76rem;
}

.dashboard-bars__legend span,
.dashboard-legend__row span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.dashboard-bars__legend i,
.dashboard-legend__row i {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  display: inline-block;
}

.dashboard-bars {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(0, 1fr);
  gap: 12px;
  align-items: end;
  width: 100%;
  flex: 1 1 auto;
  min-height: 236px;
  min-width: 0;
  padding: 10px 10px 8px;
}

.dashboard-bars__month {
  display: grid;
  gap: 12px;
  justify-items: center;
  min-width: 0;
}

.dashboard-bars__stack {
  width: 100%;
  min-height: 180px;
  display: flex;
  align-items: end;
  justify-content: center;
  gap: 4px;
}

.dashboard-bars__bar {
  width: 18%;
  min-height: 8px;
  border-radius: 999px 999px 4px 4px;
  transform-origin: center bottom;
  transform: scaleY(var(--dashboard-chart-progress));
}

.dashboard-bars__month strong {
  font-size: 0.72rem;
  color: var(--ink-muted);
}

.dashboard-ranking {
  display: grid;
  gap: 14px;
  min-width: 0;
  align-content: start;
}

.dashboard-ranking--tight {
  gap: 12px;
}

.dashboard-ranking__row {
  display: grid;
  grid-template-columns: 24px minmax(0, 1.45fr) minmax(92px, 1fr) auto;
  gap: 12px;
  align-items: center;
  min-width: 0;
}

.dashboard-ranking__index {
  color: var(--ink-soft);
  font-size: 0.8rem;
  font-weight: 800;
  align-self: start;
  padding-top: 2px;
}

.dashboard-ranking__meta {
  display: flex;
  gap: 12px;
  align-items: start;
  min-width: 0;
}

.dashboard-ranking__meta > span {
  min-width: 24px;
  color: var(--ink-soft);
  font-size: 0.8rem;
  font-weight: 800;
}

.dashboard-ranking__content {
  min-width: 0;
}

.dashboard-ranking__meta strong,
.dashboard-ranking__content strong {
  display: block;
  color: var(--brand);
  overflow-wrap: anywhere;
  line-height: 1.28;
}

.dashboard-ranking__meta p,
.dashboard-ranking__content p {
  margin: 5px 0 0;
  color: var(--ink-muted);
  font-size: 0.82rem;
  overflow-wrap: anywhere;
  line-height: 1.45;
}

.dashboard-ranking__meta small,
.dashboard-ranking__content small {
  color: var(--ink-soft);
}

.dashboard-ranking__bar {
  position: relative;
  height: 9px;
  border-radius: 999px;
  overflow: hidden;
  background: rgba(15, 15, 16, 0.07);
}

.dashboard-ranking__bar span {
  position: absolute;
  inset: 0 auto 0 0;
  border-radius: inherit;
  background: linear-gradient(90deg, #171717 0%, #1c7ed6 100%);
  transform-origin: left center;
  transform: scaleX(var(--dashboard-chart-progress));
}

.dashboard-ranking__value {
  color: var(--brand);
  font-size: 0.82rem;
  font-variant-numeric: tabular-nums;
  text-align: right;
  white-space: nowrap;
}

.dashboard-panel--chart[data-chart-density="compact"] .dashboard-ranking {
  gap: 10px;
}

.dashboard-panel--chart[data-chart-density="compact"] .dashboard-ranking__row {
  grid-template-columns: 18px minmax(0, 1.1fr) minmax(56px, 0.85fr) auto;
  gap: 8px;
}

.dashboard-panel--chart[data-chart-density="compact"] .dashboard-ranking__row:nth-child(n + 5) {
  display: none;
}

.dashboard-panel--chart[data-chart-density="compact"] .dashboard-ranking__index {
  font-size: 0.74rem;
  padding-top: 1px;
}

.dashboard-panel--chart[data-chart-density="compact"] .dashboard-ranking__content strong,
.dashboard-panel--chart[data-chart-density="compact"] .dashboard-ranking__meta strong {
  white-space: normal;
  overflow: visible;
  line-height: 1.22;
}

.dashboard-panel--chart[data-chart-density="compact"] .dashboard-ranking__content p,
.dashboard-panel--chart[data-chart-density="compact"] .dashboard-ranking__meta p {
  margin-top: 3px;
  font-size: 0.76rem;
  line-height: 1.3;
  white-space: normal;
  overflow: visible;
}

.dashboard-panel--chart[data-chart-density="compact"] .dashboard-ranking__bar {
  height: 8px;
}

.dashboard-panel--chart[data-chart-density="compact"] .dashboard-ranking__value {
  font-size: 0.76rem;
}

.dashboard-split {
  display: grid;
  grid-template-columns: minmax(164px, 198px) minmax(0, 1fr);
  gap: 24px;
  align-items: center;
  min-width: 0;
  min-height: 0;
  padding: 6px 0 12px;
}

.dashboard-panel--chart[data-chart-density="compact"] .dashboard-split {
  grid-template-columns: minmax(118px, 138px) minmax(98px, 1fr);
  gap: 14px;
}

.dashboard-donut {
  width: min(180px, 100%);
  aspect-ratio: 1;
  border-radius: 50%;
  position: relative;
  display: grid;
  place-items: center;
  justify-self: center;
  margin: 6px auto 10px;
}

.dashboard-donut--airline {
  width: min(168px, 100%);
}

.dashboard-donut::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: var(--dashboard-donut-gradient, transparent);
  -webkit-mask-image: conic-gradient(from -90deg, #000 0 calc(var(--dashboard-chart-progress) * 1turn), transparent 0);
  mask-image: conic-gradient(from -90deg, #000 0 calc(var(--dashboard-chart-progress) * 1turn), transparent 0);
}

.dashboard-donut::after {
  content: "";
  position: absolute;
  inset: 20px;
  border-radius: 50%;
  background: var(--surface);
  box-shadow: inset 0 0 0 1px rgba(15, 15, 16, 0.05);
}

.dashboard-donut span,
.dashboard-donut strong {
  position: relative;
  z-index: 1;
}

.dashboard-donut span {
  color: var(--ink-muted);
  font-size: 0.74rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.dashboard-donut strong {
  display: block;
  margin-top: 4px;
  color: var(--brand);
  font-size: 1.4rem;
  letter-spacing: -0.04em;
  font-variant-numeric: tabular-nums;
}

.dashboard-panel--chart[data-chart-density="compact"] .dashboard-donut {
  width: min(138px, 100%);
}

.dashboard-panel--chart[data-chart-density="compact"] .dashboard-donut::after {
  inset: 18px;
}

.dashboard-panel--chart[data-chart-density="compact"] .dashboard-donut span {
  font-size: 0.68rem;
}

.dashboard-panel--chart[data-chart-density="compact"] .dashboard-donut strong {
  font-size: 1.18rem;
}

.dashboard-legend {
  display: grid;
  gap: 12px;
  min-width: 0;
  align-content: center;
  overflow: visible;
}

.dashboard-legend__row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
}

.dashboard-legend__row span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.dashboard-legend__row strong {
  color: var(--brand);
  font-size: 0.82rem;
  font-variant-numeric: tabular-nums;
}

.dashboard-panel--chart[data-chart-density="compact"] .dashboard-legend {
  gap: 9px;
}

.dashboard-panel--chart[data-chart-density="compact"] .dashboard-legend__row {
  gap: 8px;
}

.dashboard-panel--chart[data-chart-density="compact"] .dashboard-legend__row span {
  white-space: normal;
  overflow: visible;
  line-height: 1.3;
}

.dashboard-panel--chart[data-chart-density="compact"] .dashboard-legend__row strong {
  font-size: 0.76rem;
}

.dashboard-status-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.dashboard-status-grid h4 {
  margin: 0 0 12px;
  color: var(--brand);
  font-size: 0.9rem;
}

.dashboard-status-list {
  display: grid;
  gap: 14px;
  min-width: 0;
  align-content: start;
}

.dashboard-status-row {
  display: grid;
  gap: 9px;
}

.dashboard-status-row__head {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  color: var(--ink-muted);
  font-size: 0.82rem;
  font-weight: 700;
}

.dashboard-status-row__head span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.dashboard-status-row__head strong {
  color: var(--brand);
  font-variant-numeric: tabular-nums;
  text-align: right;
  white-space: nowrap;
}

.dashboard-status-row__track {
  height: 10px;
  border-radius: 999px;
  overflow: hidden;
  background: rgba(15, 15, 16, 0.07);
}

.dashboard-status-row__track span {
  display: block;
  height: 100%;
  border-radius: inherit;
  transform-origin: left center;
  transform: scaleX(var(--dashboard-chart-progress));
}

.dashboard-panel--chart[data-chart-density="compact"] .dashboard-status-list {
  gap: 10px;
}

.dashboard-panel--chart[data-chart-density="compact"] .dashboard-status-row {
  gap: 7px;
}

.dashboard-panel--chart[data-chart-density="compact"] .dashboard-status-row:nth-child(n + 5) {
  display: none;
}

.dashboard-panel--chart[data-chart-density="compact"] .dashboard-status-row__head {
  gap: 8px;
  font-size: 0.76rem;
}

.dashboard-panel--chart[data-chart-density="compact"] .dashboard-status-row__head span {
  white-space: normal;
  overflow: visible;
  line-height: 1.25;
}

.dashboard-panel--chart[data-chart-density="compact"] .dashboard-status-row__track {
  height: 8px;
}

.dashboard-lanes {
  display: grid;
  gap: 14px;
  min-width: 0;
  align-content: start;
}

.dashboard-lane-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  padding: 16px 18px;
  border-radius: 18px;
  background: var(--surface-soft);
  border: 1px solid rgba(15, 15, 16, 0.05);
}

.dashboard-lane-card strong {
  color: var(--brand);
  overflow-wrap: anywhere;
}

.dashboard-lane-card p,
.dashboard-lane-card dt,
.dashboard-lane-card dd {
  overflow-wrap: anywhere;
}

.dashboard-lane-card dl {
  display: grid;
  gap: 10px;
  align-content: start;
}

.dashboard-lane-card dl > div {
  display: grid;
  gap: 2px;
  justify-items: end;
}

.dashboard-lane-card dt {
  color: var(--ink-soft);
  font-size: 0.72rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.dashboard-lane-card dd {
  margin: 0;
  color: var(--brand);
  font-size: 0.84rem;
  font-variant-numeric: tabular-nums;
}

.dashboard-lane-card p,
.dashboard-lane-card dt,
.dashboard-lane-card dd {
  overflow-wrap: anywhere;
}

.dashboard-lane-card p {
  margin: 4px 0 0;
  color: var(--ink-muted);
}

.dashboard-lane-card dl {
  display: flex;
  gap: 14px;
  margin: 0;
}

.dashboard-lane-card dt {
  color: var(--ink-soft);
  font-size: 0.72rem;
  font-weight: 800;
  text-transform: uppercase;
}

.dashboard-lane-card dd {
  margin: 6px 0 0;
  color: var(--brand);
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}

.dashboard-table-wrap {
  overflow: auto;
  width: 100%;
}

.dashboard-table {
  width: 100%;
  border-collapse: collapse;
}

.quotations-table-card .dashboard-table-wrap {
  overflow-x: auto;
  overflow-y: hidden;
}

.quotations-table-card .dashboard-table {
  width: max-content;
  min-width: 100%;
}

.dashboard-table th,
.dashboard-table td {
  padding: 12px 8px;
  text-align: left;
  border-bottom: 1px solid rgba(15, 15, 16, 0.06);
  white-space: nowrap;
}

.dashboard-table th {
  color: var(--ink-soft);
  font-size: 0.75rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.dashboard-table td {
  color: var(--ink-muted);
  font-size: 0.88rem;
}

.dashboard-table td strong {
  color: var(--brand);
}

.dashboard-table__row.is-clickable {
  cursor: pointer;
  transition: background-color 180ms ease, box-shadow 180ms ease;
}

.dashboard-table__row.is-clickable:hover td {
  background: color-mix(in srgb, var(--surface-soft) 66%, var(--surface) 34%);
}

.dashboard-table__row.is-clickable:focus-visible {
  outline: none;
}

.dashboard-table__row.is-clickable:focus-visible td {
  box-shadow: inset 0 0 0 2px rgba(29, 111, 165, 0.14);
}

.dashboard-status-pill {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  background: var(--portal-accent-badge-bg);
  color: var(--portal-accent-badge-text);
  font-size: 0.76rem;
  font-weight: 800;
}

.dashboard-status-pill[data-status-tone="draft"] {
  background: rgba(37, 99, 235, 0.12);
  color: #2563eb;
}

.dashboard-status-pill[data-status-tone="quoted"] {
  background: #eef8f1;
  color: #3f7f50;
}

.dashboard-status-pill[data-status-tone="pending"] {
  background: rgba(245, 158, 11, 0.12);
  color: #b96d05;
}

.dashboard-status-pill[data-status-tone="booked"] {
  background: rgba(22, 101, 52, 0.12);
  color: #166534;
}

.dashboard-status-pill[data-status-tone="rejected"] {
  background: rgba(220, 38, 38, 0.08);
  color: #b91c1c;
}

.dashboard-status-pill[data-status-tone="requote"] {
  background: rgba(217, 119, 6, 0.1);
  color: #b45309;
}

.dashboard-activity-list,
.dashboard-insights-list {
  display: grid;
  gap: 12px;
}

.dashboard-insights-list--portal {
  grid-template-columns: repeat(auto-fit, minmax(180px, max-content));
  align-items: start;
}

.dashboard-activity,
.dashboard-insight {
  display: grid;
  gap: 10px;
  padding: 16px 18px;
  border-radius: 18px;
  background: var(--surface-soft);
  border: 1px solid rgba(15, 15, 16, 0.05);
}

.dashboard-activity {
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
}

.dashboard-activity__tone {
  width: 10px;
  height: 10px;
  margin-top: 6px;
  border-radius: 999px;
  display: inline-block;
}

.dashboard-activity__tone--positive {
  background: #16a34a;
}

.dashboard-activity__tone--warning {
  background: #c97a16;
}

.dashboard-activity__tone--neutral {
  background: #1c7ed6;
}

.dashboard-activity strong,
.dashboard-insight strong {
  color: var(--brand);
}

.dashboard-activity p,
.dashboard-insight p {
  margin: 0;
  color: var(--ink-muted);
  line-height: 1.65;
}

.dashboard-activity small {
  color: var(--ink-soft);
}

.request-card {
  --request-flow-gap: 18px;
  --request-section-gap: 18px;
  --request-card-gap: 14px;
  --request-field-gap: 10px;
  --request-control-height: 50px;
  padding: 18px 24px 22px;
  border: 1px solid rgba(15, 15, 16, 0.05);
  border-radius: 28px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(250, 250, 251, 0.96) 100%);
  box-shadow: 0 22px 55px rgba(15, 15, 16, 0.045);
  transition:
    padding 240ms cubic-bezier(0.22, 1, 0.36, 1),
    border-radius 240ms cubic-bezier(0.22, 1, 0.36, 1),
    background-color 180ms ease,
    box-shadow 180ms ease;
}

.request-tabs {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 0 2px 14px;
  border-bottom: 1px solid rgba(15, 15, 16, 0.055);
  flex-wrap: wrap;
  transition:
    padding 240ms cubic-bezier(0.22, 1, 0.36, 1),
    gap 240ms cubic-bezier(0.22, 1, 0.36, 1);
}

.request-tabs__nav {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  overflow: visible;
  padding: 4px;
  border-radius: 999px;
  background: rgba(15, 15, 16, 0.035);
}

.request-tabs__indicator {
  position: absolute;
  left: 0;
  bottom: 4px;
  height: calc(100% - 8px);
  width: var(--request-tabs-indicator-width, 0);
  border-radius: 999px;
  background: var(--surface);
  box-shadow: 0 8px 18px rgba(15, 15, 16, 0.08);
  transform: translateX(var(--request-tabs-indicator-x, 0));
  transform-origin: left center;
  transition: transform 180ms ease, width 180ms ease;
  pointer-events: none;
}

.request-tabs__controls {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  margin-left: auto;
  flex: 0 1 auto;
}

.request-tabs__view-toggle {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  padding: 2px;
  border-radius: 999px;
  border: 1px solid rgba(15, 15, 16, 0.065);
  background: rgba(15, 15, 16, 0.035);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
  flex: 0 0 auto;
}

.request-view-toggle__option {
  min-height: 28px;
  padding: 0 11px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: var(--ink-muted);
  font-size: 0.72rem;
  font-weight: 720;
  letter-spacing: 0.01em;
  cursor: pointer;
  transition: background-color 160ms ease, color 160ms ease, box-shadow 160ms ease;
}

.request-view-toggle__option:hover {
  color: var(--ink);
}

.request-view-toggle__option:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px rgba(15, 15, 16, 0.12);
}

.request-view-toggle__option.is-active {
  background: var(--surface);
  color: var(--brand);
  box-shadow: 0 4px 12px rgba(15, 15, 16, 0.08);
}

.request-tabs__reference {
  width: min(100%, 260px);
  flex: 0 1 260px;
}

.field--compact {
  gap: 0;
}

.field--compact input,
.field--compact select,
.field--compact textarea {
  min-height: 40px;
  padding: 9px 14px;
  border-radius: 14px;
}

.request-tab {
  position: relative;
  z-index: 1;
  min-height: 34px;
  padding: 0 16px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: var(--ink-muted);
  font-size: 0.85rem;
  font-weight: 680;
  cursor: pointer;
  white-space: nowrap;
  transition: color 160ms ease;
}

.request-tab:hover {
  color: var(--ink-2);
}

.request-tab:focus-visible {
  color: var(--ink);
  outline: none;
}

.request-tab.is-active {
  color: var(--brand);
  font-weight: 640;
}

.request-form {
  display: grid;
  gap: var(--request-flow-gap);
  padding-top: 20px;
  transition:
    gap 240ms cubic-bezier(0.22, 1, 0.36, 1),
    padding-top 240ms cubic-bezier(0.22, 1, 0.36, 1);
}

.request-card *,
.request-card *::before,
.request-card *::after {
  box-sizing: border-box;
}

.request-card :where(
  .request-form,
  .form-step,
  .request-section,
  .request-group,
  .request-section__grid,
  .request-section__gated,
  .choice-grid,
  .choice-card,
  .topline-card,
  .segmented-control,
  .segmented-control__option,
  .movement-scope-addresses,
  .movement-address-card,
  .request-panel-stack,
  .mode-panel,
  .request-panel,
  .request-panel__grid,
  .field,
  .form-footer
) {
  min-width: 0;
  max-width: 100%;
}

.request-card :where(
  .request-section__grid,
  .choice-grid,
  .segmented-control,
  .movement-scope-addresses,
  .request-panel__grid
) > * {
  min-width: 0;
}

.request-card :where(
  .choice-card,
  .segmented-control__option,
  .field input,
  .field select,
  .field textarea,
  .incoterm-select,
  .incoterm-select__trigger,
  .frontend-select,
  .frontend-select__trigger
) {
  width: 100%;
}

.request-card :where(
  button,
  input,
  textarea,
  select,
  .incoterm-select__trigger,
  .frontend-select__trigger
) {
  line-height: 1.2;
}

.request-card :where(input, textarea, select) {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.request-card :where(input[type="date"]) {
  color-scheme: light;
  font-variant-numeric: tabular-nums;
}

.request-card :where(input[type="date"])::-webkit-calendar-picker-indicator {
  opacity: 0;
  display: none;
}

.request-card :where(input[type="date"])::-webkit-date-and-time-value {
  min-height: 1.2em;
  text-align: left;
}

.quotations-create-view.is-dev-mode {
  gap: 18px;
}

.request-card.is-dev-mode {
  --request-flow-gap: 16px;
  --request-section-gap: 16px;
  --request-card-gap: 12px;
  --request-field-gap: 8px;
  --request-control-height: 46px;
  --request-workspace-max-width: 1680px;
  padding: 18px 20px 24px;
  border-radius: 18px;
  background: transparent;
  box-shadow: none;
}

.quotations-create-view.is-dev-mode .quotations-back-button {
  min-height: 30px;
  padding-inline: 10px;
  font-size: 0.68rem;
}

.quotations-create-view.is-dev-mode .request-tabs {
  gap: 10px;
  padding: 0 0 6px;
  border-bottom-color: rgba(15, 15, 16, 0.045);
}

.quotations-create-view.is-dev-mode .request-tabs__nav {
  gap: 0;
  padding: 0;
  background: transparent;
}

.quotations-create-view.is-dev-mode .request-tabs__controls {
  gap: 6px;
}

.quotations-create-view.is-dev-mode .request-tabs__view-toggle {
  padding: 2px;
}

.quotations-create-view.is-dev-mode .request-tab {
  min-height: 36px;
  padding: 0 16px;
  border: 1px solid rgba(15, 15, 16, 0.04);
  background: rgba(15, 15, 16, 0.03);
  color: #111827;
  font-size: 0.78rem;
  font-weight: 700;
  box-shadow: none;
}

.quotations-create-view.is-dev-mode .request-tab:not(.is-active) {
  display: none;
}

.quotations-create-view.is-dev-mode .request-tabs__indicator {
  display: none;
}

.quotations-create-view.is-dev-mode .request-view-toggle__option {
  min-height: 24px;
  padding: 0 9px;
  font-size: 0.64rem;
}

.quotations-create-view.is-dev-mode .request-tabs__reference {
  width: min(100%, 190px);
  flex-basis: 190px;
}

.quotations-create-view.is-dev-mode .request-tabs__reference input {
  min-height: 32px;
  padding: 7px 10px;
  border-radius: 10px;
}

.request-card.is-dev-mode .request-form {
  gap: var(--request-flow-gap);
  padding-top: 10px;
}

.request-card.is-dev-mode .dev-workbench {
  display: grid;
  gap: 16px;
}

.request-card.is-dev-mode .dev-workbench__top {
  display: grid;
  grid-template-columns: minmax(0, 1.65fr) minmax(320px, 0.95fr);
  gap: 16px;
  align-items: start;
}

.request-card.is-dev-mode .dev-card {
  display: grid;
  gap: 12px;
  padding: 18px;
  border: 1px solid #dde5ef;
  border-radius: 10px;
  background: linear-gradient(180deg, #ffffff 0%, #fcfdff 100%);
  box-shadow: none;
}

.request-card.is-dev-mode .dev-card__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.request-card.is-dev-mode .dev-card__header h3 {
  margin: 0;
  font-size: 1.04rem;
  line-height: 1.2;
  font-weight: 780;
  color: #253245;
}

.request-card.is-dev-mode .dev-card__body {
  display: grid;
  gap: 12px;
}

.request-card.is-dev-mode .dev-card__header--spread {
  justify-content: space-between;
  align-items: center;
}

.request-card.is-dev-mode .dev-card--shipment-details {
  grid-column: 1 / -1;
}

.request-card.is-dev-mode .dev-card--itinerary .dev-card__body {
  gap: 12px;
}

.request-card.is-dev-mode .dev-itinerary__mode,
.request-card.is-dev-mode .dev-itinerary__scope {
  display: grid;
  gap: 6px;
}

.request-card.is-dev-mode .dev-itinerary__scope {
  padding-top: 2px;
}

.request-card.is-dev-mode .dev-itinerary__mode .choice-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 4px;
  padding: 4px;
  border: 1px solid #d7dee8;
  border-radius: 14px;
  background: linear-gradient(180deg, #f8fafc 0%, #f2f5f9 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.request-card.is-dev-mode .dev-itinerary__mode .choice-card--mode {
  min-height: 44px;
  padding: 0 14px;
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 10px;
  border-radius: 10px;
  border: 1px solid rgba(15, 23, 42, 0.08);
  background: transparent;
  box-shadow: none;
  color: #5f6f84;
  transition:
    border-color 160ms ease,
    background-color 160ms ease,
    box-shadow 160ms ease,
    color 160ms ease;
}

.request-card.is-dev-mode .dev-itinerary__mode .choice-card--mode:hover {
  border-color: #cfd7e3;
  background: #fff;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.92),
    0 6px 14px rgba(15, 23, 42, 0.05);
}

.request-card.is-dev-mode .dev-itinerary__mode .choice-card--mode:focus-visible {
  outline: none;
  border-color: rgba(15, 15, 16, 0.38);
  box-shadow:
    0 0 0 3px rgba(15, 15, 16, 0.1),
    0 6px 14px rgba(15, 23, 42, 0.06);
}

.request-card.is-dev-mode .dev-itinerary__mode .choice-card__icon {
  width: 28px;
  height: 28px;
  border-radius: 9px;
  background: rgba(15, 23, 42, 0.05);
  color: #69778b;
}

.request-card.is-dev-mode .dev-itinerary__mode .choice-card__icon svg {
  width: 16px;
  height: 16px;
}

.request-card.is-dev-mode .dev-itinerary__mode .choice-card__icon--air svg {
  width: 18px;
  height: 18px;
}

.request-card.is-dev-mode .dev-itinerary__mode .choice-card--mode strong {
  font-size: 0.9rem;
  line-height: 1.15;
  letter-spacing: 0.005em;
  color: #526074;
  font-weight: 650;
}

.request-card.is-dev-mode .dev-itinerary__mode .choice-card--mode small {
  display: none;
}

.request-card.is-dev-mode .dev-itinerary__mode .choice-card--mode.is-selected {
  border-color: rgba(15, 23, 42, 0.24);
  background: linear-gradient(180deg, #ffffff 0%, #f5f8fb 100%);
  box-shadow:
    inset 0 0 0 1px rgba(15, 23, 42, 0.04),
    0 4px 10px rgba(15, 23, 42, 0.045);
}

.request-card.is-dev-mode .dev-itinerary__mode .choice-card--mode.is-selected::before {
  content: none;
}

.request-card.is-dev-mode .dev-itinerary__mode .choice-card--mode.is-selected .choice-card__icon {
  background: #111827;
  color: #fff;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.04);
}

.request-card.is-dev-mode .dev-itinerary__mode .choice-card--mode.is-selected strong {
  color: #111827;
  font-weight: 700;
}

.request-card.is-dev-mode .dev-itinerary__mode .choice-card--mode.is-selected:hover,
.request-card.is-dev-mode .dev-itinerary__mode .choice-card--mode.is-selected:focus-visible {
  border-color: rgba(15, 23, 42, 0.32);
  background: linear-gradient(180deg, #ffffff 0%, #f2f6fb 100%);
}

.request-card.is-dev-mode .dev-itinerary__scope .segmented-control {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 4px;
  align-items: stretch;
  padding: 4px;
  border: 1px solid #dee5ee;
  border-radius: 14px;
  background: #f7f9fc;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92);
}

.request-card.is-dev-mode .dev-itinerary__scope .segmented-control__option {
  position: relative;
  min-height: 40px;
  padding: 0 14px 0 38px;
  justify-content: flex-start;
  align-items: center;
  border: 1px solid rgba(15, 23, 42, 0.07);
  border-radius: 10px;
  background: transparent;
  color: #64748b;
  font-size: 0.86rem;
  font-weight: 620;
  text-align: left;
  letter-spacing: 0.005em;
  box-shadow: none;
  transition:
    border-color 160ms ease,
    background-color 160ms ease,
    box-shadow 160ms ease,
    color 160ms ease,
    transform 160ms ease;
}

.request-card.is-dev-mode .dev-itinerary__scope .segmented-control__option strong {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: 1.2;
}

.request-card.is-dev-mode .dev-itinerary__scope .segmented-control__option::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 14px;
  width: 13px;
  height: 13px;
  border: 1.5px solid #c8d2df;
  border-radius: 999px;
  background: #fbfcfe;
  transform: translateY(-50%);
  transition: border-color 160ms ease, background-color 160ms ease, box-shadow 160ms ease;
}

.request-card.is-dev-mode .dev-itinerary__scope .segmented-control__option:hover {
  border-color: #d4dce7;
  background: #fff;
  color: #0f172a;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.88),
    0 4px 12px rgba(15, 23, 42, 0.04);
}

.request-card.is-dev-mode .dev-itinerary__scope .segmented-control__option:focus-visible {
  outline: none;
  border-color: rgba(15, 15, 16, 0.28);
  background: #fff;
  color: #0f172a;
  box-shadow:
    0 0 0 3px rgba(15, 15, 16, 0.1),
    0 4px 12px rgba(15, 23, 42, 0.05);
}

.request-card.is-dev-mode .dev-itinerary__scope .segmented-control__option.is-selected {
  border-color: rgba(15, 23, 42, 0.22);
  background: linear-gradient(180deg, #ffffff 0%, #f4f7fb 100%);
  color: #111827;
  box-shadow:
    inset 0 0 0 1px rgba(15, 23, 42, 0.045),
    0 4px 10px rgba(15, 23, 42, 0.04);
}

.request-card.is-dev-mode .dev-itinerary__scope .segmented-control__option.is-selected::before {
  border-color: #111827;
  background: #111827;
  box-shadow: 0 0 0 2px rgba(15, 15, 16, 0.05);
}

.request-card.is-dev-mode .dev-itinerary__scope .segmented-control__option.is-selected strong {
  font-weight: 700;
}

.request-card.is-dev-mode .dev-itinerary__scope .segmented-control__option.is-selected::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 18px;
  width: 4px;
  height: 8px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: translateY(-58%) rotate(40deg);
}

.request-card.is-dev-mode .dev-itinerary__scope .segmented-control__option.is-selected:hover,
.request-card.is-dev-mode .dev-itinerary__scope .segmented-control__option.is-selected:focus-visible {
  border-color: rgba(15, 15, 16, 0.24);
  background: linear-gradient(180deg, #ffffff 0%, #f3f7fb 100%);
}

.request-card.is-dev-mode .dev-itinerary__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  align-items: start;
  padding-top: 2px;
}

.request-card.is-dev-mode .dev-field,
.request-card.is-dev-mode .dev-goods-type__field {
  display: grid;
  gap: 6px;
  align-content: start;
  align-items: start;
}

.request-card.is-dev-mode .dev-field__label,
.request-card.is-dev-mode .dev-goods-type__label {
  margin: 0;
  font-size: 0.82rem;
  line-height: 1.2;
  font-weight: 620;
  color: #66758a;
}

.request-card.is-dev-mode .dev-field__control {
  display: grid;
  gap: 0;
  min-width: 0;
  align-content: start;
  align-items: start;
}

.request-card.is-dev-mode .dev-field__control .field,
.request-card.is-dev-mode .dev-field__control .field--airport-code,
.request-card.is-dev-mode .dev-field__control .field--card,
.request-card.is-dev-mode .dev-goods-type__field .field {
  gap: 0;
}

.request-card.is-dev-mode .dev-field__control .field > span:first-child,
.request-card.is-dev-mode .dev-goods-type__field .field > span:first-child {
  display: none;
}

.request-card.is-dev-mode .dev-field__control .field input,
.request-card.is-dev-mode .dev-goods-type__field .field input,
.request-card.is-dev-mode .dev-goods-type__field .field select {
  min-height: 42px;
  padding: 10px 12px;
  border: 1px solid #d0d8e4;
  border-radius: 8px;
  background: #fff;
  font-size: 0.92rem;
  color: #243041;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92);
}

.request-card.is-dev-mode .dev-field__control .field input::placeholder,
.request-card.is-dev-mode .dev-goods-type__field .field input::placeholder {
  color: #a1aab8;
}

.request-card.is-dev-mode .dev-field__control .field__hint {
  margin-top: 6px;
  font-size: 0.74rem;
}

.request-card.is-dev-mode .dev-field__control .field small[data-airport-autofill-note] {
  display: none;
}

.request-card.is-dev-mode .dev-field__control .movement-address-card {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.request-card.is-dev-mode .dev-field__control .movement-address-card .shipment-block__header,
.request-card.is-dev-mode .dev-field__control .movement-address-card .address-section__search-field label,
.request-card.is-dev-mode .dev-field__control .movement-address-card .address-section__search-status {
  display: none;
}

.request-card.is-dev-mode .dev-field__control .movement-address-card .address-section,
.request-card.is-dev-mode .dev-field__control .movement-address-card .address-section__search-block,
.request-card.is-dev-mode .dev-field__control .movement-address-card .address-section__manual-panel-inner,
.request-card.is-dev-mode .dev-field__control .movement-address-card .address-section__top-grid,
.request-card.is-dev-mode .dev-field__control .movement-address-card .address-section__detail-grid {
  gap: 8px;
  align-content: start;
}

.request-card.is-dev-mode .dev-field__control .movement-address-card .address-section__manual-toggle {
  margin-top: 0;
}

.request-card.is-dev-mode .dev-field__control .movement-address-card .address-section__search-input-wrap {
  margin-top: 0;
}

.request-card.is-dev-mode .dev-field__control .movement-address-card .address-section__search-field {
  gap: 0;
}

.request-card.is-dev-mode .dev-field__control .movement-address-card .address-section__search-field input {
  min-height: 42px;
  padding: 10px 12px;
  border: 1px solid #d0d8e4;
  border-radius: 8px;
  background: #fff;
  font-size: 0.92rem;
  color: #243041;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92);
}

.request-card.is-dev-mode .dev-goods-type__meta {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.request-card.is-dev-mode .dev-goods-type__label {
  display: inline-flex;
  align-items: center;
  font-size: 0.82rem;
  line-height: 1.2;
  font-weight: 620;
  color: #66758a;
}

.request-card.is-dev-mode .dev-card__action {
  padding: 0;
  border: 0;
  background: transparent;
  color: #2563eb;
  font-size: 0.82rem;
  font-weight: 520;
  cursor: pointer;
}

.request-card.is-dev-mode .dev-goods-type__link:hover,
.request-card.is-dev-mode .dev-card__action:hover {
  text-decoration: underline;
}

.request-card.is-dev-mode .dev-card--shipment-details .dev-card__body {
  gap: 16px;
}

.request-card.is-dev-mode .dev-card__actions {
  display: flex;
  justify-content: flex-end;
}

.request-card.is-dev-mode .dev-preferences-panel {
  display: flex;
  justify-content: flex-end;
}

.request-card.is-dev-mode .dev-preferences-panel__slot .dimensions-toggle {
  padding: 2px;
  border-radius: 999px;
  border: 1px solid #d7dce6;
  background: #f8fafc;
}

.request-card.is-dev-mode .dev-calc-mode {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
}

.request-card.is-dev-mode .dev-calc-mode__option {
  position: relative;
  min-height: 36px;
  padding: 0 14px 0 32px;
  border: 1px solid #cfd7e3;
  border-radius: 6px;
  background: #fff;
  color: #475569;
  font-size: 0.88rem;
  font-weight: 500;
  cursor: pointer;
}

.request-card.is-dev-mode .dev-calc-mode__option::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 12px;
  width: 13px;
  height: 13px;
  border: 1.5px solid #b7c2d2;
  border-radius: 999px;
  transform: translateY(-50%);
}

.request-card.is-dev-mode .dev-calc-mode__option.is-selected {
  border-color: #2563eb;
  color: #2563eb;
}

.request-card.is-dev-mode .dev-calc-mode__option.is-selected::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 16px;
  width: 5px;
  height: 5px;
  border-radius: 999px;
  background: #2563eb;
  transform: translateY(-50%);
}

.request-card.is-dev-mode .dev-shipment-details__content .cargo-editor-panel {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.request-card.is-dev-mode .dev-shipment-details__content .cargo-editor-panel__head,
.request-card.is-dev-mode .dev-shipment-details__content .dimensions-ai-button,
.request-card.is-dev-mode .dev-shipment-details__content .cargo-profile-strip__toggles,
.request-card.is-dev-mode .dev-shipment-details__content .cargo-support-row {
  display: none;
}

.request-card.is-dev-mode .dev-shipment-details__content .dimensions-shell {
  gap: 16px;
}

.request-card.is-dev-mode .dev-shipment-details__content .dimensions-lines {
  gap: 10px;
}

.request-card.is-dev-mode .dev-shipment-details__content .dimensions-lines__toolbar {
  justify-content: flex-start;
  padding-bottom: 0;
}

.request-card.is-dev-mode .dev-shipment-details__content .dimensions-lines__toolbar-copy,
.request-card.is-dev-mode .dev-shipment-details__content .dimensions-lines__stackable-master {
  display: none;
}

.request-card.is-dev-mode .dev-shipment-details__content .dimensions-lines__header,
.request-card.is-dev-mode .dev-shipment-details__content .dimensions-line {
  min-width: 0;
  grid-template-columns:
    68px
    minmax(124px, 1fr)
    minmax(168px, 1.22fr)
    minmax(102px, 0.8fr)
    minmax(122px, 0.9fr);
  gap: 6px;
}

.request-card.is-dev-mode .dev-shipment-details__content .dimensions-lines__header {
  padding: 0;
  font-size: 0.78rem;
  color: #475569;
}

.request-card.is-dev-mode .dev-shipment-details__content .dimensions-line {
  padding: 0;
  border: 0;
  background: transparent;
}

.request-card.is-dev-mode .dev-shipment-details__content .dimensions-line__mobile-head-copy,
.request-card.is-dev-mode .dev-shipment-details__content .dimensions-line__mobile-label,
.request-card.is-dev-mode .dev-shipment-details__content .dimensions-line__mini-label {
  display: none;
}

.request-card.is-dev-mode .dev-shipment-details__content .dimensions-line__field input,
.request-card.is-dev-mode .dev-shipment-details__content .dimensions-line__field select,
.request-card.is-dev-mode .dev-shipment-details__content .dimensions-line__mini-field input,
.request-card.is-dev-mode .dev-shipment-details__content .dimensions-line__stackable-toggle,
.request-card.is-dev-mode .dev-shipment-details__content .dimensions-line__remove {
  min-height: 34px;
  height: 34px;
  border: 1px solid #cfd7e3;
  border-radius: 4px;
  background: #fff;
  box-shadow: none;
}

.request-card.is-dev-mode .dev-shipment-details__content .dimensions-line__mini-field input {
  padding-inline: 10px;
}

.request-card.is-dev-mode .dev-shipment-details__content .dimensions-line__stackable-actions {
  grid-template-columns: minmax(84px, 1fr) 34px;
  gap: 6px;
}

.request-card.is-dev-mode .dev-shipment-details__content .dimensions-lines__footer .button {
  min-height: 34px;
  padding-inline: 12px;
  border-radius: 4px;
  border-color: #2563eb;
  color: #2563eb;
  background: #fff;
}

.request-card.is-dev-mode .dev-shipment-details__content .dimensions-summary {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  padding: 10px 16px;
  border: 1px solid #cfe7ef;
  border-radius: 0;
  background: #e5f6fb;
}

.request-card.is-dev-mode .dev-shipment-details__content .dimensions-metric {
  min-height: 0;
  padding: 0 12px;
  border: 0;
  border-right: 1px solid rgba(47, 67, 90, 0.18);
  border-radius: 0;
  background: transparent;
  text-align: center;
}

.request-card.is-dev-mode .dev-shipment-details__content .dimensions-metric:last-child {
  border-right: 0;
}

.request-card.is-dev-mode .dev-shipment-details__content .dimensions-metric__head {
  justify-content: center;
  font-size: 0.76rem;
  color: #4a5565;
}

.request-card.is-dev-mode .dev-shipment-details__content .dimensions-metric__value {
  font-size: 0.86rem;
  font-weight: 760;
  color: #2d3b50;
}

.request-card.is-dev-mode .form-step {
  display: block;
}

.request-card.is-dev-mode .request-section {
  gap: 14px;
  row-gap: 14px;
  column-gap: 20px;
  padding: 18px 20px;
  border: 1px solid rgba(15, 15, 16, 0.08);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: none;
}

.request-card.is-dev-mode .form-step[data-step="1"] .request-section {
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
}

.request-card.is-dev-mode .form-step[data-step="1"] > .request-section > .request-section__header,
.request-card.is-dev-mode .form-step[data-step="1"] > .request-section > .request-group--foundation,
.request-card.is-dev-mode .form-step[data-step="1"] > .request-section > .request-section__gated,
.request-card.is-dev-mode .form-step[data-step="1"] > .request-section > .movement-scope-addresses,
.request-card.is-dev-mode .form-step[data-step="1"] > .request-section > .request-panel-stack,
.request-card.is-dev-mode .form-step[data-step="2"],
.request-card.is-dev-mode .form-step[data-step="3"] {
  display: none;
}

.request-card.is-dev-mode .request-section__header {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
  align-content: start;
  justify-items: start;
  max-width: 100%;
  padding: 2px 0 0;
  border-bottom: 0;
}

.request-card.is-dev-mode .request-section__header h2 {
  font-size: 1.36rem;
  line-height: 1.12;
  letter-spacing: -0.01em;
  text-transform: none;
  font-weight: 760;
  color: var(--ink-2);
}

.request-card.is-dev-mode .request-section__header p {
  display: block;
  margin: 0;
  max-width: 48ch;
  font-size: 0.86rem;
  line-height: 1.48;
  color: var(--ink-muted);
}

.request-card.is-dev-mode .request-group--foundation {
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.request-card.is-dev-mode .request-group__header {
  align-items: center;
  gap: 5px;
}

.request-card.is-dev-mode .request-group__header > span {
  display: none;
}

.request-card.is-dev-mode .request-group__header h3 {
  font-size: 0.68rem;
  letter-spacing: 0.01em;
  text-transform: none;
  color: var(--ink-2);
}

.request-card.is-dev-mode .request-group__header p {
  display: none;
  margin: 0;
  font-size: 0.58rem;
  line-height: 1.3;
  color: var(--ink-soft);
}

.request-card.is-dev-mode .request-section__grid,
.request-card.is-dev-mode .request-section__gated,
.request-card.is-dev-mode .request-panel,
.request-card.is-dev-mode .request-panel__grid,
.request-card.is-dev-mode .request-section__conditional-column,
.request-card.is-dev-mode .dimensions-shell {
  row-gap: var(--request-card-gap);
  column-gap: var(--request-card-gap);
}

.request-card.is-dev-mode .request-section__grid--modes {
  row-gap: var(--request-card-gap);
  column-gap: var(--request-card-gap);
}

.request-card.is-dev-mode .request-section__grid--topline {
  grid-template-columns: minmax(0, 1fr) minmax(280px, 0.54fr);
  align-items: start;
}

.request-card.is-dev-mode .topline-card--direction {
  display: none;
}

.request-card.is-dev-mode .request-section--cargo {
  gap: 10px;
}

.request-card.is-dev-mode .cargo-profile-strip,
.request-card.is-dev-mode .cargo-editor-panel {
  padding: 12px 14px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.98);
  border: 1px solid rgba(15, 15, 16, 0.06);
}

.request-card.is-dev-mode .cargo-profile-strip__grid {
  margin-top: 0;
}

.request-card.is-dev-mode .cargo-profile-strip__field--cargo-type {
  display: none;
}

.request-card.is-dev-mode .cargo-profile-strip__field--commodity,
.request-card.is-dev-mode .cargo-profile-strip__toggles {
  grid-column: 1 / -1;
}

.request-card.is-dev-mode .cargo-editor-panel {
  gap: 8px;
}

.request-card.is-dev-mode .cargo-editor-panel__head {
  display: flex;
  align-items: center;
  gap: 8px;
  padding-bottom: 0;
}

.request-card.is-dev-mode .cargo-editor-panel__head p {
  display: none;
}

.request-card.is-dev-mode .cargo-editor-panel__summary .dimensions-metric {
  min-height: 54px;
}

.request-card.is-dev-mode .dimensions-shell__main {
  order: 1;
}

.request-card.is-dev-mode .dimensions-lines__toolbar {
  gap: 5px;
  padding-bottom: 0;
  justify-content: flex-end;
}

.request-card.is-dev-mode .dimensions-lines__toolbar-copy strong {
  display: none;
}

.request-card.is-dev-mode .dimensions-lines__toolbar-copy span {
  display: none;
}

.request-card.is-dev-mode .dimensions-lines__stackable-master {
  min-height: 32px;
  padding: 0 10px;
  font-size: 0.7rem;
  border-radius: 8px;
}

.request-card.is-dev-mode .cargo-support-row {
  grid-template-columns: minmax(0, 1fr);
  gap: 10px;
}

.request-card.is-dev-mode .cargo-support-row__options {
  display: none;
  gap: 8px;
}

.request-card.is-dev-mode .cargo-profile-strip__toggles {
  gap: 4px;
}

.request-card.is-dev-mode .cargo-profile-strip__toggle-group {
  gap: 4px;
}

.request-card.is-dev-mode .cargo-profile-strip .toggle-card--compact {
  min-height: 40px;
  padding: 8px 10px;
  gap: 6px;
  border-radius: 8px;
}

.request-card.is-dev-mode .cargo-profile-strip .toggle-card--compact strong {
  font-size: 0.76rem;
  letter-spacing: 0.01em;
}

.request-card.is-dev-mode .cargo-profile-strip .toggle-card--compact small {
  display: none;
}

.request-card.is-dev-mode .cargo-support-row__remarks textarea {
  min-height: 72px;
  transition: min-height 140ms ease, border-color 140ms ease, box-shadow 140ms ease;
}

.request-card.is-dev-mode .cargo-support-row__remarks textarea:focus {
  min-height: 120px;
}

.request-card.is-dev-mode .request-panel__grid {
  margin-top: 4px;
}

.request-card.is-dev-mode .choice-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.request-card.is-dev-mode .choice-card--mode {
  border-color: rgba(15, 15, 16, 0.08);
  background: rgba(255, 255, 255, 0.98);
  box-shadow: none;
  overflow: hidden;
}

.request-card.is-dev-mode .choice-card--mode::after {
  display: none;
}

.request-card.is-dev-mode .choice-card {
  min-height: 64px;
  padding: 14px 16px;
  grid-template-columns: 24px minmax(0, 1fr);
  gap: 12px;
  border-radius: 12px;
  align-items: center;
}

.request-card.is-dev-mode .topline-card,
.request-card.is-dev-mode .request-panel,
.request-card.is-dev-mode .toggle-card,
.request-card.is-dev-mode .dimensions-line,
.request-card.is-dev-mode .dimensions-metric,
.request-card.is-dev-mode .file-dropzone,
.request-card.is-dev-mode .movement-address-card {
  padding: 14px 16px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.98);
  box-shadow: none;
}

.request-card.is-dev-mode .choice-card small,
.request-card.is-dev-mode .topline-card__helper,
.request-card.is-dev-mode .topline-card__note {
  display: none;
}

.request-card.is-dev-mode .choice-card__icon {
  width: 24px;
  height: 24px;
  border-radius: 6px;
}

.request-card.is-dev-mode .choice-card__icon svg {
  width: 16px;
  height: 16px;
}

.request-card.is-dev-mode .choice-card__icon--air svg {
  width: 17px;
  height: 17px;
}

.request-card.is-dev-mode .choice-card strong,
.request-card.is-dev-mode .toggle-card strong,
.request-card.is-dev-mode .request-panel__header h3,
.request-card.is-dev-mode .dimensions-ai-import__header strong {
  font-size: 0.96rem;
  line-height: 1.2;
}

.request-card.is-dev-mode .topline-card {
  min-height: 0;
  align-content: start;
  gap: 3px;
}

.request-card.is-dev-mode .topline-card .field-label,
.request-card.is-dev-mode .topline-card .field--card > span,
.request-card.is-dev-mode .field > span,
.request-card.is-dev-mode .dangerous-goods-field__header label,
.request-card.is-dev-mode .movement-address-card .address-section__field label,
.request-card.is-dev-mode .movement-address-card .address-section__search-field label {
  font-size: 0.78rem;
  line-height: 1.2;
  letter-spacing: 0.01em;
  text-transform: none;
  color: var(--ink-muted);
}

.request-card.is-dev-mode .topline-card .field--card > span {
  margin-bottom: 4px;
}

.request-card.is-dev-mode .modality-guidance {
  font-size: 0.62rem;
  line-height: 1.3;
}

.request-card.is-dev-mode .segmented-control,
.request-card.is-dev-mode .dimensions-header-tools {
  row-gap: 8px;
  column-gap: 8px;
}

.request-card.is-dev-mode .segmented-control {
  margin-top: 0;
}

.request-card.is-dev-mode .segmented-control__option {
  min-height: 46px;
  border-radius: 12px;
  font-size: 0.88rem;
}

.request-card.is-dev-mode .segmented-control__option--stacked {
  min-height: 46px;
  padding: 11px 14px;
}

.request-card.is-dev-mode .segmented-control__option--stacked strong {
  font-size: 0.86rem;
  letter-spacing: 0.01em;
}

.request-card.is-dev-mode .field,
.request-card.is-dev-mode .field-select,
.request-card.is-dev-mode .dimensions-ai-import__paste,
.request-card.is-dev-mode .dangerous-goods-field,
.request-card.is-dev-mode .movement-address-card .address-section,
.request-card.is-dev-mode .movement-address-card .address-section__search-block,
.request-card.is-dev-mode .movement-address-card .address-section__top-grid,
.request-card.is-dev-mode .movement-address-card .address-section__detail-grid {
  gap: var(--request-field-gap);
}

.request-card.is-dev-mode .segmented-control__option {
  min-height: 46px;
}

.request-card.is-dev-mode .field input,
.request-card.is-dev-mode .field select,
.request-card.is-dev-mode .field textarea,
.request-card.is-dev-mode .incoterm-select__trigger,
.request-card.is-dev-mode .frontend-select__trigger,
.request-card.is-dev-mode .dangerous-goods-selector__trigger {
  min-height: var(--request-control-height);
  padding: 11px 14px;
  border-radius: 12px;
  font-size: 0.9rem;
  color: var(--ink-2);
  background: rgba(255, 255, 255, 0.98);
  border-color: rgba(15, 15, 16, 0.1);
  box-shadow: none;
}

.request-card.is-dev-mode .field input::placeholder,
.request-card.is-dev-mode .field textarea::placeholder,
.request-card.is-dev-mode .incoterm-select__trigger.is-placeholder .incoterm-select__value,
.request-card.is-dev-mode .frontend-select__trigger.is-placeholder,
.request-card.is-dev-mode .dangerous-goods-selector__trigger {
  color: color-mix(in srgb, var(--ink-soft) 88%, white 12%);
}

.request-card.is-dev-mode .field__hint {
  font-size: 0.74rem;
  line-height: 1.3;
}

.request-card.is-dev-mode .request-panel--movement-scope {
  padding: 16px 18px;
  gap: 10px;
}

.request-card.is-dev-mode .request-panel--movement-scope .request-panel__header h3 {
  font-size: 0.66rem;
  line-height: 1.1;
}

.request-card.is-dev-mode .request-panel--movement-scope .segmented-control {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  row-gap: 8px;
  column-gap: 8px;
}

.request-card.is-dev-mode .request-panel--movement-scope .segmented-control__option {
  min-height: 48px;
  border-radius: 12px;
}

.request-card.is-dev-mode .request-panel--movement-scope .segmented-control__option--stacked {
  min-height: 48px;
  padding: 11px 14px;
}

.request-card.is-dev-mode .request-panel--movement-scope .segmented-control__option--stacked strong {
  font-size: 0.84rem;
  line-height: 1.15;
  letter-spacing: 0;
}

.request-card.is-dev-mode .request-panel {
  padding: 14px 16px;
}

.request-card.is-dev-mode .request-panel__header {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  gap: 2px;
  padding-bottom: 0;
}

.request-card.is-dev-mode .mode-panel .request-panel__header p {
  display: none;
}

.request-card.is-dev-mode .request-panel__header,
.request-card.is-dev-mode .dimensions-lines__header {
  margin-bottom: 0;
}

.request-card.is-dev-mode .dimensions-summary {
  order: 2;
  gap: 10px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.request-card.is-dev-mode .dimensions-metric {
  min-height: 54px;
  padding: 8px 10px;
  border-radius: 10px;
  gap: 4px;
  border: 1px solid rgba(15, 15, 16, 0.06);
}

.request-card.is-dev-mode .dimensions-metric__head {
  font-size: 0.62rem;
}

.request-card.is-dev-mode .dimensions-metric__tag {
  display: none;
}

.request-card.is-dev-mode .dimensions-metric__value {
  font-size: 0.96rem;
}

.request-card.is-dev-mode .dimensions-ai-import {
  gap: 12px;
  padding: 12px;
  border-radius: 14px;
}

.request-card.is-dev-mode .dimensions-ai-import__header p {
  font-size: 0.66rem;
}

.request-card.is-dev-mode .dimensions-ai-import__sources {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  align-items: stretch;
}

.request-card.is-dev-mode .dimensions-ai-import__source {
  display: grid;
  min-width: 0;
}

.request-card.is-dev-mode .dimensions-ai-import__dropzone,
.request-card.is-dev-mode .dimensions-ai-import__paste .field,
.request-card.is-dev-mode .dimensions-ai-import__paste textarea {
  height: 100%;
}

.request-card.is-dev-mode .dimensions-ai-import__dropzone,
.request-card.is-dev-mode .dimensions-ai-import__paste textarea {
  min-height: 140px;
  border-radius: 14px;
}

.request-card.is-dev-mode .dimensions-ai-import__dropzone {
  gap: 10px;
  padding: 16px;
}

.request-card.is-dev-mode .dimensions-ai-import__dropzone-icon {
  display: inline-grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border: 1px solid rgba(15, 15, 16, 0.08);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.9);
  color: #111827;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1;
}

.request-card.is-dev-mode .dimensions-ai-import__dropzone strong {
  max-width: 18ch;
  font-size: 0.9rem;
  line-height: 1.3;
}

.request-card.is-dev-mode .dimensions-ai-import__dropzone p {
  display: none;
}

.request-card.is-dev-mode .dimensions-ai-import__file-label {
  justify-self: center;
  font-size: 0.68rem;
}

.request-card.is-dev-mode .dimensions-ai-import__paste {
  gap: 8px;
}

.request-card.is-dev-mode .dimensions-ai-import__paste .field > span {
  font-size: 0.72rem;
  line-height: 1.2;
  color: var(--ink-muted);
}

.request-card.is-dev-mode .dimensions-ai-import__paste textarea {
  resize: none;
}

.request-card.is-dev-mode .dimensions-lines {
  gap: 8px;
}

.request-card.is-dev-mode .dimensions-lines__header,
.request-card.is-dev-mode .dimensions-line {
  grid-template-columns:
    68px
    minmax(122px, 1fr)
    minmax(166px, 1.18fr)
    minmax(100px, 0.8fr)
    minmax(118px, 0.88fr);
  min-width: 0;
  gap: 6px;
}

.request-card.is-dev-mode .dimensions-lines__header {
  padding: 0 4px;
  font-size: 0.62rem;
}

.request-card.is-dev-mode .dimensions-line {
  padding: 6px;
  border-radius: 10px;
}

.request-card.is-dev-mode .dimensions-line__mobile-head-copy,
.request-card.is-dev-mode .dimensions-line__mobile-label,
.request-card.is-dev-mode .dimensions-line__mini-label {
  display: none;
}

.request-card.is-dev-mode .dimensions-line__field input,
.request-card.is-dev-mode .dimensions-line__field .frontend-select__trigger,
.request-card.is-dev-mode .dimensions-line__field select,
.request-card.is-dev-mode .dimensions-line__mini-field input,
.request-card.is-dev-mode .dimensions-line__stackable,
.request-card.is-dev-mode .dimensions-line__stackable-toggle,
.request-card.is-dev-mode .dimensions-line__remove {
  min-height: 34px;
  height: 34px;
}

.request-card.is-dev-mode .dimensions-line__group {
  gap: 4px;
}

.request-card.is-dev-mode .dimensions-lines__footer .button {
  min-height: 34px;
  padding-inline: 12px;
  font-size: 0.72rem;
  border-radius: 8px;
}

.request-card.is-dev-mode .toggle-card {
  min-height: 42px;
  padding: 8px 10px;
  gap: 6px;
  align-items: start;
}

.request-card.is-dev-mode .toggle-card input {
  width: 16px;
  height: 16px;
  margin-top: 1px;
}

.request-card.is-dev-mode .toggle-card small,
.request-card.is-dev-mode .dangerous-goods-option__label,
.request-card.is-dev-mode .airport-autocomplete__meta,
.request-card.is-dev-mode .frontend-select__option-text {
  font-size: 0.72rem;
  line-height: 1.25;
}

.request-card.is-dev-mode .dg-chip {
  min-height: 24px;
  padding: 0 8px;
  font-size: 0.64rem;
}

.request-card.is-dev-mode .request-section__grid--two:last-of-type {
  grid-template-columns: minmax(0, 1fr);
}

.request-card.is-dev-mode .field textarea {
  min-height: 72px;
}

.request-card.is-dev-mode .file-dropzone {
  min-height: 96px;
  padding: 12px 14px;
  gap: 4px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.72);
  place-items: start;
  text-align: left;
}

.request-card.is-dev-mode .file-dropzone strong {
  font-size: 0.84rem;
  font-weight: 680;
}

.request-card.is-dev-mode .file-dropzone p,
.request-card.is-dev-mode .file-dropzone span {
  font-size: 0.72rem;
  line-height: 1.25;
}

.request-card.is-dev-mode .file-chip {
  padding: 7px 8px;
  border-radius: 5px;
}

.request-card.is-dev-mode .file-chip__controls {
  gap: 8px;
}

.request-card.is-dev-mode .movement-scope-addresses {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  row-gap: var(--request-card-gap);
  column-gap: var(--request-card-gap);
}

.request-card.is-dev-mode .movement-address-card .shipment-block__header {
  margin-bottom: 6px;
}

.request-card.is-dev-mode .movement-address-card .address-section__search-status,
.request-card.is-dev-mode .movement-address-card .address-section__search-result-secondary,
.request-card.is-dev-mode .movement-address-card .address-section__field-error {
  font-size: 0.64rem;
}

.request-card.is-dev-mode .movement-address-card .address-section__field input,
.request-card.is-dev-mode .movement-address-card .address-section__search-field input {
  min-height: 46px;
  padding: 11px 14px;
  border-radius: 12px;
}

.request-card.is-dev-mode .airport-selected-flag {
  display: none;
}

.request-card.is-dev-mode .field--airport-has-flag input {
  padding-left: 12px;
}

.request-card.is-dev-mode .form-step[data-step="3"] .request-panel--upload {
  padding: 0;
  border: 0;
  background: transparent;
}

.request-card.is-dev-mode .form-footer {
  margin-top: 0;
  padding-top: 6px;
  border-top: 1px solid var(--line);
}

.request-card.is-dev-mode .request-panel--routing-air {
  padding: 16px 18px;
}

.request-card.is-dev-mode .request-panel--routing-air .request-panel__header {
  gap: 4px;
}

.request-card.is-dev-mode .request-panel__grid--airports {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  justify-content: stretch;
  align-items: start;
}

.request-card.is-dev-mode .field--airport-code {
  max-width: none;
}

.request-card.is-dev-mode .field--airport-code input {
  padding-inline: 14px;
  font-variant-numeric: tabular-nums;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.request-card.is-dev-mode .request-group__header > div,
.request-card.is-dev-mode .request-panel__header > div,
.request-card.is-dev-mode .cargo-editor-panel__head > div {
  display: flex;
  align-items: center;
  gap: 4px;
  min-width: 0;
}

.request-card.is-dev-mode .request-panel__eyebrow {
  display: none;
}

.request-card.is-dev-mode .request-panel--setup-shell,
.request-card.is-dev-mode .request-panel--movement-scope,
.request-card.is-dev-mode .request-panel--routing-air {
  gap: 12px;
  padding: 16px 18px;
  border-radius: 18px;
  border: 1px solid rgba(15, 15, 16, 0.06);
  background: rgba(255, 255, 255, 0.98);
  box-shadow: none;
}

.request-card.is-dev-mode .request-panel--setup-shell .request-panel__header,
.request-card.is-dev-mode .request-panel--movement-scope .request-panel__header,
.request-card.is-dev-mode .request-panel--routing .request-panel__header {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  gap: 4px;
  padding-bottom: 10px;
  margin-bottom: 0;
  border-bottom: 1px solid rgba(15, 15, 16, 0.055);
}

.request-card.is-dev-mode .request-panel--setup-shell .request-panel__header > div,
.request-card.is-dev-mode .request-panel--movement-scope .request-panel__header > div,
.request-card.is-dev-mode .request-panel--routing .request-panel__header > div {
  display: grid;
  gap: 0;
  align-items: start;
}

.request-card.is-dev-mode .request-panel--setup-shell .request-panel__eyebrow,
.request-card.is-dev-mode .request-panel--movement-scope .request-panel__eyebrow,
.request-card.is-dev-mode .request-panel--routing .request-panel__eyebrow {
  display: block;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  border-radius: 0;
  background: none;
  color: var(--ink-soft);
  font-size: 0.68rem;
  font-weight: 780;
  letter-spacing: 0.08em;
  line-height: 1.2;
  text-transform: uppercase;
}

.request-card.is-dev-mode .request-panel--setup-shell .request-panel__header h3,
.request-card.is-dev-mode .request-panel--movement-scope .request-panel__header h3,
.request-card.is-dev-mode .request-panel--routing .request-panel__header h3 {
  font-size: 1rem;
  line-height: 1.18;
  letter-spacing: 0;
  text-transform: none;
  color: var(--ink-2);
}

.request-card.is-dev-mode .request-panel--setup-shell .request-panel__body,
.request-card.is-dev-mode .request-panel--setup-shell .request-section__grid--modes,
.request-card.is-dev-mode .request-panel--setup-shell .request-section__grid--topline,
.request-card.is-dev-mode .request-panel--setup-shell .request-section__gated,
.request-card.is-dev-mode .request-panel--setup-shell .movement-scope-addresses,
.request-card.is-dev-mode .request-panel--movement-scope .request-panel__body,
.request-card.is-dev-mode .request-panel--movement-scope .segmented-control,
.request-card.is-dev-mode .request-panel--routing .request-panel__grid {
  row-gap: 8px;
  column-gap: 10px;
}

.request-card.is-dev-mode .request-panel--setup-shell .request-panel__body,
.request-card.is-dev-mode .request-panel--movement-scope .request-panel__body {
  margin-top: 10px;
}

.request-card.is-dev-mode .request-panel--routing-air .request-panel__grid {
  margin-top: 10px;
}

.request-card.is-dev-mode .request-panel--setup-shell .topline-card--setup {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.request-card.is-dev-mode .request-panel--setup-shell .topline-card--setup .field--card > span,
.request-card.is-dev-mode .request-panel--setup-shell .topline-card--setup .field-label {
  margin-bottom: 3px;
}

.request-card.is-dev-mode .request-panel--movement-scope .request-panel__body {
  margin-top: 8px;
}

.request-card.is-dev-mode .cargo-editor-panel__head h3 {
  font-size: 0.92rem;
  letter-spacing: 0;
  text-transform: none;
  color: var(--ink-2);
}

.request-card.is-dev-mode #cargo-lines-title {
  display: none;
}

.request-card.is-dev-mode .form-step[data-step="3"] .request-section {
  padding-block: 14px;
}

.quotations-create-view.is-dev-mode .request-view-toggle__option.is-active {
  background: var(--brand);
  color: var(--brand-contrast);
  box-shadow: none;
}

.quotations-create-view.is-dev-mode .request-tab.is-active {
  color: var(--brand);
  font-weight: 720;
}

.request-card.is-dev-mode .choice-card--mode.is-selected {
  border-color: rgba(15, 15, 16, 0.96);
  background: linear-gradient(180deg, rgba(15, 15, 16, 0.98) 0%, rgba(34, 34, 36, 0.96) 100%);
  color: var(--brand-contrast);
  box-shadow: none;
}

.request-card.is-dev-mode .choice-card--mode.is-selected::before {
  left: 0;
  right: 0;
  height: 0;
  background: transparent;
}

.request-card.is-dev-mode .choice-card--mode.is-selected strong {
  color: var(--brand-contrast);
}

.request-card.is-dev-mode .choice-card--mode.is-selected .choice-card__icon {
  background: rgba(255, 255, 255, 0.12);
  color: var(--brand-contrast);
}

.request-card.is-dev-mode .request-group--shipment-flow .segmented-control__option.is-selected,
.request-card.is-dev-mode .request-group--shipment-flow .segmented-control__option.is-selected:hover,
.request-card.is-dev-mode .request-group--shipment-flow .segmented-control__option.is-selected:focus-visible,
.request-card.is-dev-mode .request-group--shipment-flow .segmented-control__option.is-selected:active {
  border-color: rgba(15, 15, 16, 0.16);
  background: var(--brand);
  color: var(--brand-contrast);
  box-shadow: none;
}

.request-card.is-dev-mode .button--primary {
  background: var(--brand);
  color: var(--brand-contrast);
  box-shadow: none;
}

.request-card.is-dev-mode .form-footer {
  position: sticky;
  bottom: 8px;
  z-index: 5;
  margin-top: 8px;
  padding: 10px 12px;
  border: 1px solid rgba(15, 15, 16, 0.08);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.94);
  backdrop-filter: blur(12px);
}

.request-card.is-dev-mode .form-footer__meta {
  text-align: left;
}

.request-card.is-dev-mode .form-footer__meta small {
  font-size: 0.72rem;
}

.request-card.is-dev-mode .form-footer__actions {
  gap: 8px;
}

.request-card.is-dev-mode #save-draft-button {
  min-height: 38px;
  padding-inline: 14px;
  font-size: 0.78rem;
}

.request-card.is-dev-mode #next-step {
  min-height: 42px;
  padding-inline: 18px;
  font-size: 0.82rem;
}

html[data-theme="dark"] .quotations-create-view.is-dev-mode .request-tabs {
  border-bottom-color: rgba(255, 255, 255, 0.08);
}

html[data-theme="dark"] .quotations-create-view.is-dev-mode .request-tabs__view-toggle,
html[data-theme="dark"] .quotations-create-view.is-dev-mode .request-tabs__nav {
  border-color: rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.035);
  box-shadow: none;
}

html[data-theme="dark"] .quotations-create-view.is-dev-mode .request-view-toggle__option {
  color: var(--ink-muted);
}

html[data-theme="dark"] .quotations-create-view.is-dev-mode .request-view-toggle__option:hover {
  color: var(--ink);
  background: rgba(255, 255, 255, 0.04);
}

html[data-theme="dark"] .quotations-create-view.is-dev-mode .request-view-toggle__option:focus-visible {
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.08);
}

html[data-theme="dark"] .quotations-create-view.is-dev-mode .request-view-toggle__option.is-active {
  background: rgba(255, 255, 255, 0.1);
  color: var(--ink);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.04);
}

html[data-theme="dark"] .quotations-create-view.is-dev-mode .request-tabs__reference input {
  background: color-mix(in srgb, var(--surface) 90%, #fff 10%);
  border-color: rgba(255, 255, 255, 0.1);
  color: var(--ink);
  box-shadow: none;
}

html[data-theme="dark"] .quotations-create-view.is-dev-mode .request-tabs__reference input::placeholder {
  color: var(--ink-soft);
}

html[data-theme="dark"] .request-card.is-dev-mode .dev-card,
html[data-theme="dark"] .request-card.is-dev-mode .request-panel--setup-shell,
html[data-theme="dark"] .request-card.is-dev-mode .request-panel--movement-scope,
html[data-theme="dark"] .request-card.is-dev-mode .request-panel--routing-air,
html[data-theme="dark"] .request-card.is-dev-mode .form-footer {
  border-color: rgba(255, 255, 255, 0.08);
  background: linear-gradient(180deg, rgba(31, 35, 41, 0.96) 0%, rgba(24, 27, 32, 0.98) 100%);
  box-shadow: none;
}

html[data-theme="dark"] .request-card.is-dev-mode .request-section {
  border-color: rgba(255, 255, 255, 0.08);
  background: linear-gradient(180deg, rgba(26, 29, 34, 0.96) 0%, rgba(20, 23, 28, 0.98) 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.02);
}

html[data-theme="dark"] .request-card.is-dev-mode .dev-card__header h3,
html[data-theme="dark"] .request-card.is-dev-mode .request-panel--setup-shell .request-panel__header h3,
html[data-theme="dark"] .request-card.is-dev-mode .request-panel--movement-scope .request-panel__header h3,
html[data-theme="dark"] .request-card.is-dev-mode .request-panel--routing .request-panel__header h3 {
  color: var(--ink);
}

html[data-theme="dark"] .request-card.is-dev-mode .dev-field__label,
html[data-theme="dark"] .request-card.is-dev-mode .dev-goods-type__label,
html[data-theme="dark"] .request-card.is-dev-mode .request-panel__eyebrow,
html[data-theme="dark"] .request-card.is-dev-mode .dimensions-lines__header,
html[data-theme="dark"] .request-card.is-dev-mode .dev-shipment-details__content .dimensions-metric__head {
  color: var(--ink-muted);
}

html[data-theme="dark"] .request-card.is-dev-mode .dev-itinerary__mode .choice-grid,
html[data-theme="dark"] .request-card.is-dev-mode .dev-itinerary__scope .segmented-control,
html[data-theme="dark"] .request-card.is-dev-mode .dev-preferences-panel__slot .dimensions-toggle {
  border-color: rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.035);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

html[data-theme="dark"] .request-card.is-dev-mode .dev-itinerary__mode .choice-card--mode {
  border-color: rgba(255, 255, 255, 0.06);
  background: transparent;
}

html[data-theme="dark"] .request-card.is-dev-mode .dev-itinerary__mode .choice-card--mode strong,
html[data-theme="dark"] .request-card.is-dev-mode .dev-itinerary__scope .segmented-control__option {
  color: var(--ink-muted);
}

html[data-theme="dark"] .request-card.is-dev-mode .dev-itinerary__mode .choice-card__icon {
  background: rgba(255, 255, 255, 0.08);
  color: var(--ink-2);
}

html[data-theme="dark"] .request-card.is-dev-mode .dev-itinerary__mode .choice-card--mode:hover {
  border-color: rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.04);
  box-shadow: none;
}

html[data-theme="dark"] .request-card.is-dev-mode .dev-itinerary__mode .choice-card--mode:focus-visible {
  border-color: rgba(255, 255, 255, 0.16);
  box-shadow: 0 0 0 3px rgba(148, 163, 184, 0.12);
}

html[data-theme="dark"] .request-card.is-dev-mode .dev-itinerary__mode .choice-card--mode.is-selected {
  border-color: rgba(255, 255, 255, 0.2);
  background: linear-gradient(180deg, rgba(54, 61, 70, 0.9) 0%, rgba(42, 48, 56, 0.96) 100%);
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.05),
    0 4px 10px rgba(0, 0, 0, 0.18);
}

html[data-theme="dark"] .request-card.is-dev-mode .dev-itinerary__mode .choice-card--mode.is-selected .choice-card__icon {
  background: rgba(255, 255, 255, 0.14);
  color: var(--ink);
}

html[data-theme="dark"] .request-card.is-dev-mode .dev-itinerary__mode .choice-card--mode.is-selected strong {
  color: var(--ink);
}

html[data-theme="dark"] .request-card.is-dev-mode .dev-itinerary__mode .choice-card--mode.is-selected:hover,
html[data-theme="dark"] .request-card.is-dev-mode .dev-itinerary__mode .choice-card--mode.is-selected:focus-visible {
  border-color: rgba(255, 255, 255, 0.18);
  background: linear-gradient(180deg, rgba(58, 65, 74, 0.94) 0%, rgba(46, 51, 59, 0.98) 100%);
}

html[data-theme="dark"] .request-card.is-dev-mode .dev-itinerary__scope .segmented-control__option {
  border-color: rgba(255, 255, 255, 0.05);
  background: transparent;
  color: var(--ink-muted);
}

html[data-theme="dark"] .request-card.is-dev-mode .dev-itinerary__scope .segmented-control__option::before {
  border-color: rgba(255, 255, 255, 0.24);
  background: rgba(255, 255, 255, 0.05);
}

html[data-theme="dark"] .request-card.is-dev-mode .dev-itinerary__scope .segmented-control__option:hover {
  border-color: rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.04);
  color: var(--ink);
  box-shadow: none;
}

html[data-theme="dark"] .request-card.is-dev-mode .dev-itinerary__scope .segmented-control__option:focus-visible {
  border-color: rgba(255, 255, 255, 0.16);
  background: rgba(255, 255, 255, 0.05);
  color: var(--ink);
  box-shadow: 0 0 0 3px rgba(148, 163, 184, 0.12);
}

html[data-theme="dark"] .request-card.is-dev-mode .dev-itinerary__scope .segmented-control__option.is-selected {
  border-color: rgba(255, 255, 255, 0.14);
  background: linear-gradient(180deg, rgba(52, 58, 67, 0.88) 0%, rgba(41, 47, 54, 0.96) 100%);
  color: var(--ink);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.04);
}

html[data-theme="dark"] .request-card.is-dev-mode .dev-itinerary__scope .segmented-control__option.is-selected::before {
  border-color: rgba(255, 255, 255, 0.28);
  background: rgba(255, 255, 255, 0.18);
  box-shadow: none;
}

html[data-theme="dark"] .request-card.is-dev-mode .dev-itinerary__scope .segmented-control__option.is-selected:hover,
html[data-theme="dark"] .request-card.is-dev-mode .dev-itinerary__scope .segmented-control__option.is-selected:focus-visible {
  border-color: rgba(255, 255, 255, 0.18);
  background: linear-gradient(180deg, rgba(58, 64, 73, 0.92) 0%, rgba(44, 49, 57, 0.98) 100%);
}

html[data-theme="dark"] .request-card.is-dev-mode .dev-field__control .field input,
html[data-theme="dark"] .request-card.is-dev-mode .dev-goods-type__field .field input,
html[data-theme="dark"] .request-card.is-dev-mode .dev-goods-type__field .field select,
html[data-theme="dark"] .request-card.is-dev-mode .field input,
html[data-theme="dark"] .request-card.is-dev-mode .field select,
html[data-theme="dark"] .request-card.is-dev-mode .field textarea,
html[data-theme="dark"] .request-card.is-dev-mode .incoterm-select__trigger,
html[data-theme="dark"] .request-card.is-dev-mode .frontend-select__trigger,
html[data-theme="dark"] .request-card.is-dev-mode .dangerous-goods-selector__trigger,
html[data-theme="dark"] .request-card.is-dev-mode .movement-address-card .address-section__search-field input,
html[data-theme="dark"] .request-card.is-dev-mode .movement-address-card .address-section__field input,
html[data-theme="dark"] .request-card.is-dev-mode .dimensions-line__field input,
html[data-theme="dark"] .request-card.is-dev-mode .dimensions-line__field .frontend-select__trigger,
html[data-theme="dark"] .request-card.is-dev-mode .dimensions-line__field select,
html[data-theme="dark"] .request-card.is-dev-mode .dimensions-line__mini-field input,
html[data-theme="dark"] .request-card.is-dev-mode .dimensions-line__stackable-toggle,
html[data-theme="dark"] .request-card.is-dev-mode .dimensions-line__remove {
  background: color-mix(in srgb, var(--surface) 90%, #fff 10%);
  border-color: rgba(255, 255, 255, 0.1);
  color: var(--ink);
  box-shadow: none;
}

html[data-theme="dark"] .request-card.is-dev-mode .dev-field__control .field input::placeholder,
html[data-theme="dark"] .request-card.is-dev-mode .dev-goods-type__field .field input::placeholder,
html[data-theme="dark"] .request-card.is-dev-mode .field input::placeholder,
html[data-theme="dark"] .request-card.is-dev-mode .field textarea::placeholder,
html[data-theme="dark"] .request-card.is-dev-mode .incoterm-select__trigger.is-placeholder .incoterm-select__value,
html[data-theme="dark"] .request-card.is-dev-mode .frontend-select__trigger.is-placeholder,
html[data-theme="dark"] .request-card.is-dev-mode .frontend-select__trigger.is-placeholder .frontend-select__value,
html[data-theme="dark"] .request-card.is-dev-mode .dangerous-goods-selector__trigger {
  color: var(--ink-soft);
}

html[data-theme="dark"] .request-card.is-dev-mode .field input:focus,
html[data-theme="dark"] .request-card.is-dev-mode .field textarea:focus,
html[data-theme="dark"] .request-card.is-dev-mode .field select:focus,
html[data-theme="dark"] .request-card.is-dev-mode .movement-address-card .address-section__search-field input:focus,
html[data-theme="dark"] .request-card.is-dev-mode .movement-address-card .address-section__field input:focus,
html[data-theme="dark"] .request-card.is-dev-mode .incoterm-select__trigger.is-open,
html[data-theme="dark"] .request-card.is-dev-mode .frontend-select__trigger.is-open,
html[data-theme="dark"] .request-card.is-dev-mode .dangerous-goods-selector__trigger[aria-expanded="true"] {
  background: color-mix(in srgb, var(--surface-soft) 86%, #fff 14%);
  border-color: rgba(255, 255, 255, 0.18);
  box-shadow: 0 0 0 4px rgba(148, 163, 184, 0.12);
}

html[data-theme="dark"] .request-card.is-dev-mode :is(
  .dev-field__control .field input,
  .dev-goods-type__field .field input,
  .field input,
  .field textarea,
  .movement-address-card .address-section__search-field input,
  .movement-address-card .address-section__field input,
  .dimensions-line__field input,
  .dimensions-line__mini-field input
):-webkit-autofill,
html[data-theme="dark"] .request-card.is-dev-mode :is(
  .dev-field__control .field input,
  .dev-goods-type__field .field input,
  .field input,
  .field textarea,
  .movement-address-card .address-section__search-field input,
  .movement-address-card .address-section__field input,
  .dimensions-line__field input,
  .dimensions-line__mini-field input
):-webkit-autofill:hover,
html[data-theme="dark"] .request-card.is-dev-mode :is(
  .dev-field__control .field input,
  .dev-goods-type__field .field input,
  .field input,
  .field textarea,
  .movement-address-card .address-section__search-field input,
  .movement-address-card .address-section__field input,
  .dimensions-line__field input,
  .dimensions-line__mini-field input
):-webkit-autofill:focus {
  -webkit-text-fill-color: var(--ink);
  caret-color: var(--ink);
  box-shadow: 0 0 0 1000px color-mix(in srgb, var(--surface) 90%, #fff 10%) inset;
  transition: background-color 9999s ease-in-out 0s;
}

html[data-theme="dark"] .request-card.is-dev-mode .movement-address-card .address-section__manual-toggle,
html[data-theme="dark"] .request-card.is-dev-mode .dev-card__action {
  color: #9ec5ff;
}

html[data-theme="dark"] .request-card.is-dev-mode .dev-card__action:hover,
html[data-theme="dark"] .request-card.is-dev-mode .movement-address-card .address-section__manual-toggle:hover {
  color: #c5ddff;
}

html[data-theme="dark"] .request-card.is-dev-mode .dev-preferences-panel__slot .dimensions-toggle__option {
  color: var(--ink-muted);
}

html[data-theme="dark"] .request-card.is-dev-mode .dev-preferences-panel__slot .dimensions-toggle__option.is-active {
  background: rgba(255, 255, 255, 0.1);
  color: var(--ink);
}

html[data-theme="dark"] .request-card.is-dev-mode .dev-shipment-details__content .dimensions-lines__header {
  color: var(--ink-soft);
}

html[data-theme="dark"] .request-card.is-dev-mode .dimensions-ai-import__dropzone,
html[data-theme="dark"] .request-card.is-dev-mode .dimensions-ai-import__paste textarea {
  background: color-mix(in srgb, var(--surface-soft) 92%, #fff 8%);
  border-color: rgba(255, 255, 255, 0.08);
}

html[data-theme="dark"] .request-card.is-dev-mode .dimensions-ai-import__dropzone:hover,
html[data-theme="dark"] .request-card.is-dev-mode .dimensions-ai-import__dropzone:focus-visible,
html[data-theme="dark"] .request-card.is-dev-mode .dimensions-ai-import__dropzone.is-dragover {
  background: color-mix(in srgb, var(--surface-soft) 84%, #fff 16%);
  border-color: rgba(255, 255, 255, 0.16);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.06);
}

html[data-theme="dark"] .request-card.is-dev-mode .dimensions-ai-import__dropzone-icon {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.14);
  color: var(--ink);
}

html[data-theme="dark"] .request-card.is-dev-mode .dimensions-ai-import__file-label {
  background: rgba(255, 255, 255, 0.08);
  color: var(--ink-soft);
}

html[data-theme="dark"] .request-card.is-dev-mode .dev-shipment-details__content .dimensions-summary {
  border-color: rgba(125, 211, 252, 0.18);
  background: linear-gradient(180deg, rgba(21, 54, 65, 0.74) 0%, rgba(18, 44, 53, 0.88) 100%);
}

html[data-theme="dark"] .request-card.is-dev-mode .dev-shipment-details__content .dimensions-metric {
  border-right-color: rgba(148, 163, 184, 0.22);
}

html[data-theme="dark"] .request-card.is-dev-mode .dev-shipment-details__content .dimensions-metric__value {
  color: var(--ink);
}

html[data-theme="dark"] .request-card.is-dev-mode .dev-shipment-details__content .dimensions-lines__footer .button {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(125, 211, 252, 0.24);
  color: #9ec5ff;
}

html[data-theme="dark"] .request-card.is-dev-mode .file-dropzone {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.08);
}

html[data-theme="dark"] .request-card.is-dev-mode .file-dropzone strong {
  color: var(--ink);
}

html[data-theme="dark"] .request-card.is-dev-mode .file-dropzone p,
html[data-theme="dark"] .request-card.is-dev-mode .file-dropzone span,
html[data-theme="dark"] .request-card.is-dev-mode .field__hint,
html[data-theme="dark"] .request-card.is-dev-mode .airport-autocomplete__meta,
html[data-theme="dark"] .request-card.is-dev-mode .frontend-select__option-text,
html[data-theme="dark"] .request-card.is-dev-mode .toggle-card small {
  color: var(--ink-soft);
}

html[data-theme="dark"] .request-card.is-dev-mode .form-footer {
  border-top-color: transparent;
}

html[data-theme="dark"] .request-card.is-dev-mode #save-draft-button {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.1);
  color: var(--ink-muted);
}

html[data-theme="dark"] .request-card.is-dev-mode #next-step {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.08) 100%);
  border-color: rgba(255, 255, 255, 0.16);
  color: var(--ink);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.22);
}

@media (max-width: 1280px) {
  .request-card.is-dev-mode .form-step[data-step="1"] .request-section,
  .request-card.is-dev-mode .form-step[data-step="2"] .request-section,
  .request-card.is-dev-mode .form-step[data-step="3"] .request-section {
    grid-template-columns: 1fr;
  }

  .request-card.is-dev-mode .form-step[data-step="1"] > .request-section > .request-section__header,
  .request-card.is-dev-mode .form-step[data-step="1"] > .request-section > .request-group--foundation,
  .request-card.is-dev-mode .form-step[data-step="2"] > .request-section > .request-section__header,
  .request-card.is-dev-mode .form-step[data-step="1"] .request-section__gated,
  .request-card.is-dev-mode .form-step[data-step="2"] > .request-section > .cargo-profile-strip,
  .request-card.is-dev-mode .form-step[data-step="2"] > .request-section > .cargo-editor-panel,
  .request-card.is-dev-mode .form-step[data-step="2"] > .request-section > .cargo-support-row,
  .request-card.is-dev-mode .form-step[data-step="3"] > .request-section > .request-section__header,
  .request-card.is-dev-mode .form-step[data-step="3"] .request-panel--upload,
  .request-card.is-dev-mode .form-step[data-step="3"] #file-list {
    grid-column: 1 / -1;
    grid-row: auto;
  }

  .request-card.is-dev-mode .request-section__header {
    max-width: none;
  }
}

@media (max-width: 1100px) {
  .request-card.is-dev-mode .request-section__grid--topline,
  .request-card.is-dev-mode .request-panel__grid--three,
  .request-card.is-dev-mode .request-panel__grid--four {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .cargo-support-row {
    grid-template-columns: 1fr;
  }

  .cargo-support-row__options {
    grid-template-columns: 1fr;
  }

  .cargo-support-row .toggle-card small {
    white-space: normal;
  }

  .cargo-profile-strip__toggles {
    grid-template-columns: 1fr;
  }

  .request-card.is-dev-mode .movement-scope-addresses {
    grid-template-columns: 1fr;
  }
}

.form-alert {
  padding: 14px 16px;
  border-radius: 16px;
  background: var(--danger-bg);
  color: var(--danger-text);
  border: 1px solid var(--danger-border);
  font-weight: 600;
}

.form-alert[data-tone="success"] {
  background: rgba(34, 197, 94, 0.12);
  color: #166534;
  border-color: rgba(22, 101, 52, 0.18);
}

.form-alert--info,
.form-alert[data-tone="info"] {
  background: rgba(29, 111, 165, 0.1);
  color: #1d4f72;
  border-color: rgba(29, 111, 165, 0.18);
}

.form-step {
  display: none;
}

.form-step.is-active {
  display: block;
}

.request-section {
  display: grid;
  gap: var(--request-section-gap);
}

.request-group {
  display: grid;
  gap: var(--request-section-gap);
  padding: 20px;
  border: 1px solid rgba(15, 15, 16, 0.055);
  border-radius: 26px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, rgba(247, 248, 249, 0.72) 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
}

.request-group__header {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.request-group__header > span {
  width: 28px;
  height: 28px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  background: rgba(15, 15, 16, 0.06);
  color: var(--ink-muted);
  font-size: 0.7rem;
  font-weight: 760;
  letter-spacing: 0.03em;
}

.request-group__header h3 {
  margin: 0;
  color: var(--brand);
  font-size: 0.98rem;
  line-height: 1.2;
  letter-spacing: -0.02em;
}

.request-group__header p {
  margin: 4px 0 0;
  color: var(--ink-muted);
  font-size: 0.82rem;
  line-height: 1.5;
}

.request-group__header--inline {
  margin-bottom: 14px;
}

.request-section__header h2 {
  margin: 0;
  font-size: clamp(1.7rem, 3vw, 2.35rem);
  line-height: 1;
  letter-spacing: -0.06em;
  color: var(--brand);
}

.request-section__header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 18px;
}

.request-section__header p,
.request-panel__header p,
.success-card p,
.timeline-item__body p,
.timeline-item__card span,
.choice-card small,
.toggle-card small {
  margin: 6px 0 0;
  color: var(--ink-muted);
  line-height: 1.65;
}

.request-section__grid {
  display: grid;
  row-gap: var(--request-card-gap);
  column-gap: var(--request-card-gap);
}

.request-section__grid--modes {
  grid-template-columns: 1fr;
}

.modality-guidance {
  margin: -4px 0 0;
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.78);
  border: 1px solid rgba(15, 15, 16, 0.06);
  color: var(--ink-muted);
  font-size: 0.8rem;
  font-weight: 700;
  line-height: 1.4;
}

.request-section__gated {
  display: grid;
  row-gap: var(--request-section-gap);
  column-gap: var(--request-section-gap);
  transition: opacity 160ms ease, filter 160ms ease;
}

.request-section__gated.is-locked {
  opacity: 0.56;
  filter: saturate(0.78);
}

.request-form.is-readonly .request-panel,
.request-form.is-readonly .cargo-profile-strip,
.request-form.is-readonly .dimensions-line,
.request-form.is-readonly .file-chip,
.request-form.is-readonly .movement-address-card {
  box-shadow: none;
}

.request-form.is-readonly .field input:disabled,
.request-form.is-readonly .field textarea:disabled,
.request-form.is-readonly .field select:disabled,
.request-form.is-readonly .frontend-select__trigger[aria-disabled="true"],
.request-form.is-readonly .incoterm-select__trigger[aria-disabled="true"],
.request-form.is-readonly .dangerous-goods-selector__trigger[aria-disabled="true"] {
  background: color-mix(in srgb, var(--surface-soft) 76%, var(--surface) 24%);
  border-color: rgba(15, 15, 16, 0.08);
}

.request-section__grid--topline {
  grid-template-columns: minmax(260px, 1.12fr) repeat(2, minmax(190px, 0.94fr));
  align-items: stretch;
}

.request-section__grid--two {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.request-section--cargo {
  gap: 18px;
}

.request-section__header--cargo {
  display: grid;
  gap: 4px;
}

.cargo-profile-strip {
  padding: 14px 16px;
  border-radius: 20px;
  background: color-mix(in srgb, var(--surface) 84%, var(--surface-soft) 16%);
  overflow: visible;
}

.cargo-profile-strip__grid {
  margin-top: 0;
  align-items: end;
  overflow: visible;
}

.cargo-profile-strip__field {
  min-width: 0;
}

.cargo-profile-strip__field input,
.cargo-profile-strip__field select {
  width: 100%;
}

.cargo-profile-strip__toggles {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  align-items: start;
}

.cargo-profile-strip__toggles[hidden],
.cargo-support-row__options[hidden] {
  display: none !important;
}

.cargo-profile-strip__toggle-group {
  display: grid;
  gap: 6px;
  align-content: start;
  overflow: visible;
}

.cargo-editor-panel {
  padding: 16px 18px;
  gap: 14px;
  border-radius: 22px;
  background: color-mix(in srgb, var(--surface-soft) 92%, var(--surface) 8%);
}

.cargo-editor-panel__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}

.cargo-editor-panel__head .dimensions-header-tools {
  align-items: center;
  justify-content: flex-end;
  margin-left: auto;
}

.cargo-editor-panel__head h3 {
  margin: 0;
  font-size: 1.02rem;
  color: var(--brand);
}

.cargo-editor-panel__summary .dimensions-metric {
  min-height: 74px;
  background: var(--surface);
  box-shadow: none;
}

.cargo-editor-panel__summary .dimensions-metric--readonly {
  cursor: default;
  user-select: none;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(250, 250, 250, 0.98) 0%, rgba(244, 244, 245, 0.98) 100%);
}

.cargo-lines-panel {
  gap: 10px;
}

.dimensions-lines__toolbar {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 14px;
  flex-wrap: wrap;
}

.dimensions-lines__toolbar-copy {
  display: grid;
  gap: 3px;
}

.dimensions-lines__toolbar-copy strong {
  color: var(--brand);
  font-size: 0.92rem;
  line-height: 1.2;
}

.dimensions-lines__toolbar-copy span {
  color: var(--ink-muted);
  font-size: 0.8rem;
  line-height: 1.45;
}

.dimensions-lines__stackable-master {
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
  padding: 0 12px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: var(--surface);
  color: var(--ink-muted);
  font: inherit;
  font-size: 0.76rem;
  font-weight: 700;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
}

.dimensions-lines__stackable-box {
  position: relative;
  display: inline-grid;
  place-items: center;
  width: 16px;
  height: 16px;
  border: 1.5px solid rgba(15, 15, 16, 0.24);
  border-radius: 5px;
  background: color-mix(in srgb, var(--surface) 92%, var(--surface-soft) 8%);
  transition:
    border-color 150ms ease,
    background-color 150ms ease,
    box-shadow 150ms ease;
}

.dimensions-lines__stackable-box::after {
  content: "";
  width: 7px;
  height: 4px;
  border-left: 2px solid var(--brand-contrast);
  border-bottom: 2px solid var(--brand-contrast);
  opacity: 0;
  transform: translateY(-1px) rotate(-45deg) scale(0.84);
  transition:
    opacity 120ms ease,
    transform 120ms ease;
}

.dimensions-lines__stackable-master[data-stackable-state="all"] .dimensions-lines__stackable-box {
  border-color: var(--brand);
  background: var(--brand);
}

.dimensions-lines__stackable-master[data-stackable-state="all"] .dimensions-lines__stackable-box::after {
  opacity: 1;
  transform: translateY(-1px) rotate(-45deg) scale(1);
}

.dimensions-lines__stackable-master[data-stackable-state="mixed"] .dimensions-lines__stackable-box {
  border-color: rgba(15, 15, 16, 0.32);
  background: color-mix(in srgb, var(--surface-soft) 78%, var(--surface) 22%);
}

.dimensions-lines__stackable-master[data-stackable-state="mixed"] .dimensions-lines__stackable-box::after {
  width: 7px;
  height: 0;
  border-left: 0;
  border-bottom: 2px solid var(--brand);
  opacity: 1;
  transform: none;
}

.dimensions-lines__stackable-master:focus-visible {
  outline: none;
  border-color: rgba(15, 15, 16, 0.32);
  box-shadow: 0 0 0 3px rgba(15, 15, 16, 0.08);
}

.cargo-support-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 14px;
  align-items: start;
}

.cargo-support-row--remarks-only {
  grid-template-columns: minmax(0, 1fr);
}

.cargo-support-row__options {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.cargo-support-row__option {
  display: grid;
  gap: 10px;
}

.cargo-support-row .toggle-card {
  min-height: 72px;
  padding: 14px;
  border-radius: 16px;
  background: color-mix(in srgb, var(--surface) 90%, var(--surface-soft) 10%);
}

.toggle-card--compact {
  min-height: 56px;
  padding: 12px 14px;
  gap: 10px;
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(247, 247, 248, 0.98) 100%);
  box-shadow: none;
}

.toggle-card--compact .toggle-card__content {
  display: grid;
  gap: 2px;
}

.toggle-card--compact strong {
  font-size: 0.88rem;
  line-height: 1.2;
}

.toggle-card--compact small {
  margin: 0;
  max-width: none;
  font-size: 0.74rem;
  line-height: 1.35;
}

.toggle-card--compact input {
  margin-top: 2px;
}

.cargo-support-row .toggle-card strong {
  font-size: 0.96rem;
}

.cargo-support-row .toggle-card small {
  margin-top: 4px;
  max-width: none;
  font-size: 0.8rem;
  line-height: 1.45;
  white-space: nowrap;
}

.cargo-support-row__remarks {
  align-content: start;
  gap: 8px;
  width: 100%;
}

.cargo-support-row__remarks textarea {
  min-height: 120px;
}

.request-section__conditional-column {
  display: grid;
  gap: 12px;
  align-content: start;
  overflow: visible;
}

.dangerous-goods-field[hidden],
.temperature-range-field[hidden] {
  display: none !important;
}

.temperature-range-field {
  overflow: visible;
}

.temperature-range-field .field {
  gap: 6px;
}

.dangerous-goods-field {
  display: grid;
  gap: 6px;
  align-content: start;
}

.dangerous-goods-field__header label {
  display: block;
  color: var(--ink-muted);
  font-size: 0.83rem;
  font-weight: 700;
}

.dangerous-goods-selector {
  position: relative;
}

.dangerous-goods-selector__trigger {
  position: relative;
  width: 100%;
  min-height: 48px;
  padding: 0 46px 0 16px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(246, 246, 247, 0.98) 100%);
  color: var(--ink);
  display: inline-flex;
  align-items: center;
  text-align: left;
  font-size: 0.95rem;
  font-weight: 600;
  cursor: pointer;
}

.dangerous-goods-selector__trigger::after,
.dangerous-goods-selector__caret {
  content: "";
  position: absolute;
  right: 16px;
  top: 50%;
  width: 10px;
  height: 10px;
  border-right: 2px solid rgba(15, 15, 16, 0.54);
  border-bottom: 2px solid rgba(15, 15, 16, 0.54);
  transform: translateY(-65%) rotate(45deg);
  pointer-events: none;
}

.dangerous-goods-selector__trigger[aria-expanded="true"] {
  border-color: rgba(15, 15, 16, 0.18);
  box-shadow: 0 0 0 4px rgba(15, 15, 16, 0.05);
}

.dangerous-goods-selector__menu {
  position: absolute;
  z-index: 240;
  display: grid;
  padding: 8px;
  border: 1px solid rgba(15, 15, 16, 0.08);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 18px 34px rgba(18, 18, 18, 0.12);
  overflow-y: auto;
  overscroll-behavior: contain;
}

.dangerous-goods-selector__menu[hidden],
.frontend-select__dropdown[hidden],
.frontend-incoterm-dropdown[hidden] {
  display: none !important;
}

html[data-theme="dark"] .dangerous-goods-selector__menu,
html[data-theme="dark"] .frontend-incoterm-dropdown,
html[data-theme="dark"] .frontend-select__dropdown,
html[data-theme="dark"] .airport-autocomplete,
html[data-theme="dark"] .movement-address-card .address-section__search-results,
html[data-theme="dark"] .dimensions-ai-import,
html[data-theme="dark"] .file-chip,
html[data-theme="dark"] .movement-address-card {
  background: rgba(26, 29, 34, 0.96);
  border-color: rgba(255, 255, 255, 0.09);
  box-shadow: 0 18px 34px rgba(0, 0, 0, 0.34);
}

html[data-theme="dark"] .dangerous-goods-option,
html[data-theme="dark"] .airport-autocomplete__option,
html[data-theme="dark"] .frontend-incoterm-dropdown .airport-autocomplete__option,
html[data-theme="dark"] .frontend-select__dropdown .airport-autocomplete__option,
html[data-theme="dark"] .movement-address-card .address-section__search-result {
  background: rgba(23, 25, 30, 0.94);
  color: var(--ink);
}

html[data-theme="dark"] .dangerous-goods-option:hover,
html[data-theme="dark"] .dangerous-goods-option:focus-visible,
html[data-theme="dark"] .dangerous-goods-option.is-selected,
html[data-theme="dark"] .airport-autocomplete__option:hover,
html[data-theme="dark"] .airport-autocomplete__option:focus-visible,
html[data-theme="dark"] .airport-autocomplete__option.is-active,
html[data-theme="dark"] .frontend-incoterm-dropdown .airport-autocomplete__option:hover,
html[data-theme="dark"] .frontend-incoterm-dropdown .airport-autocomplete__option:focus-visible,
html[data-theme="dark"] .frontend-incoterm-dropdown .airport-autocomplete__option.is-active,
html[data-theme="dark"] .frontend-select__dropdown .airport-autocomplete__option:hover,
html[data-theme="dark"] .frontend-select__dropdown .airport-autocomplete__option:focus-visible,
html[data-theme="dark"] .frontend-select__dropdown .airport-autocomplete__option.is-active,
html[data-theme="dark"] .movement-address-card .address-section__search-result:hover,
html[data-theme="dark"] .movement-address-card .address-section__search-result.is-active,
html[data-theme="dark"] .movement-address-card .address-section__search-result:focus-visible {
  background: rgba(255, 255, 255, 0.06);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
}

.dangerous-goods-selector__options {
  display: grid;
  gap: 4px;
  max-height: 260px;
  overflow-y: auto;
}

.dangerous-goods-option {
  width: 100%;
  padding: 10px 12px;
  border: 0;
  border-radius: 12px;
  background: #fff;
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  text-align: left;
  cursor: pointer;
}

.dangerous-goods-option:hover,
.dangerous-goods-option:focus-visible,
.dangerous-goods-option.is-selected {
  background: #f4f4f5;
  box-shadow: inset 0 0 0 1px rgba(15, 15, 16, 0.06);
}

.dangerous-goods-option__check {
  width: 18px;
  color: var(--brand);
  font-weight: 800;
}

.dangerous-goods-option__label {
  color: var(--ink);
  font-size: 0.88rem;
  line-height: 1.35;
  font-weight: 600;
}

.dg-chip-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.dg-chip {
  min-height: 30px;
  padding: 0 12px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: var(--surface-soft);
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 0.76rem;
  font-weight: 700;
  cursor: pointer;
}

.dg-chip-remove {
  font-size: 0.9rem;
  line-height: 1;
}

.dangerous-goods-field__error {
  margin: 0;
  color: var(--danger-text);
  font-size: 0.74rem;
  font-weight: 700;
}

.request-section__grid--footer {
  grid-template-columns: minmax(0, 1fr);
}

.choice-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  row-gap: var(--request-card-gap);
  column-gap: var(--request-card-gap);
}

.choice-card,
.segmented-control__option {
  border: 1px solid rgba(15, 15, 16, 0.06);
  background: rgba(255, 255, 255, 0.82);
  cursor: pointer;
  transition: transform 160ms ease, border-color 150ms ease, box-shadow 150ms ease, background-color 150ms ease, color 150ms ease;
}

.choice-card {
  min-height: 104px;
  padding: 17px 18px;
  border-radius: 22px;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  text-align: left;
  box-shadow: 0 10px 28px rgba(15, 15, 16, 0.035);
}

.choice-card__icon {
  width: 42px;
  height: 42px;
  border-radius: 15px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(15, 15, 16, 0.045);
  color: var(--brand);
}

.choice-card__icon svg {
  width: 21px;
  height: 21px;
  display: block;
}

.choice-card__icon--air svg {
  width: 24px;
  height: 24px;
}

.choice-card strong,
.timeline-item__card strong,
.success-card h2 {
  display: block;
  color: var(--brand);
}

.choice-card strong {
  font-size: 1.02rem;
  line-height: 1.15;
}

.choice-card small {
  margin-top: 4px;
  font-size: 0.82rem;
  line-height: 1.35;
}

.choice-card:hover,
.choice-card:focus-visible,
.segmented-control__option:hover,
.segmented-control__option:focus-visible {
  border-color: rgba(15, 15, 16, 0.13);
  box-shadow: 0 14px 30px rgba(15, 15, 16, 0.06);
  outline: none;
}

.choice-card.is-selected,
.segmented-control__option.is-selected {
  border-color: rgba(15, 15, 16, 0.18);
  background: #fff;
  box-shadow:
    inset 0 0 0 1px rgba(15, 15, 16, 0.08),
    0 18px 38px rgba(15, 15, 16, 0.075);
}

.choice-card.is-selected .choice-card__icon {
  background: var(--brand);
  color: #fff;
}

.topline-card {
  padding: 16px;
  border-radius: 20px;
  border: 1px solid rgba(15, 15, 16, 0.055);
  background: rgba(255, 255, 255, 0.72);
  min-height: 126px;
  display: grid;
  align-content: start;
  gap: 10px;
  box-shadow: none;
}

.topline-card--movement-scope {
  min-height: 0;
  padding: 18px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(247, 248, 249, 0.76));
}

.movement-scope-addresses[hidden],
.shipment-block--address[hidden] {
  display: none !important;
}

.movement-scope-addresses {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  overflow: visible;
  max-height: 960px;
  opacity: 1;
  transform: translateY(0);
  transform-origin: top center;
  transition:
    opacity 180ms ease,
    transform 180ms ease,
    max-height 180ms ease,
    margin 180ms ease;
}

.movement-scope-addresses--single {
  grid-template-columns: minmax(0, 1fr);
}

.movement-scope-addresses.is-collapsed {
  max-height: 0;
  opacity: 0;
  transform: translateY(-10px);
}

.movement-scope-addresses.is-expanded {
  max-height: 960px;
  opacity: 1;
  transform: translateY(0);
}

.movement-address-card {
  padding: 14px;
  border-radius: 18px;
  border: 1px solid var(--line);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(246, 246, 247, 0.96) 100%);
  overflow: visible;
  isolation: isolate;
}

.movement-address-card .shipment-block__header {
  margin-bottom: 12px;
}

.movement-address-card .shipment-block__header h4 {
  margin: 0;
  font-size: 0.95rem;
  line-height: 1.2;
  color: var(--brand);
}

.movement-address-card .address-section {
  display: grid;
  gap: 10px;
}

.movement-address-card .address-section__search-block,
.movement-address-card .address-section__top-grid,
.movement-address-card .address-section__detail-grid,
.movement-address-card .address-section__manual-panel-inner {
  display: grid;
  gap: 10px;
}

.movement-address-card .address-section__top-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.movement-address-card .address-section__detail-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.movement-address-card .address-span-4 {
  grid-column: span 4;
}

.movement-address-card .address-span-2 {
  grid-column: span 2;
}

.movement-address-card .address-span-3 {
  grid-column: span 3;
}

.movement-address-card .address-span-1 {
  grid-column: span 1;
}

.movement-address-card .address-section__field {
  display: grid;
  gap: 7px;
}

.movement-address-card .address-section__field label,
.movement-address-card .address-section__search-field label {
  display: block;
  color: var(--ink-muted);
  font-size: 0.76rem;
  font-weight: 700;
}

.movement-address-card .address-section__search-input-wrap {
  position: relative;
  overflow: visible;
  z-index: 20;
}

.movement-address-card .address-section__field input,
.movement-address-card .address-section__search-field input {
  width: 100%;
  min-height: 46px;
  padding: 12px 14px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: var(--surface);
  color: var(--ink);
}

.movement-address-card .address-section__field input:focus,
.movement-address-card .address-section__search-field input:focus {
  outline: none;
  border-color: rgba(15, 15, 16, 0.18);
  box-shadow: 0 0 0 4px rgba(15, 15, 16, 0.05);
}

.movement-address-card .address-section__search-status {
  margin-top: 4px;
  color: var(--ink-soft);
  font-size: 0.73rem;
  font-weight: 600;
  line-height: 1.4;
}

.movement-address-card .address-section__manual-toggle {
  width: fit-content;
  min-height: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--brand);
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: -0.01em;
  cursor: pointer;
}

.movement-address-card .address-section__manual-toggle:hover {
  color: var(--ink);
}

.movement-address-card .address-section__manual-toggle:focus-visible {
  outline: none;
  border-radius: 999px;
  box-shadow: 0 0 0 4px rgba(15, 15, 16, 0.05);
}

.movement-address-card .address-section__manual-toggle-icon {
  width: 10px;
  height: 10px;
  border-right: 1.75px solid currentColor;
  border-bottom: 1.75px solid currentColor;
  transform: rotate(45deg) translateY(-1px);
  transition: transform 180ms ease;
}

.movement-address-card .address-section__manual-toggle.is-expanded .address-section__manual-toggle-icon {
  transform: rotate(-135deg) translateY(-1px);
}

.movement-address-card .address-section__manual-panel {
  display: grid;
  grid-template-rows: 0fr;
  opacity: 0;
  transform: translateY(-4px);
  transition:
    grid-template-rows 180ms ease,
    opacity 180ms ease,
    transform 180ms ease;
}

.movement-address-card .address-section__manual-panel.is-expanded {
  grid-template-rows: 1fr;
  opacity: 1;
  transform: translateY(0);
}

.movement-address-card .address-section__manual-panel-inner {
  min-height: 0;
  overflow: hidden;
}

.movement-address-card .address-section__search-status.is-error {
  color: var(--danger-text);
}

.movement-address-card .address-section__search-status.is-ready {
  color: var(--success-text);
}

.movement-address-card .address-section__search-results {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  right: 0;
  z-index: 1200;
  display: grid;
  gap: 6px;
  width: 100%;
  min-width: min(100%, 280px);
  max-height: min(320px, 42vh);
  padding: 8px;
  border: 1px solid rgba(15, 15, 16, 0.08);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 18px 34px rgba(18, 18, 18, 0.12);
  backdrop-filter: blur(14px);
  overflow-y: auto;
  overscroll-behavior: contain;
}

.movement-address-card .address-section__search-results[hidden],
.address-section__search-results[hidden] {
  display: none !important;
}

.movement-address-card .address-section__search-result {
  width: 100%;
  min-height: 48px;
  padding: 10px 12px;
  border: 0;
  border-radius: 12px;
  background: #fff;
  display: grid;
  gap: 3px;
  text-align: left;
  cursor: pointer;
  color: var(--ink);
}

.movement-address-card .address-section__search-result:hover,
.movement-address-card .address-section__search-result.is-active,
.movement-address-card .address-section__search-result:focus-visible {
  outline: none;
  background: #f4f4f5;
  box-shadow: inset 0 0 0 1px rgba(15, 15, 16, 0.06);
}

.movement-address-card .address-section__search-result-main {
  color: var(--brand);
  font-size: 0.86rem;
  font-weight: 700;
  line-height: 1.35;
}

.movement-address-card .address-section__search-result-secondary,
.movement-address-card .address-section__field-error {
  color: var(--ink-muted);
  font-size: 0.74rem;
  line-height: 1.4;
}

.movement-address-card .address-section__field-error {
  margin: 0;
  color: var(--danger-text);
  font-weight: 700;
}

.address-section__search-input-wrap {
  position: relative;
  overflow: visible;
}

.address-section__search-results {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  right: 0;
  z-index: 1200;
  display: grid;
  gap: 6px;
  width: 100%;
  min-width: min(100%, 280px);
  max-height: min(320px, 42vh);
  padding: 8px;
  border: 1px solid rgba(15, 15, 16, 0.08);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 18px 34px rgba(18, 18, 18, 0.12);
  backdrop-filter: blur(14px);
  overflow-y: auto;
  overscroll-behavior: contain;
}

.address-section__search-results--floating {
  position: fixed !important;
  right: auto !important;
  z-index: 10000 !important;
  min-width: 220px;
  max-width: calc(100vw - 24px);
  transform: translateZ(0);
  pointer-events: auto;
}

.address-section__search-result {
  width: 100%;
  min-height: 48px;
  padding: 10px 12px;
  border: 0;
  border-radius: 12px;
  background: #fff;
  display: grid;
  gap: 3px;
  text-align: left;
  cursor: pointer;
  color: var(--ink);
}

.address-section__search-result:hover,
.address-section__search-result.is-active,
.address-section__search-result:focus-visible {
  outline: none;
  background: #f4f4f5;
  box-shadow: inset 0 0 0 1px rgba(15, 15, 16, 0.06);
}

.address-section__search-result-main {
  color: var(--brand);
  font-size: 0.86rem;
  font-weight: 700;
  line-height: 1.35;
}

.address-section__search-result-secondary {
  color: var(--ink-muted);
  font-size: 0.74rem;
  line-height: 1.4;
}

.topline-card__helper {
  margin: 5px 0 0;
  color: var(--ink-muted);
  font-size: 0.82rem;
  line-height: 1.4;
}

.topline-card__note {
  margin: 8px 0 0;
  color: var(--ink-muted);
  font-size: 0.72rem;
  line-height: 1.35;
  font-weight: 700;
}

.incoterm-select,
.frontend-select {
  position: relative;
}

.incoterm-select__trigger,
.frontend-select__trigger {
  position: relative;
  width: 100%;
  min-height: var(--request-control-height);
  padding: 0 46px 0 16px;
  border: 1px solid rgba(15, 15, 16, 0.075);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.88);
  color: var(--ink);
  display: inline-flex;
  align-items: center;
  text-align: left;
  cursor: pointer;
  transition: border-color 150ms ease, box-shadow 150ms ease, background-color 150ms ease;
}

.incoterm-select__trigger::after,
.frontend-select__trigger::after {
  content: "";
  position: absolute;
  right: 16px;
  top: 50%;
  width: 10px;
  height: 10px;
  border-right: 2px solid rgba(15, 15, 16, 0.54);
  border-bottom: 2px solid rgba(15, 15, 16, 0.54);
  transform: translateY(-65%) rotate(45deg);
  pointer-events: none;
}

.incoterm-select__trigger.is-open,
.frontend-select__trigger.is-open {
  border-color: rgba(15, 15, 16, 0.18);
  box-shadow: 0 0 0 4px rgba(15, 15, 16, 0.05);
}

.incoterm-select__trigger.is-invalid,
.frontend-select__trigger.is-invalid {
  border-color: var(--danger-border);
  background: color-mix(in srgb, var(--danger-bg) 72%, var(--surface) 28%);
}

.incoterm-select__trigger.is-placeholder .incoterm-select__value,
.frontend-select__trigger.is-placeholder .frontend-select__value {
  color: var(--ink-soft);
}

.incoterm-select__value,
.frontend-select__value {
  font-size: 0.95rem;
  font-weight: 600;
  line-height: 1.35;
}

.frontend-incoterm-dropdown,
.frontend-select__dropdown {
  position: absolute;
  z-index: 240;
  display: grid;
  gap: 4px;
  padding: 8px;
  border-color: rgba(15, 15, 16, 0.08);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 18px 34px rgba(18, 18, 18, 0.12);
  backdrop-filter: blur(14px);
  overflow-y: auto;
  overscroll-behavior: contain;
}

.frontend-incoterm-dropdown .airport-autocomplete__option,
.frontend-select__dropdown .airport-autocomplete__option {
  gap: 3px;
  padding: 10px 12px;
  border-radius: 12px;
  background: #fff;
  cursor: pointer;
}

.frontend-incoterm-dropdown .airport-autocomplete__option:disabled,
.frontend-select__dropdown .airport-autocomplete__option:disabled {
  cursor: default;
  opacity: 0.5;
}

.frontend-incoterm-dropdown .airport-autocomplete__option:hover,
.frontend-incoterm-dropdown .airport-autocomplete__option:focus-visible,
.frontend-incoterm-dropdown .airport-autocomplete__option.is-active,
.frontend-select__dropdown .airport-autocomplete__option:hover,
.frontend-select__dropdown .airport-autocomplete__option:focus-visible,
.frontend-select__dropdown .airport-autocomplete__option.is-active {
  background: #f4f4f5;
  box-shadow: inset 0 0 0 1px rgba(15, 15, 16, 0.06);
  color: var(--ink);
}

.frontend-select__option-text {
  min-width: 0;
  display: block;
  font-size: 0.95rem;
  font-weight: 600;
  line-height: 1.35;
  color: var(--ink);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#temperature-range-dropdown .frontend-select__option-text,
.frontend-select__dropdown--language .frontend-select__option-text {
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
}

.topline-card .field-label,
.topline-card .field > span {
  color: var(--ink-muted);
  font-size: 0.78rem;
  font-weight: 720;
  letter-spacing: 0.01em;
}

.segmented-control {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  row-gap: 8px;
  column-gap: 8px;
  margin-top: 8px;
}

.segmented-control--four {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.segmented-control__option {
  min-height: 42px;
  border-radius: 14px;
  font-weight: 720;
  color: var(--ink-2);
}

.segmented-control__option--stacked {
  min-height: 46px;
  padding: 10px 12px;
  display: grid;
  place-items: center;
  text-align: center;
}

.segmented-control__option--stacked strong {
  display: block;
  font-size: 0.78rem;
  line-height: 1.15;
  letter-spacing: 0.035em;
  text-transform: none;
  color: inherit;
}

.segmented-control__option--stacked span {
  display: none;
}

.segmented-control__option.is-selected {
  background: var(--brand);
  color: var(--brand-contrast);
  box-shadow:
    0 12px 26px rgba(15, 15, 16, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.16);
}

.segmented-control__option.is-selected span {
  color: color-mix(in srgb, var(--brand-contrast) 72%, transparent 28%);
}

.segmented-control.is-locked .segmented-control__option {
  cursor: default;
}

.segmented-control.is-locked .segmented-control__option:disabled {
  pointer-events: none;
}

.segmented-control.is-locked .segmented-control__option:not(.is-selected) {
  opacity: 0.62;
}

.segmented-control.is-locked .segmented-control__option:hover {
  border-color: var(--line);
  box-shadow: none;
  background: var(--surface);
}

.segmented-control.is-locked .segmented-control__option.is-selected:hover {
  background: var(--brand);
  color: var(--brand-contrast);
}

.field--card {
  height: 100%;
  align-content: start;
  gap: 0;
}

.topline-card .field--card > span {
  margin-bottom: 25px;
}

.field--card select,
.field--card input {
  min-height: 48px;
}

.field,
.field-select {
  display: grid;
  gap: var(--request-field-gap);
  position: relative;
}

.field--full {
  grid-column: 1 / -1;
}

.field input,
.field textarea,
.field select {
  width: 100%;
  min-height: var(--request-control-height);
  padding: 13px 15px;
  border: 1px solid rgba(15, 15, 16, 0.075);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.88);
  color: var(--ink);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
  transition: border-color 150ms ease, box-shadow 150ms ease, background-color 150ms ease;
}

.field__hint {
  font-size: 0.72rem;
  line-height: 1.35;
  color: var(--ink-muted);
}

.field__hint--airport-autofill {
  margin-top: -1px;
}

html[data-theme="dark"] .portal-topbar__badge,
html[data-theme="dark"] .portal-topbar__link,
html[data-theme="dark"] .portal-language select,
html[data-theme="dark"] .portal-theme-toggle {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.12);
}

html[data-theme="dark"] .portal-internal-switch__panel {
  border-color: rgba(148, 163, 184, 0.18);
  background: rgba(15, 23, 42, 0.96);
  box-shadow: 0 28px 70px rgba(2, 6, 23, 0.55);
  color: #e2e8f0;
}

html[data-theme="dark"] .portal-internal-switch__header strong,
html[data-theme="dark"] .portal-internal-switch__option-name {
  color: #f8fafc;
}

html[data-theme="dark"] .portal-internal-switch__option-current {
  background: rgba(37, 99, 235, 0.22);
  color: #bfdbfe;
}

html[data-theme="dark"] .portal-internal-switch__eyebrow,
html[data-theme="dark"] .portal-internal-switch__option-code,
html[data-theme="dark"] .portal-internal-switch__option-note,
html[data-theme="dark"] .portal-internal-switch__empty {
  color: #94a3b8;
}

html[data-theme="dark"] .portal-internal-switch__count {
  background: rgba(37, 99, 235, 0.18);
  color: #bfdbfe;
}

html[data-theme="dark"] .portal-internal-switch__search input {
  border-color: rgba(148, 163, 184, 0.2);
  background: rgba(15, 23, 42, 0.82);
  color: #f8fafc;
}

html[data-theme="dark"] .portal-internal-switch__search input::placeholder {
  color: #64748b;
}

html[data-theme="dark"] .portal-internal-switch__option {
  border-color: rgba(148, 163, 184, 0.18);
  background: rgba(15, 23, 42, 0.8);
}

html[data-theme="dark"] .portal-internal-switch__option:hover,
html[data-theme="dark"] .portal-internal-switch__option:focus-visible {
  border-color: rgba(96, 165, 250, 0.56);
  background: rgba(15, 23, 42, 0.96);
}

html[data-theme="dark"] .portal-internal-switch__option.is-active {
  border-color: rgba(96, 165, 250, 0.8);
  background: rgba(30, 41, 59, 0.96);
}

html[data-theme="dark"] .portal-internal-switch__option.is-pending {
  border-color: rgba(96, 165, 250, 0.46);
  background: rgba(15, 23, 42, 0.88);
}

html[data-theme="dark"] .portal-internal-switch__option[disabled] {
  background: rgba(15, 23, 42, 0.68);
}

html[data-theme="dark"] .portal-internal-switch__option-status {
  background: rgba(148, 163, 184, 0.14);
  color: #cbd5e1;
}

html[data-theme="dark"] .portal-internal-switch__option-status[data-status="active"] {
  background: rgba(34, 197, 94, 0.18);
  color: #86efac;
}

html[data-theme="dark"] .portal-internal-switch__option-status[data-status="inactive"] {
  background: rgba(239, 68, 68, 0.18);
  color: #fca5a5;
}

html[data-theme="dark"] .portal-internal-switch__option-status[data-status="archived"] {
  background: rgba(148, 163, 184, 0.18);
  color: #cbd5e1;
}

html[data-theme="dark"] .portal-internal-switch__option-status[data-status="onboarding"] {
  background: rgba(245, 158, 11, 0.2);
  color: #fcd34d;
}

html[data-theme="dark"] .request-card,
html[data-theme="dark"] .request-group,
html[data-theme="dark"] .overview-card,
html[data-theme="dark"] .quotations-header,
html[data-theme="dark"] .quotations-table-card,
html[data-theme="dark"] .timeline-item__card,
html[data-theme="dark"] .request-panel,
html[data-theme="dark"] .success-card,
html[data-theme="dark"] .topline-card,
html[data-theme="dark"] .choice-card,
html[data-theme="dark"] .segmented-control__option,
html[data-theme="dark"] .modality-guidance,
html[data-theme="dark"] .dimensions-metric,
html[data-theme="dark"] .toggle-card,
html[data-theme="dark"] .file-dropzone {
  background: var(--surface);
  border-color: var(--line);
}

html[data-theme="dark"] .request-panel--soft,
html[data-theme="dark"] .dg-chip,
html[data-theme="dark"] .dimensions-ai-import__dropzone,
html[data-theme="dark"] .toggle-card__surface {
  background: var(--surface-soft);
}

html[data-theme="dark"] .toggle-card:hover {
  border-color: rgba(255, 255, 255, 0.16);
  background: color-mix(in srgb, var(--surface-soft) 88%, var(--surface) 12%);
}

html[data-theme="dark"] .toggle-card:has(input:focus-visible) {
  border-color: rgba(255, 255, 255, 0.2);
  box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.08);
}

html[data-theme="dark"] .toggle-card:has(input:checked) {
  border-color: rgba(255, 255, 255, 0.24);
  background: color-mix(in srgb, var(--surface-soft) 90%, #fff 10%);
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.06),
    0 10px 22px rgba(0, 0, 0, 0.22);
}

html[data-theme="dark"] .toggle-card:has(input:checked)::after {
  border-color: var(--brand);
  background: var(--brand);
  color: var(--brand-contrast);
}

html[data-theme="dark"] .toggle-card:has(input:checked) small {
  color: var(--ink);
}

html[data-theme="dark"] .field input,
html[data-theme="dark"] .field textarea,
html[data-theme="dark"] .field select,
html[data-theme="dark"] .movement-address-card .address-section__field input,
html[data-theme="dark"] .movement-address-card .address-section__search-field input,
html[data-theme="dark"] .incoterm-select__trigger,
html[data-theme="dark"] .frontend-select__trigger,
html[data-theme="dark"] .dangerous-goods-selector__trigger {
  background: color-mix(in srgb, var(--surface) 94%, #fff 6%);
  border-color: var(--line);
  color: var(--ink);
}

html[data-theme="dark"] .request-tabs__nav,
html[data-theme="dark"] .request-tabs__view-toggle,
html[data-theme="dark"] .request-group__header > span {
  background: rgba(255, 255, 255, 0.06);
}

html[data-theme="dark"] #save-draft-button {
  color: var(--ink-muted);
  border-color: rgba(255, 255, 255, 0.12);
}

html[data-theme="dark"] .route-map__status-note,
html[data-theme="dark"] .dimensions-ai-import__status[data-tone="neutral"],
html[data-theme="dark"] .dimensions-ai-import__status[data-tone="loading"] {
  background: rgba(255, 255, 255, 0.05);
}

html[data-theme="dark"] .dashboard-hero {
  background:
    radial-gradient(circle at left center, rgba(15, 118, 110, 0.18), transparent 32%),
    linear-gradient(180deg, rgba(24, 27, 31, 0.98) 0%, rgba(20, 22, 26, 0.96) 100%);
  border-color: rgba(255, 255, 255, 0.08);
}

html[data-theme="dark"] .dashboard-airline-logo-badge,
html[data-theme="dark"] .dashboard-airline-chart__logo,
html[data-theme="dark"] .dashboard-panel__metric-stack {
  background: rgba(15, 23, 42, 0.74);
  border-color: rgba(255, 255, 255, 0.08);
}

html[data-theme="dark"] .dashboard-kpi-card,
html[data-theme="dark"] .dashboard-panel,
html[data-theme="dark"] .dashboard-donut::after,
html[data-theme="dark"] .dashboard-lane-card,
html[data-theme="dark"] .dashboard-activity,
html[data-theme="dark"] .dashboard-insight,
html[data-theme="dark"] .dashboard-customize-panel,
html[data-theme="dark"] .dashboard-widget,
html[data-theme="dark"] .dashboard-empty-state {
  background: var(--surface);
  border-color: rgba(255, 255, 255, 0.08);
}

html[data-theme="dark"] .dashboard-airline-logo-badge,
html[data-theme="dark"] .dashboard-airline-chart__logo,
html[data-theme="dark"] .dashboard-widget-modal__type-switch {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.08);
  box-shadow: none;
}

html[data-theme="dark"] .dashboard-airline-logo-badge span,
html[data-theme="dark"] .dashboard-airline-chart__logo span {
  background: rgba(125, 211, 252, 0.12);
  color: #e0f2fe;
}

html[data-theme="dark"] .dashboard-top-widget {
  background: linear-gradient(180deg, rgba(15, 23, 42, 0.92), rgba(17, 24, 39, 0.88));
  border-color: rgba(255, 255, 255, 0.08);
  box-shadow: 0 24px 50px rgba(2, 6, 23, 0.36);
}

html[data-theme="dark"] .dashboard-top-widget--placeholder {
  background: rgba(15, 23, 42, 0.5);
  border-color: rgba(148, 163, 184, 0.24);
}

html[data-theme="dark"] .dashboard-widget-modal__panel,
html[data-theme="dark"] .dashboard-widget-picker__option,
html[data-theme="dark"] .dashboard-widget-picker__empty {
  background: rgba(15, 23, 42, 0.94);
  border-color: rgba(255, 255, 255, 0.08);
}

html[data-theme="dark"] .dashboard-quick-add-topic,
html[data-theme="dark"] .dashboard-quick-add-visual {
  background: rgba(15, 23, 42, 0.94);
  border-color: rgba(255, 255, 255, 0.08);
  box-shadow: 0 22px 46px rgba(2, 6, 23, 0.28);
}

html[data-theme="dark"] .dashboard-widget-modal__back,
html[data-theme="dark"] .dashboard-quick-add-topic__status,
html[data-theme="dark"] .dashboard-quick-add-visual__status,
html[data-theme="dark"] .dashboard-widget-modal__results-count {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.08);
  color: #cbd5e1;
}

html[data-theme="dark"] .dashboard-widget-modal__back:hover,
html[data-theme="dark"] .dashboard-widget-modal__back:focus-visible,
html[data-theme="dark"] .dashboard-quick-add-topic:hover,
html[data-theme="dark"] .dashboard-quick-add-topic:focus-visible,
html[data-theme="dark"] .dashboard-quick-add-visual:hover:not(:disabled),
html[data-theme="dark"] .dashboard-quick-add-visual:focus-visible:not(:disabled) {
  border-color: rgba(125, 211, 252, 0.22);
}

html[data-theme="dark"] .dashboard-quick-add-topic__copy strong,
html[data-theme="dark"] .dashboard-quick-add-visual__copy strong {
  color: #f8fafc;
}

html[data-theme="dark"] .dashboard-quick-add-topic__copy span,
html[data-theme="dark"] .dashboard-quick-add-visual__copy span,
html[data-theme="dark"] .dashboard-quick-add-visual__type,
html[data-theme="dark"] .dashboard-quick-add-topic__chevron {
  color: rgba(226, 232, 240, 0.7);
}

html[data-theme="dark"] .dashboard-quick-add-visual__preview {
  background: linear-gradient(180deg, rgba(26, 32, 44, 0.96), rgba(20, 26, 36, 0.94));
  border-color: rgba(125, 211, 252, 0.12);
}

html[data-theme="dark"] .dashboard-quick-add-visual__preview--widget span {
  color: rgba(226, 232, 240, 0.62);
}

html[data-theme="dark"] .dashboard-quick-add-visual__preview--widget strong {
  color: #f8fafc;
}

html[data-theme="dark"] .dashboard-widget-modal__search input,
html[data-theme="dark"] .dashboard-widget-filter-pill,
html[data-theme="dark"] .dashboard-widget-type-pill,
html[data-theme="dark"] .dashboard-widget-picker__chart-preview,
html[data-theme="dark"] .dashboard-widget-modal__results-count,
html[data-theme="dark"] .dashboard-widget-picker__preview,
html[data-theme="dark"] .dashboard-widget-picker__preview-stat,
html[data-theme="dark"] .dashboard-widget-picker__format,
html[data-theme="dark"] .dashboard-widget-picker__status--muted,
html[data-theme="dark"] .dashboard-widget-picker__action-button {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.08);
  color: #e2e8f0;
}

html[data-theme="dark"] .dashboard-widget-modal__search-icon {
  color: rgba(226, 232, 240, 0.52);
}

html[data-theme="dark"] .dashboard-widget-modal__search input:focus {
  border-color: rgba(125, 211, 252, 0.26);
  box-shadow: 0 0 0 4px rgba(56, 189, 248, 0.12);
}

html[data-theme="dark"] .dashboard-widget-filter-pill:hover {
  border-color: rgba(125, 211, 252, 0.22);
  color: #f8fafc;
}

html[data-theme="dark"] .dashboard-widget-type-pill.is-active {
  background: #f8fafc;
  color: #0f172a;
  box-shadow: none;
}

html[data-theme="dark"] .dashboard-widget-modal__results {
  border-top-color: rgba(255, 255, 255, 0.08);
}

html[data-theme="dark"] .dashboard-widget-modal__footer {
  border-top-color: rgba(255, 255, 255, 0.08);
}

html[data-theme="dark"] .dashboard-widget-picker__status {
  background: rgba(125, 211, 252, 0.12);
  color: #e0f2fe;
}

html[data-theme="dark"] .dashboard-widget-picker__status--selected {
  background: rgba(125, 211, 252, 0.12);
  color: #e0f2fe;
}

html[data-theme="dark"] .dashboard-widget-picker__action-button {
  color: #dbeafe;
}

html[data-theme="dark"] .dashboard-widget-picker__action-button.is-selected {
  background: rgba(248, 250, 252, 0.16);
  color: #f8fafc;
}

html[data-theme="dark"] .dashboard-widget-picker__option--added,
html[data-theme="dark"] .dashboard-widget-picker__option--unavailable {
  background: rgba(15, 23, 42, 0.9);
}

html[data-theme="dark"] .dashboard-widget-picker__option--selected {
  background: rgba(15, 23, 42, 0.98);
  border-color: rgba(125, 211, 252, 0.2);
  box-shadow: 0 20px 40px rgba(2, 6, 23, 0.28);
}

html[data-theme="dark"] .dashboard-filter-group,
html[data-theme="dark"] .dashboard-status-pill,
html[data-theme="dark"] .quotations-empty-state,
html[data-theme="dark"] .dashboard-ranking__bar,
html[data-theme="dark"] .dashboard-status-row__track,
html[data-theme="dark"] .dashboard-widget-option {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.08);
}

html[data-theme="dark"] .dashboard-hero__logo-card {
  background:
    linear-gradient(135deg, rgba(248, 250, 252, 0.08) 0%, rgba(71, 85, 105, 0.22) 42%, rgba(15, 23, 42, 0.72) 100%),
    radial-gradient(circle at center, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0) 72%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.03));
  border-color: rgba(255, 255, 255, 0.09);
  box-shadow: 0 18px 40px rgba(2, 6, 23, 0.28);
}

html[data-theme="dark"] .dashboard-top-widget__icon-button,
html[data-theme="dark"] .dashboard-widget-modal__dismiss {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.1);
  color: #f8fafc;
}

html[data-theme="dark"] .quotations-context-menu__panel,
html[data-theme="dark"] .quotation-copy-modal__panel,
html[data-theme="dark"] .unsaved-quotation-modal__panel {
  background: rgba(15, 23, 42, 0.94);
  border-color: rgba(255, 255, 255, 0.08);
}

html[data-theme="dark"] .quotations-context-menu__item {
  color: #f8fafc;
}

html[data-theme="dark"] .quotations-context-menu__item:hover,
html[data-theme="dark"] .quotations-context-menu__item:focus-visible,
html[data-theme="dark"] .quotation-copy-modal__group,
html[data-theme="dark"] .quotation-copy-modal__option {
  background: rgba(255, 255, 255, 0.05);
}

html[data-theme="dark"] .quotation-copy-modal__header h2,
html[data-theme="dark"] .unsaved-quotation-modal__header h2,
html[data-theme="dark"] .quotation-copy-modal__group h3,
html[data-theme="dark"] .quotation-copy-modal__option strong {
  color: #f8fafc;
}

html[data-theme="dark"] .quotation-copy-modal__header p,
html[data-theme="dark"] .unsaved-quotation-modal__header p,
html[data-theme="dark"] .quotation-copy-modal__group p,
html[data-theme="dark"] .quotation-copy-modal__option span,
html[data-theme="dark"] .quotations-context-menu__item:disabled {
  color: #cbd5e1;
}

html[data-theme="dark"] .quotations-table__chat-unread-indicator {
  background: linear-gradient(180deg, #ff6f6f 0%, #e14242 100%);
  box-shadow: 0 8px 14px rgba(225, 66, 66, 0.22);
}

html[data-theme="dark"] .quotation-copy-modal__dismiss {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.12);
  color: #f8fafc;
}

html[data-theme="dark"] .dashboard-top-widget__icon-button--remove {
  background: rgba(127, 29, 29, 0.18);
  border-color: rgba(248, 113, 113, 0.22);
  color: rgba(252, 165, 165, 0.9);
}

html[data-theme="dark"] .dashboard-top-widget__icon-button--add {
  background: rgba(20, 83, 45, 0.18);
  border-color: rgba(74, 222, 128, 0.2);
  color: rgba(134, 239, 172, 0.9);
}

html[data-theme="dark"] .dashboard-panel__eyebrow {
  background: rgba(255, 255, 255, 0.06);
}

html[data-theme="dark"] .dashboard-spotlight__stats span,
html[data-theme="dark"] .dashboard-status-summary span,
html[data-theme="dark"] .dashboard-panel__metric-label {
  color: rgba(226, 232, 240, 0.62);
}

html[data-theme="dark"] .dashboard-top-widget > span,
html[data-theme="dark"] .dashboard-top-widget small,
html[data-theme="dark"] .dashboard-top-widget__placeholder-copy span,
html[data-theme="dark"] .dashboard-widget-modal__header p,
html[data-theme="dark"] .dashboard-widget-modal__results-head p,
html[data-theme="dark"] .dashboard-widget-picker__option small,
html[data-theme="dark"] .dashboard-widget-picker__meta,
html[data-theme="dark"] .dashboard-widget-picker__empty p,
html[data-theme="dark"] .dashboard-widget-picker__eyebrow,
html[data-theme="dark"] .dashboard-widget-picker__preview-label {
  color: rgba(226, 232, 240, 0.74);
}

html[data-theme="dark"] .dashboard-table th,
html[data-theme="dark"] .dashboard-table td {
  border-bottom-color: rgba(255, 255, 255, 0.08);
}

html[data-theme="dark"] .dashboard-airline-chart__copy p,
html[data-theme="dark"] .dashboard-panel__copy {
  color: rgba(226, 232, 240, 0.72);
}

html[data-theme="dark"] .dashboard-status-pill[data-status-tone="draft"] {
  background: rgba(96, 165, 250, 0.18);
  color: #93c5fd;
}

html[data-theme="dark"] .dashboard-status-pill[data-status-tone="quoted"] {
  background: rgba(111, 215, 143, 0.16);
  color: #b7ebc2;
}

html[data-theme="dark"] .dashboard-status-pill[data-status-tone="pending"] {
  background: rgba(245, 158, 11, 0.16);
  color: #f6c667;
}

html[data-theme="dark"] .dashboard-status-pill[data-status-tone="booked"] {
  background: rgba(34, 197, 94, 0.16);
  color: #86efac;
}

html[data-theme="dark"] .dashboard-status-pill[data-status-tone="rejected"] {
  background: rgba(248, 113, 113, 0.14);
  color: #fca5a5;
}

html[data-theme="dark"] .dashboard-status-pill[data-status-tone="requote"] {
  background: rgba(251, 191, 36, 0.14);
  color: #fcd34d;
}

html[data-theme="dark"] .quotation-drawer__panel,
html[data-theme="dark"] .quotation-drawer__selected-panel,
html[data-theme="dark"] .quotation-drawer__offers-panel,
html[data-theme="dark"] .quotation-drawer__details-panel,
html[data-theme="dark"] .quotation-drawer__remarks-panel,
html[data-theme="dark"] .quotation-drawer__change-panel,
html[data-theme="dark"] .quotation-drawer__offer,
html[data-theme="dark"] .quotation-drawer__selected-offer,
html[data-theme="dark"] .quotation-drawer__status-note,
html[data-theme="dark"] .quotation-drawer__footer {
  background: color-mix(in srgb, rgba(17, 18, 20, 0.72) 84%, var(--surface) 16%);
  border-color: rgba(255, 255, 255, 0.1);
}

html[data-theme="dark"] .quotation-drawer__offer:hover,
html[data-theme="dark"] .quotation-drawer__offer:focus-visible {
  border-color: rgba(110, 168, 255, 0.24);
  box-shadow: 0 18px 30px rgba(2, 6, 23, 0.3);
}

html[data-theme="dark"] .quotation-drawer__header,
html[data-theme="dark"] .quotation-drawer__footer {
  border-color: rgba(255, 255, 255, 0.08);
  background: color-mix(in srgb, rgba(17, 18, 20, 0.62) 82%, var(--surface) 18%);
}

html[data-theme="dark"] .quotation-drawer__topbar {
  background: rgba(4, 6, 10, 0.94);
}

html[data-theme="dark"] .quotation-drawer__header p,
html[data-theme="dark"] .quotation-drawer__offers-empty p,
html[data-theme="dark"] .quotation-drawer__commercial-placeholder p,
html[data-theme="dark"] .quotation-drawer__detail-grid dt,
html[data-theme="dark"] .quotation-drawer__status-note,
html[data-theme="dark"] .quotation-drawer__remarks-panel p,
html[data-theme="dark"] .quotation-drawer__doc-row-meta,
html[data-theme="dark"] .quotation-drawer__docs-empty p,
html[data-theme="dark"] .quotation-drawer__docs-modal-copy p,
html[data-theme="dark"] .quotation-drawer__docs-modal-state p,
html[data-theme="dark"] .quotation-drawer__message-meta,
html[data-theme="dark"] .quotation-drawer__chat-day {
  color: var(--ink-muted);
}

html[data-theme="dark"] .quotation-drawer__detail-grid dd,
html[data-theme="dark"] .quotation-drawer__offer-airline strong,
html[data-theme="dark"] .quotation-drawer__offer-price,
html[data-theme="dark"] .quotation-drawer__selected-copy strong,
html[data-theme="dark"] .quotation-drawer__selected-price,
html[data-theme="dark"] .quotation-drawer__doc-row-name,
html[data-theme="dark"] .quotation-drawer__docs-modal-copy h3,
html[data-theme="dark"] .quotation-drawer__docs-modal-state strong,
html[data-theme="dark"] .quotation-drawer__section-head h3 {
  color: var(--ink);
}

html[data-theme="dark"] .quotation-drawer__reference-edit-button {
  color: var(--accent-soft);
}

html[data-theme="dark"] .quotation-drawer__reference-edit-button:hover,
html[data-theme="dark"] .quotation-drawer__reference-edit-button:focus-visible {
  color: var(--ink);
}

html[data-theme="dark"] .quotation-drawer__offer-note {
  color: rgba(226, 232, 240, 0.72);
}

html[data-theme="dark"] .quotation-drawer__status-note {
  background: color-mix(in srgb, rgba(17, 18, 20, 0.54) 90%, var(--surface) 10%);
  border-color: rgba(255, 255, 255, 0.06);
  color: rgba(226, 232, 240, 0.72);
}

html[data-theme="dark"] .quotation-drawer__hero-route,
html[data-theme="dark"] .quotation-drawer__hero-chip {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.08);
  color: var(--ink);
}

html[data-theme="dark"] .quotation-drawer__offer-logo,
html[data-theme="dark"] .quotation-drawer__dismiss {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.08);
  color: var(--ink);
}

html[data-theme="dark"] .quotation-drawer__view-button {
  border-color: rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.84);
}

html[data-theme="dark"] .quotation-drawer__view-button.is-active {
  background: rgba(95, 162, 255, 0.24);
  border-color: rgba(95, 162, 255, 0.3);
  color: #fff;
}

html[data-theme="dark"] .quotation-drawer__owner-popover {
  border-color: rgba(255, 255, 255, 0.08);
  background: linear-gradient(180deg, rgba(35, 35, 37, 0.98) 0%, rgba(25, 25, 28, 0.98) 100%);
  box-shadow:
    0 24px 60px rgba(6, 10, 18, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
  color: #f8fafc;
}

html[data-theme="dark"] .quotation-drawer__owner-card-copy span {
  color: rgba(232, 238, 246, 0.74);
}

html[data-theme="dark"] .quotation-drawer__owner-status-dot[data-status="offline"] {
  background: rgba(148, 163, 184, 0.9);
}

html[data-theme="dark"] .quotation-drawer__owner-assignee-stack .shipment-workspace-assignees__avatar {
  background: color-mix(in srgb, rgba(95, 162, 255, 0.22) 74%, var(--surface));
  color: #dbeafe;
  border-color: rgba(17, 24, 39, 0.92);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.28);
}

html[data-theme="dark"] .quotation-drawer__owner-assignee-stack > .shipment-workspace-assignees__avatar--count {
  background: color-mix(in srgb, rgba(95, 162, 255, 0.22) 74%, var(--surface));
  color: #dbeafe;
}

html[data-theme="dark"] .quotation-drawer__owner-assignee-stack > .shipment-workspace-assignees__avatar--empty {
  background: color-mix(in srgb, rgba(148, 163, 184, 0.22) 74%, var(--surface));
  color: var(--ink-muted);
}

html[data-theme="dark"] .quotation-drawer__owner-contact-toggle {
  border-top-color: rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.02);
  color: #ffffff;
}

html[data-theme="dark"] .quotation-drawer__owner-contact-toggle:hover,
html[data-theme="dark"] .quotation-drawer__owner-contact-toggle:focus-visible {
  background: rgba(255, 255, 255, 0.05);
}

html[data-theme="dark"] .quotation-drawer__owner-contact-panel {
  border-top-color: rgba(255, 255, 255, 0.08);
  background: rgba(10, 12, 16, 0.44);
}

html[data-theme="dark"] .quotation-drawer__owner-contact-icon {
  color: rgba(232, 238, 246, 0.64);
}

html[data-theme="dark"] .quotation-drawer__owner-copy-button {
  border-color: rgba(78, 138, 255, 0.34);
  background: rgba(46, 104, 216, 0.92);
  color: #ffffff;
}

@media (prefers-reduced-motion: reduce) {
  .quotation-drawer__owner-status-dot[data-status="online"] {
    animation: none;
  }
}

html[data-theme="dark"] .quotation-drawer__owner-copy-button:hover,
html[data-theme="dark"] .quotation-drawer__owner-copy-button:focus-visible {
  background: rgba(60, 122, 241, 0.98);
}

html[data-theme="dark"] .quotation-drawer__back-button,
html[data-theme="dark"] .quotation-drawer__chat-composer,
html[data-theme="dark"] .quotation-drawer__docs-empty,
html[data-theme="dark"] .quotation-drawer__docs-list,
html[data-theme="dark"] .quotation-drawer__doc-row,
html[data-theme="dark"] .quotation-drawer__docs-modal-panel,
html[data-theme="dark"] .quotation-drawer__docs-modal-body,
html[data-theme="dark"] .quotation-drawer__message-bubble,
html[data-theme="dark"] .quotation-drawer__chat-input {
  background: color-mix(in srgb, rgba(17, 18, 20, 0.72) 84%, var(--surface) 16%);
  border-color: rgba(255, 255, 255, 0.08);
}

html[data-theme="dark"] .quotation-drawer__message--outgoing .quotation-drawer__message-bubble {
  background: color-mix(in srgb, rgba(29, 111, 165, 0.22) 42%, var(--surface) 58%);
  border-color: rgba(95, 162, 255, 0.18);
}

html[data-theme="dark"] .quotation-drawer__doc-label,
html[data-theme="dark"] .quotation-drawer__doc-icon-button,
html[data-theme="dark"] .quotation-drawer__docs-modal-dismiss {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.08);
  color: var(--ink);
}

html[data-theme="dark"] .quotation-drawer__doc-icon-button:hover,
html[data-theme="dark"] .quotation-drawer__docs-modal-dismiss:hover {
  border-color: rgba(95, 162, 255, 0.22);
  box-shadow: 0 16px 28px rgba(2, 6, 23, 0.22);
}

html[data-theme="dark"] .quotation-drawer__docs-total {
  background: rgba(95, 162, 255, 0.18);
  color: #dbeafe;
}

html[data-theme="dark"] .quotation-drawer__docs-modal-frame {
  background: rgba(15, 23, 42, 0.2);
}

html[data-theme="dark"] .quotation-drawer__message-avatar {
  background: color-mix(in srgb, rgba(95, 162, 255, 0.22) 72%, var(--surface));
  color: #dbeafe;
  border-color: rgba(255, 255, 255, 0.08);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.22);
}

html[data-theme="dark"] .quotation-drawer__message-sender {
  color: rgba(226, 232, 240, 0.72);
}

html[data-theme="dark"] .quotation-drawer__message--system .quotation-drawer__message-bubble,
html[data-theme="dark"] .quotation-drawer__chat-day {
  background: rgba(255, 255, 255, 0.06);
}

html[data-theme="dark"] .quotation-drawer__chat-send {
  background: rgba(95, 162, 255, 0.18);
  border-color: rgba(95, 162, 255, 0.26);
  color: #dbeafe;
}

html[data-theme="dark"] .quotation-drawer__offer-logo img {
  filter: drop-shadow(0 2px 4px rgba(15, 23, 42, 0.18));
}

html[data-theme="dark"] .quotation-drawer__offer.is-selected {
  background: color-mix(in srgb, var(--surface) 88%, rgba(29, 111, 165, 0.22) 12%);
  border-color: rgba(110, 168, 255, 0.28);
  box-shadow: 0 0 0 1px rgba(110, 168, 255, 0.12), 0 18px 32px rgba(2, 6, 23, 0.28);
}

html[data-theme="dark"] .quotation-drawer__offer.is-muted-reference {
  background: color-mix(in srgb, rgba(17, 18, 20, 0.54) 88%, var(--surface) 12%);
  border-color: rgba(255, 255, 255, 0.05);
  box-shadow: none;
}

html[data-theme="dark"] .quotation-drawer__offer.is-muted-reference .quotation-drawer__offer-logo {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.05);
  color: rgba(226, 232, 240, 0.58);
}

html[data-theme="dark"] .quotation-drawer__offer.is-muted-reference .quotation-drawer__offer-airline strong,
html[data-theme="dark"] .quotation-drawer__offer.is-muted-reference .quotation-drawer__offer-price {
  color: rgba(226, 232, 240, 0.82);
}

html[data-theme="dark"] .quotation-drawer__offer.is-muted-reference .quotation-drawer__offer-note {
  color: rgba(226, 232, 240, 0.52);
}

html[data-theme="dark"] .quotation-drawer__offer-selected {
  background: rgba(110, 168, 255, 0.16);
  color: #bfdbfe;
}

html[data-theme="dark"] .quotation-drawer__inline-error {
  background: rgba(127, 29, 29, 0.22);
  border-color: rgba(248, 113, 113, 0.18);
  color: #fca5a5;
}

html[data-theme="dark"] .quotation-drawer__reference-error {
  color: #fca5a5;
}

html[data-theme="dark"] .dashboard-widget-option.is-active {
  border-color: rgba(95, 162, 255, 0.28);
  box-shadow: inset 0 0 0 1px rgba(95, 162, 255, 0.16);
}

.field textarea {
  min-height: 110px;
  resize: vertical;
}

.field input::placeholder,
.field textarea::placeholder {
  color: var(--ink-soft);
}

.field input:focus,
.field textarea:focus,
.field select:focus {
  outline: none;
  border-color: rgba(15, 15, 16, 0.18);
  box-shadow: 0 0 0 4px rgba(15, 15, 16, 0.05);
}

.field input[aria-invalid="true"],
.field textarea[aria-invalid="true"],
.field select[aria-invalid="true"] {
  border-color: var(--danger-border);
  background: color-mix(in srgb, var(--danger-bg) 72%, var(--surface) 28%);
}

.field input.is-invalid-airport {
  border-color: var(--danger-border);
  background: color-mix(in srgb, var(--danger-bg) 72%, var(--surface) 28%);
}

.field input.is-invalid-airport:focus {
  border-color: var(--danger-border);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--danger-text) 14%, transparent 86%);
}

.field--airport-autocomplete {
  position: relative;
}

.field--airport-has-flag input {
  padding-left: 62px;
}

.airport-selected-flag {
  position: absolute;
  left: 18px;
  top: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.06rem;
  line-height: 1;
  transform: translateY(-1px);
}

.airport-autocomplete {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  right: 0;
  z-index: 35;
  display: grid;
  gap: 6px;
  padding: 10px;
  border: 1px solid rgba(15, 15, 16, 0.08);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 18px 34px rgba(18, 18, 18, 0.12);
  backdrop-filter: blur(14px);
}

.airport-autocomplete[hidden] {
  display: none;
}

.airport-autocomplete__option {
  width: 100%;
  padding: 11px 12px;
  border: 0;
  border-radius: 14px;
  background: #fff;
  display: grid;
  grid-template-columns: max-content max-content minmax(0, 1fr);
  align-items: center;
  column-gap: 8px;
  text-align: left;
  cursor: pointer;
  opacity: 1;
  color: var(--ink);
  transition: background-color 140ms ease, color 140ms ease, box-shadow 140ms ease;
  overflow: hidden;
  white-space: nowrap;
}

.airport-autocomplete__flag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.04rem;
  line-height: 1;
  transform: translateY(-1px);
  flex: 0 0 auto;
}

.airport-autocomplete__code {
  color: var(--brand);
  font-size: 0.84rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  line-height: 1;
  flex: 0 0 auto;
}

.airport-autocomplete__meta {
  min-width: 0;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.9rem;
  line-height: 1.15;
  color: var(--ink-2);
}

.airport-autocomplete__option:hover,
.airport-autocomplete__option:focus-visible,
.airport-autocomplete__option.is-active {
  outline: none;
  background: #f4f4f5;
  box-shadow: inset 0 0 0 1px rgba(15, 15, 16, 0.06);
}

.field-select--hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}

.request-panel-stack {
  display: grid;
  row-gap: var(--request-card-gap);
  column-gap: var(--request-card-gap);
}

.mode-panel {
  display: none;
}

.mode-panel.is-active {
  display: block;
}

.request-panel {
  padding: 20px;
  border: 1px solid rgba(15, 15, 16, 0.055);
  border-radius: 24px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(248, 249, 250, 0.78));
  box-shadow: 0 18px 44px rgba(15, 15, 16, 0.045);
}

.request-panel--soft {
  background: var(--surface-soft);
}

.request-panel--dimensions {
  display: grid;
  gap: 12px;
}

.request-panel__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(15, 15, 16, 0.055);
}

.request-panel--upload {
  padding: 0;
  overflow: hidden;
}

.request-panel__header h3 {
  margin: 0;
  font-size: 1.04rem;
  line-height: 1.15;
  color: var(--brand);
}

.request-panel__eyebrow {
  display: block;
  margin-bottom: 5px;
  color: var(--ink-soft);
  font-size: 0.68rem;
  font-weight: 780;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.dimensions-toggle {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px;
  border-radius: 999px;
  border: 1px solid var(--line);
  background: rgba(255, 255, 255, 0.82);
}

.dimensions-toggle__option {
  min-height: 28px;
  padding: 0 10px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: var(--ink-soft);
  font-size: 0.76rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  cursor: pointer;
}

.dimensions-toggle__option.is-active {
  background: var(--brand);
  color: var(--brand-contrast);
}

.request-panel__grid {
  display: grid;
  row-gap: var(--request-card-gap);
  column-gap: var(--request-card-gap);
  margin-top: 18px;
}

.request-panel__grid--two {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.request-panel__grid--airports {
  align-items: start;
}

.request-panel__grid--airports > .field {
  align-self: start;
  align-content: start;
  grid-template-rows: max-content minmax(var(--request-control-height), auto) minmax(0, max-content);
  min-height: calc(var(--request-control-height) + 34px);
}

.request-panel__grid--airports > .field > span:first-child,
.request-panel__grid--airports > .field input,
.request-panel__grid--airports > .field .field__hint {
  align-self: start;
}

.request-panel__grid--airports > .field .field__hint {
  margin-top: 0;
}

.request-panel__grid--airports > .field .field__hint[hidden] {
  display: none !important;
}

.request-panel__grid--airports > .field .airport-selected-flag {
  top: calc(0.76rem + var(--request-field-gap) + (var(--request-control-height) / 2));
  transform: translateY(-50%);
}

.request-panel__grid--three {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.request-panel__grid--four {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.request-section--shipment-setup {
  gap: calc(var(--request-section-gap) + 4px);
}

.request-section__header--shipment {
  align-items: flex-start;
}

.request-section__header--shipment > div {
  display: grid;
  gap: 4px;
  max-width: 52rem;
}

.request-section__header--shipment p {
  max-width: 28rem;
  margin: 0;
  font-size: 0.88rem;
  line-height: 1.4;
  color: var(--ink-soft);
}

.request-group--shipment-flow {
  gap: 14px;
  padding: 20px;
  border-color: rgba(15, 15, 16, 0.065);
  border-radius: 30px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(246, 247, 248, 0.9) 100%);
  box-shadow:
    0 18px 48px rgba(15, 15, 16, 0.045),
    inset 0 1px 0 rgba(255, 255, 255, 0.82);
}

.request-group--shipment-flow .request-group__header {
  align-items: center;
}

.request-group--shipment-flow .request-group__header > div {
  display: grid;
  gap: 2px;
}

.request-group--shipment-flow .request-group__header > span {
  background:
    linear-gradient(180deg, rgba(15, 15, 16, 0.08), rgba(15, 15, 16, 0.04));
}

.request-group--shipment-flow > .request-group__header p,
.topline-card--movement-scope .request-group__header p,
.choice-card--mode small,
.request-panel--routing .request-panel__header p,
.topline-card--direction .topline-card__helper {
  display: none;
}

.request-section__gated--shipment-flow {
  gap: 14px;
}

.request-group--shipment-flow .request-section__grid--modes,
.request-group--shipment-flow .request-section__grid--topline,
.request-group--shipment-flow .request-section__grid,
.request-group--shipment-flow .movement-scope-addresses,
.request-panel-stack--routing {
  row-gap: 12px;
  column-gap: 12px;
}

.request-group--shipment-flow .request-section__grid--topline {
  grid-template-columns: minmax(0, 1.34fr) minmax(240px, 0.66fr);
}

.choice-card--mode {
  position: relative;
  min-height: 82px;
  padding: 15px 16px;
  border-radius: 20px;
  border-color: rgba(15, 15, 16, 0.08);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(247, 248, 249, 0.92) 100%);
  box-shadow:
    0 14px 34px rgba(15, 15, 16, 0.04),
    inset 0 1px 0 rgba(255, 255, 255, 0.82);
  overflow: hidden;
}

.choice-card--mode::after {
  content: "";
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 0;
  height: 1px;
  background: linear-gradient(90deg, rgba(15, 15, 16, 0.08), rgba(15, 15, 16, 0));
  opacity: 0.72;
}

.choice-card--mode .choice-card__icon {
  width: 42px;
  height: 42px;
  border-radius: 14px;
  background:
    linear-gradient(180deg, rgba(15, 15, 16, 0.055) 0%, rgba(15, 15, 16, 0.035) 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
}

.choice-card--mode strong {
  font-size: 0.98rem;
  line-height: 1.15;
}

.choice-card--mode small {
  margin-top: 3px;
  color: var(--ink-soft);
  font-size: 0.8rem;
  line-height: 1.45;
}

.choice-card--mode:hover,
.choice-card--mode:focus-visible {
  transform: translateY(-1px);
}

.choice-card--mode.is-selected {
  border-color: rgba(15, 15, 16, 0.16);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(248, 249, 250, 0.98) 100%);
  box-shadow:
    0 18px 38px rgba(15, 15, 16, 0.07),
    inset 0 0 0 1px rgba(15, 15, 16, 0.07);
}

.choice-card--mode.is-selected::before {
  content: "";
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 0;
  height: 3px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--brand), rgba(15, 15, 16, 0.42));
}

.topline-card--setup {
  min-height: 104px;
  padding: 16px;
  border-radius: 20px;
  border-color: rgba(15, 15, 16, 0.06);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(247, 248, 249, 0.84) 100%);
  box-shadow:
    0 12px 30px rgba(15, 15, 16, 0.03),
    inset 0 1px 0 rgba(255, 255, 255, 0.76);
  gap: 8px;
}

.topline-card--setup .field-label,
.topline-card--setup .field > span {
  font-size: 0.76rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  text-transform: none;
}

.topline-card--setup .field--card > span {
  margin-bottom: 10px;
}

.topline-card--setup .request-group__header--inline {
  align-items: center;
}

.topline-card--movement-scope {
  padding-block: 16px;
}

.request-group--shipment-flow .segmented-control {
  margin-top: 2px;
  row-gap: 8px;
  column-gap: 8px;
}

.request-group--shipment-flow .segmented-control__option {
  min-height: 42px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.92);
  color: var(--ink-2);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.68);
}

.request-group--shipment-flow .segmented-control__option--stacked {
  padding: 9px 12px;
}

.request-group--shipment-flow .segmented-control__option--stacked strong {
  font-size: 0.8rem;
  letter-spacing: 0.01em;
  color: inherit;
}

.request-group--shipment-flow .segmented-control__option:hover,
.request-group--shipment-flow .segmented-control__option:focus-visible {
  color: var(--brand);
}

.request-group--shipment-flow .segmented-control__option:focus-visible {
  box-shadow:
    var(--control-focus-ring),
    0 14px 30px rgba(15, 15, 16, 0.08);
}

.request-group--shipment-flow .segmented-control__option.is-selected,
.request-group--shipment-flow .segmented-control__option.is-selected:hover,
.request-group--shipment-flow .segmented-control__option.is-selected:focus-visible,
.request-group--shipment-flow .segmented-control__option.is-selected:active {
  border-color: rgba(15, 15, 16, 0.18);
  background: var(--brand);
  color: var(--brand-contrast);
  box-shadow:
    0 14px 30px rgba(15, 15, 16, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.16);
}

.request-group--shipment-flow .segmented-control__option.is-selected strong {
  color: inherit;
}

.request-group--shipment-flow .segmented-control__option:disabled,
.request-group--shipment-flow .segmented-control.is-locked .segmented-control__option:not(.is-selected) {
  color: var(--ink-soft);
  background: rgba(255, 255, 255, 0.72);
}

.request-group--shipment-flow .movement-address-card {
  padding: 16px;
  border-radius: 20px;
  border-color: rgba(15, 15, 16, 0.06);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(247, 248, 249, 0.92) 100%);
  box-shadow:
    0 12px 28px rgba(15, 15, 16, 0.03),
    inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

.request-panel--routing {
  padding: 16px 18px;
  border-radius: 22px;
  border-color: rgba(15, 15, 16, 0.065);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.97) 0%, rgba(247, 248, 249, 0.86) 100%);
  box-shadow:
    0 16px 38px rgba(15, 15, 16, 0.042),
    inset 0 1px 0 rgba(255, 255, 255, 0.82);
}

.request-panel--routing .request-panel__header {
  align-items: start;
  justify-content: flex-start;
  padding-bottom: 10px;
}

.request-panel--routing .request-panel__header > div {
  display: grid;
  gap: 4px;
}

.request-panel--routing .request-panel__grid {
  margin-top: 14px;
}

.request-panel--routing .field > span {
  font-size: 0.76rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  text-transform: none;
}

.request-panel__body {
  display: grid;
  row-gap: var(--request-card-gap);
  column-gap: var(--request-card-gap);
  margin-top: 18px;
}

.request-panel--setup-shell,
.request-panel--movement-scope {
  padding: 16px 18px;
  border-radius: 22px;
  border-color: rgba(15, 15, 16, 0.065);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.97) 0%, rgba(247, 248, 249, 0.86) 100%);
  box-shadow:
    0 16px 38px rgba(15, 15, 16, 0.042),
    inset 0 1px 0 rgba(255, 255, 255, 0.82);
  gap: 12px;
}

.request-panel--setup-shell .request-panel__header,
.request-panel--movement-scope .request-panel__header {
  align-items: start;
  justify-content: flex-start;
  gap: 16px;
  padding-bottom: 10px;
}

.request-panel--setup-shell .request-panel__header > div,
.request-panel--movement-scope .request-panel__header > div {
  display: grid;
  gap: 0;
}

.request-panel--setup-shell .request-panel__body,
.request-panel--movement-scope .request-panel__body,
.request-panel--setup-shell .request-section__grid--modes,
.request-panel--setup-shell .request-section__grid--topline,
.request-panel--setup-shell .request-section__gated,
.request-panel--movement-scope .segmented-control {
  row-gap: 12px;
  column-gap: 12px;
}

.request-panel--setup-shell .request-section__grid--topline {
  grid-template-columns: minmax(0, 1.34fr) minmax(240px, 0.66fr);
}

.request-panel--setup-shell .request-panel__body,
.request-panel--movement-scope .request-panel__body {
  margin-top: 12px;
}

.request-panel--routing-air .request-panel__header > div {
  gap: 0;
}

.request-panel--routing-air .request-panel__grid {
  margin-top: 12px;
}

.request-panel--setup-shell .topline-card--setup {
  min-height: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  gap: 8px;
}

.request-panel--setup-shell .topline-card--setup .field--card > span,
.request-panel--setup-shell .topline-card--setup .field-label {
  margin-bottom: 8px;
  font-size: 0.76rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  text-transform: none;
}


.request-panel--setup-shell .choice-card--mode {
  min-height: 74px;
  padding: 14px 16px;
  border-radius: 16px;
  border-color: rgba(15, 15, 16, 0.08);
  background: rgba(255, 255, 255, 0.96);
  box-shadow: none;
}

.request-panel--setup-shell .choice-card--mode::after {
  display: none;
}

.request-panel--setup-shell .choice-card--mode .choice-card__icon {
  width: 38px;
  height: 38px;
  border-radius: 12px;
}

.request-panel--setup-shell .segmented-control,
.request-panel--movement-scope .segmented-control {
  margin-top: 0;
  row-gap: 8px;
  column-gap: 8px;
}

.request-panel--setup-shell .segmented-control__option,
.request-panel--movement-scope .segmented-control__option {
  min-height: 42px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.92);
  color: var(--ink-2);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.68);
}

.request-panel--setup-shell .segmented-control__option--stacked,
.request-panel--movement-scope .segmented-control__option--stacked {
  padding: 9px 12px;
}

.request-panel--setup-shell .segmented-control__option--stacked strong,
.request-panel--movement-scope .segmented-control__option--stacked strong {
  font-size: 0.8rem;
  letter-spacing: 0.01em;
  color: inherit;
}

.request-panel--setup-shell .segmented-control__option:hover,
.request-panel--setup-shell .segmented-control__option:focus-visible,
.request-panel--movement-scope .segmented-control__option:hover,
.request-panel--movement-scope .segmented-control__option:focus-visible {
  color: var(--brand);
}

.request-panel--setup-shell .segmented-control__option:focus-visible,
.request-panel--movement-scope .segmented-control__option:focus-visible {
  box-shadow:
    var(--control-focus-ring),
    0 14px 30px rgba(15, 15, 16, 0.08);
}

.request-panel--setup-shell .segmented-control__option.is-selected,
.request-panel--setup-shell .segmented-control__option.is-selected:hover,
.request-panel--setup-shell .segmented-control__option.is-selected:focus-visible,
.request-panel--setup-shell .segmented-control__option.is-selected:active,
.request-panel--movement-scope .segmented-control__option.is-selected,
.request-panel--movement-scope .segmented-control__option.is-selected:hover,
.request-panel--movement-scope .segmented-control__option.is-selected:focus-visible,
.request-panel--movement-scope .segmented-control__option.is-selected:active {
  border-color: rgba(15, 15, 16, 0.18);
  background: var(--brand);
  color: var(--brand-contrast);
  box-shadow:
    0 14px 30px rgba(15, 15, 16, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.16);
}

.request-panel--setup-shell .segmented-control__option.is-selected strong,
.request-panel--movement-scope .segmented-control__option.is-selected strong {
  color: inherit;
}

.request-panel--setup-shell .segmented-control__option:disabled,
.request-panel--setup-shell .segmented-control.is-locked .segmented-control__option:not(.is-selected),
.request-panel--movement-scope .segmented-control__option:disabled,
.request-panel--movement-scope .segmented-control.is-locked .segmented-control__option:not(.is-selected) {
  color: var(--ink-soft);
  background: rgba(255, 255, 255, 0.72);
}

.request-panel--movement-scope .request-panel__body--movement-scope {
  row-gap: 0;
}

.dimensions-shell {
  display: grid;
  gap: 12px;
  align-items: start;
}

.dimensions-header-tools {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.cargo-editor-panel__head .dimensions-toggle {
  padding: 3px;
}

.cargo-editor-panel__head .dimensions-toggle__option {
  min-height: 26px;
  padding: 0 9px;
  font-size: 0.72rem;
}

.cargo-editor-panel__head .dimensions-ai-button {
  min-height: 32px;
  padding: 0 11px;
  font-size: 0.74rem;
}

.dimensions-ai-button.is-active {
  background: var(--brand);
  color: var(--brand-contrast);
  border-color: rgba(15, 15, 16, 0.22);
}

.dimensions-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.dimensions-shell__main {
  display: grid;
  gap: 12px;
}

.dimensions-ai-import[hidden] {
  display: none !important;
}

.dimensions-ai-import {
  display: grid;
  gap: 12px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(245, 245, 246, 0.92) 100%);
  overflow: hidden;
  max-height: 960px;
  transform-origin: top center;
  transition:
    opacity 180ms ease,
    transform 180ms ease,
    max-height 180ms ease,
    padding 180ms ease,
    border-color 180ms ease;
}

.dimensions-ai-import.is-collapsed {
  opacity: 0;
  transform: translateY(-10px);
  max-height: 0;
  padding-top: 0;
  padding-bottom: 0;
  border-color: transparent;
}

.dimensions-ai-import.is-expanded {
  opacity: 1;
  transform: translateY(0);
  max-height: 960px;
}

.dimensions-ai-import__header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 12px;
}

.dimensions-ai-import__header strong {
  display: block;
  color: var(--brand);
  font-size: 0.95rem;
}

.dimensions-ai-import__header p {
  margin: 4px 0 0;
  color: var(--ink-muted);
  font-size: 0.79rem;
  line-height: 1.45;
}

.dimensions-ai-import__dropzone {
  min-height: 116px;
  padding: 18px;
  border: 1px dashed rgba(18, 18, 18, 0.18);
  border-radius: 18px;
  background: rgba(248, 248, 249, 0.92);
  display: grid;
  place-items: center;
  text-align: center;
  gap: 6px;
  cursor: pointer;
  transition: border-color 150ms ease, background-color 150ms ease, box-shadow 150ms ease;
}

.dimensions-ai-import__dropzone-icon {
  display: none;
}

.dimensions-ai-import__sources {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 12px;
  align-items: stretch;
}

.dimensions-ai-import__source {
  display: grid;
  min-width: 0;
}

.dimensions-ai-import__dropzone strong {
  color: var(--brand);
  font-size: 0.95rem;
}

.dimensions-ai-import__dropzone p,
.dimensions-ai-import__dropzone span {
  margin: 0;
  color: var(--ink-muted);
  font-size: 0.78rem;
  line-height: 1.45;
}

.dimensions-ai-import__dropzone:focus-visible,
.dimensions-ai-import__dropzone.is-dragover {
  outline: none;
  border-color: rgba(15, 15, 16, 0.3);
  background: rgba(244, 244, 245, 1);
  box-shadow: inset 0 0 0 2px rgba(15, 15, 16, 0.06);
}

.dimensions-ai-import__file-label[hidden] {
  display: none !important;
}

.dimensions-ai-import__file-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  padding: 4px 10px;
  border-radius: 999px;
  background: rgba(15, 15, 16, 0.06);
  color: var(--ink-muted);
  font-size: 0.74rem;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dimensions-ai-import__status {
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid transparent;
  font-size: 0.79rem;
  font-weight: 600;
  line-height: 1.45;
}

.dimensions-ai-import__status[data-tone="neutral"],
.dimensions-ai-import__status[data-tone="loading"] {
  background: rgba(15, 15, 16, 0.04);
  color: var(--ink-muted);
}

.dimensions-ai-import__status[data-tone="success"] {
  background: var(--success-bg);
  border-color: color-mix(in srgb, var(--success-text) 24%, transparent 76%);
  color: var(--success-text);
}

.dimensions-ai-import__status[data-tone="warning"] {
  background: var(--warning-bg);
  border-color: color-mix(in srgb, var(--warning-text) 24%, transparent 76%);
  color: var(--warning-text);
}

.dimensions-ai-import__status[data-tone="error"] {
  background: var(--danger-bg);
  border-color: var(--danger-border);
  color: var(--danger-text);
}

.dimensions-ai-import__preview {
  display: grid;
  gap: 10px;
}

.dimensions-ai-import__preview-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}

.dimensions-ai-import__preview-head strong {
  color: var(--brand);
  font-size: 0.88rem;
}

.dimensions-ai-import__preview-head span {
  color: var(--ink-soft);
  font-size: 0.74rem;
  font-weight: 700;
}

.dimensions-ai-import__preview-list {
  display: grid;
  gap: 8px;
}

.dimensions-ai-import__preview-item {
  padding: 10px 12px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.92);
}

.dimensions-ai-import__preview-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
}

.dimensions-ai-import__preview-meta strong {
  color: var(--brand);
  font-size: 0.82rem;
}

.dimensions-ai-import__preview-meta span,
.dimensions-ai-import__preview-item p {
  color: var(--ink-muted);
  font-size: 0.75rem;
  line-height: 1.45;
}

.dimensions-ai-import__preview-item p {
  margin: 6px 0 0;
}

.dimensions-ai-import__actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: wrap;
}

.dimensions-ai-import__paste {
  display: grid;
  gap: 8px;
  min-width: 0;
  height: 100%;
}

.dimensions-ai-import__paste .field {
  display: grid;
  gap: 0;
  align-content: start;
  min-width: 0;
  height: 100%;
}

.dimensions-ai-import__paste textarea {
  min-height: 116px;
  height: 100%;
  resize: vertical;
}

.dimensions-ai-import__paste-actions {
  display: flex;
  justify-content: flex-end;
}

.dimensions-lines {
  display: grid;
  gap: 8px;
  overflow-x: visible;
  padding-bottom: 0;
}

.dimensions-lines__header,
.dimensions-line {
  display: grid;
  grid-template-columns:
    72px
    minmax(120px, 1fr)
    minmax(172px, 1.28fr)
    minmax(108px, 0.86fr)
    minmax(128px, 0.94fr);
  min-width: 0;
  gap: 8px;
}

.dimensions-lines__header {
  padding: 0 4px;
  color: var(--ink-soft);
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.05em;
  line-height: 1.2;
  text-transform: uppercase;
  align-items: end;
}

.dimensions-lines__stackable-header {
  min-height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  color: inherit;
}

.dimensions-lines__stackable-master--header {
  width: 18px;
  min-width: 18px;
  height: 18px;
  min-height: 18px;
  margin-left: 0;
  justify-content: center;
  gap: 0;
  padding: 0;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: inherit;
  flex: 0 0 auto;
}

.dimensions-lines__stackable-master--header .dimensions-lines__stackable-box {
  width: 16px;
  height: 16px;
}

.dimensions-lines__stackable-header span {
  line-height: 1;
}

.dimensions-lines__list {
  display: grid;
  gap: 8px;
}

.dimensions-line {
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(246, 246, 247, 0.92) 100%);
  align-items: center;
}

.dimensions-line__field,
.dimensions-line__mini-field {
  display: grid;
  gap: 0;
  min-width: 0;
  align-content: start;
}

.dimensions-line__field input,
.dimensions-line__field .frontend-select__trigger,
.dimensions-line__field select,
.dimensions-line__mini-field input {
  min-height: 38px;
  height: 38px;
}

.dimensions-line__field input[type="number"],
.dimensions-line__mini-field input[type="number"] {
  -moz-appearance: textfield;
  appearance: textfield;
}

.dimensions-line__field input[type="number"]::-webkit-outer-spin-button,
.dimensions-line__field input[type="number"]::-webkit-inner-spin-button,
.dimensions-line__mini-field input[type="number"]::-webkit-outer-spin-button,
.dimensions-line__mini-field input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.dimensions-line__field .frontend-select {
  width: 100%;
}

.dimensions-line__group {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 4px;
  align-items: center;
}

.dimensions-line__row,
.dimensions-line__mobile-head {
  display: contents;
}

.dimensions-line__section {
  display: contents;
}

.dimensions-line__section--stackable {
  display: grid;
  gap: 0;
  min-width: 0;
  align-content: start;
}

.dimensions-line__stackable-actions {
  display: grid;
  grid-template-columns: minmax(92px, 1fr) 34px;
  gap: 6px;
  align-items: center;
}

.dimensions-line__remove-wrap {
  display: grid;
  justify-items: end;
  align-self: end;
}

.dimensions-line__mobile-head-copy,
.dimensions-line__mobile-kicker,
.dimensions-line__mobile-title,
.dimensions-line__mobile-label,
.dimensions-line__mini-label {
  display: none;
}

.dimensions-line__stackable {
  min-height: 38px;
  height: 38px;
  align-self: end;
  display: flex;
  min-width: 0;
  width: 100%;
}

.dimensions-line__stackable input[hidden] {
  display: none !important;
}

.dimensions-line__stackable-toggle {
  width: 100%;
  min-height: 38px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 10px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: var(--surface);
  color: var(--ink-muted);
  font: inherit;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.02em;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  transition:
    border-color 150ms ease,
    background-color 150ms ease,
    box-shadow 150ms ease,
    color 150ms ease;
}

.dimensions-line__stackable-control {
  position: relative;
  display: inline-flex;
  width: 44px;
  height: 22px;
  border: 1px solid rgba(15, 15, 16, 0.18);
  border-radius: 999px;
  background: color-mix(in srgb, var(--surface-soft) 78%, var(--surface) 22%);
  box-shadow: inset 0 1px 2px rgba(15, 15, 16, 0.08);
  transition:
    border-color 150ms ease,
    background-color 150ms ease,
    box-shadow 150ms ease;
}

.dimensions-line__stackable-control::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 14px;
  height: 14px;
  border-radius: 999px;
  background: var(--surface);
  box-shadow: 0 2px 6px rgba(15, 15, 16, 0.2);
  transition:
    background-color 150ms ease,
    transform 150ms ease;
}

.dimensions-line__stackable-toggle.is-active {
  border-color: rgba(15, 15, 16, 0.18);
  background: color-mix(in srgb, var(--surface) 88%, var(--surface-soft) 12%);
  color: var(--brand);
}

.dimensions-line__stackable-toggle.is-active .dimensions-line__stackable-control {
  border-color: var(--brand);
  background: var(--brand);
  box-shadow: inset 0 1px 2px rgba(15, 15, 16, 0.14), 0 6px 14px rgba(15, 15, 16, 0.12);
}

.dimensions-line__stackable-toggle.is-active .dimensions-line__stackable-control::after {
  transform: translateX(22px);
}

.dimensions-line__stackable-toggle:focus-visible {
  outline: none;
  border-color: rgba(15, 15, 16, 0.32);
  box-shadow: 0 0 0 3px rgba(15, 15, 16, 0.08);
}

.dimensions-line__stackable-toggle:disabled {
  cursor: not-allowed;
  opacity: 0.55;
}

.dimensions-line__stackable-value {
  min-width: 20px;
  text-align: left;
}

.dimensions-line__remove {
  width: 34px;
  min-width: 34px;
  min-height: 38px;
  height: 38px;
  align-self: center;
  justify-self: end;
  padding: 0;
  border-radius: 12px;
  font-size: 1rem;
  line-height: 1;
}

html[data-theme="dark"] .dimensions-line {
  background: linear-gradient(180deg, rgba(30, 34, 40, 0.96) 0%, rgba(24, 27, 33, 0.98) 100%);
  border-color: rgba(255, 255, 255, 0.08);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.02);
}

html[data-theme="dark"] .dimensions-line__stackable {
  background: var(--surface-soft);
  border-color: rgba(255, 255, 255, 0.08);
}

html[data-theme="dark"] .dimensions-line__field .frontend-select__trigger,
html[data-theme="dark"] .dimensions-line__field input,
html[data-theme="dark"] .dimensions-line__field select,
html[data-theme="dark"] .dimensions-line__mini-field input {
  background: var(--surface);
}

.dimensions-lines__footer {
  display: flex;
  justify-content: flex-start;
}

.dimensions-metric {
  padding: 10px 12px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(244, 244, 245, 0.96) 100%);
  display: grid;
  gap: 4px;
  min-width: 0;
  min-height: 88px;
}

.dimensions-metric__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  color: var(--ink-muted);
  font-size: 0.74rem;
  font-weight: 700;
}

.dimensions-metric__tag {
  padding: 3px 7px;
  border-radius: 999px;
  background: rgba(15, 15, 16, 0.06);
  color: var(--ink-soft);
  font-size: 0.6rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.dimensions-metric__value {
  display: block;
  color: var(--brand);
  font-size: 1.18rem;
  line-height: 1.1;
  letter-spacing: -0.02em;
}

.toggle-card {
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 12px;
  align-items: start;
  min-height: 72px;
  padding: 16px;
  border-radius: 16px;
  border: 1px solid var(--line);
  background: var(--surface);
  cursor: pointer;
  transition:
    border-color 150ms ease,
    background-color 150ms ease,
    box-shadow 150ms ease,
    transform 150ms ease;
}

.toggle-card::after {
  content: "";
  position: absolute;
  top: 12px;
  right: 12px;
  width: 18px;
  height: 18px;
  border-radius: 999px;
  border: 1px solid transparent;
  opacity: 0;
  transform: scale(0.84);
  pointer-events: none;
  transition:
    opacity 150ms ease,
    transform 150ms ease,
    background-color 150ms ease,
    border-color 150ms ease,
    color 150ms ease;
}

.toggle-card:hover {
  border-color: rgba(15, 15, 16, 0.14);
  background: color-mix(in srgb, var(--surface) 94%, var(--surface-soft) 6%);
}

.toggle-card:active {
  transform: translateY(1px);
}

.toggle-card:has(input:focus-visible) {
  outline: none;
  border-color: rgba(15, 15, 16, 0.24);
  box-shadow: var(--control-focus-ring);
}

.toggle-card:has(input:checked) {
  border-color: rgba(15, 15, 16, 0.24);
  background:
    linear-gradient(180deg, rgba(247, 248, 250, 0.98) 0%, rgba(239, 242, 246, 0.98) 100%);
  box-shadow:
    inset 0 0 0 1px rgba(15, 15, 16, 0.04),
    0 8px 18px rgba(15, 15, 16, 0.06);
}

.toggle-card:has(input:checked)::after {
  content: "✓";
  display: grid;
  place-items: center;
  border-color: var(--brand);
  background: var(--brand);
  color: var(--brand-contrast);
  opacity: 1;
  transform: scale(1);
  font-size: 0.72rem;
  font-weight: 800;
}

.toggle-card input {
  width: 18px;
  height: 18px;
  margin-top: 3px;
  accent-color: var(--brand);
}

.toggle-card__content {
  display: grid;
  align-content: start;
  gap: 4px;
  min-width: 0;
}

.toggle-card strong {
  display: block;
  color: var(--brand);
  line-height: 1.3;
  transition: color 150ms ease;
}

.toggle-card small {
  display: block;
  margin: 0;
  font-size: 0.9rem;
  line-height: 1.45;
  color: var(--ink-muted);
  transition: color 150ms ease;
}

.toggle-card:has(input:checked) strong {
  color: var(--brand);
}

.toggle-card:has(input:checked) small {
  color: color-mix(in srgb, var(--ink) 78%, var(--ink-muted) 22%);
}

.file-dropzone {
  min-height: 180px;
  padding: 28px 24px;
  border: 1px dashed var(--line-strong);
  border-radius: 20px;
  background: var(--surface-soft);
  display: grid;
  place-items: center;
  text-align: center;
  gap: 10px;
  cursor: pointer;
}

.file-dropzone strong {
  font-size: 1.02rem;
  color: var(--brand);
}

.file-dropzone p,
.file-dropzone span {
  color: var(--ink-muted);
}

.file-dropzone.is-dragover {
  border-color: rgba(15, 15, 16, 0.2);
  background: #f4f4f5;
}

.file-dropzone.is-readonly {
  cursor: default;
  opacity: 0.76;
}

.file-list {
  display: grid;
  gap: 12px;
}

.file-chip {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  padding: 14px 16px;
  border-radius: 14px;
  border: 1px solid var(--line);
  background: var(--surface);
}

.file-chip__meta {
  min-width: 0;
}

.file-chip__meta strong {
  display: block;
  color: var(--brand);
}

.file-chip__meta div {
  margin-top: 4px;
  color: var(--ink-muted);
  font-size: 0.84rem;
}

.file-chip__controls {
  display: inline-flex;
  align-items: center;
  gap: 12px;
}

.file-chip__type-field {
  min-width: 220px;
}

.file-chip__type-field .frontend-select {
  width: 100%;
}

.file-chip__type-field .frontend-select__trigger {
  min-height: 34px;
  height: 34px;
  padding-right: 40px;
}

.file-chip__type-field .frontend-select__value {
  font-size: 0.84rem;
  font-weight: 600;
}

.file-chip__custom {
  grid-column: 1 / -1;
}

.file-chip__custom .field input {
  min-height: 38px;
  height: 38px;
}

.file-chip button {
  min-height: 34px;
  padding: 0 12px;
  border-radius: var(--radius-pill);
  border: 1px solid var(--line);
  background: var(--surface-soft);
  cursor: pointer;
}

html[data-theme="dark"] .settings-sidebar__card,
html[data-theme="dark"] .settings-preview-card,
html[data-theme="dark"] .settings-panel,
html[data-theme="dark"] .settings-hero,
html[data-theme="dark"] .settings-choice-card span,
html[data-theme="dark"] .settings-toggle-row,
html[data-theme="dark"] .settings-security-meter,
html[data-theme="dark"] .settings-activity-item,
html[data-theme="dark"] .settings-logo-uploader,
html[data-theme="dark"] .settings-branding-preview__surface--light,
html[data-theme="dark"] .settings-utility-card,
html[data-theme="dark"] .settings-build-card {
  background: color-mix(in srgb, var(--surface-soft) 86%, var(--surface) 14%);
  border-color: rgba(255, 255, 255, 0.08);
}

html[data-theme="dark"] .settings-save-indicator,
html[data-theme="dark"] .settings-sidebar__link,
html[data-theme="dark"] .settings-preview-card__status {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.08);
}

html[data-theme="dark"] .settings-choice-card input:checked + span {
  border-color: rgba(255, 255, 255, 0.16);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.06), 0 10px 20px rgba(0, 0, 0, 0.18);
}

html[data-theme="dark"] .settings-brand-chip {
  background: rgba(255, 255, 255, 0.08);
}

html[data-theme="dark"] .settings-brand-chip__mark,
html[data-theme="dark"] .settings-preview__brand {
  background: rgba(255, 255, 255, 0.14);
}

html[data-theme="dark"] .settings-brand-chip--dark {
  background: rgba(255, 255, 255, 0.06);
}

html[data-theme="dark"] .settings-toast {
  background: rgba(22, 28, 24, 0.96);
}

@media (max-width: 900px) {
  .dimensions-ai-import__sources {
    grid-template-columns: 1fr;
  }

  .dimensions-header-tools,
  .dimensions-ai-import__header,
  .dimensions-ai-import__preview-head,
  .dimensions-ai-import__actions {
    width: 100%;
  }

  .dimensions-header-tools {
    justify-content: flex-start;
  }

  .dimensions-ai-import__header,
  .dimensions-ai-import__preview-head {
    flex-direction: column;
    align-items: flex-start;
  }

  .dimensions-ai-import__actions {
    justify-content: stretch;
  }

  .dimensions-ai-import__paste-actions {
    justify-content: stretch;
  }

  .dimensions-ai-import__actions .button {
    flex: 1 1 180px;
  }

  .dimensions-ai-import__paste-actions .button {
    flex: 1 1 auto;
  }

  .file-chip {
    grid-template-columns: 1fr;
  }

  .file-chip__controls {
    flex-wrap: wrap;
  }

  .file-chip__type-field {
    min-width: min(100%, 220px);
    flex: 1 1 220px;
  }

  .settings-shell,
  .settings-branding-grid,
  .settings-grid--two,
  .settings-grid--three,
  .settings-inline-grid,
  .settings-choice-grid--three,
  .settings-choice-grid--two,
  .settings-activity-list,
  .settings-utility-grid {
    grid-template-columns: 1fr;
  }

  .settings-sidebar {
    position: static;
  }

  .settings-hero {
    flex-direction: column;
    align-items: stretch;
  }

  .settings-hero__actions {
    justify-content: stretch;
  }

  .settings-hero__actions .button,
  .settings-hero__actions .settings-save-indicator {
    width: 100%;
    justify-content: center;
  }
}

.form-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-top: 4px;
  padding: 14px 2px 0;
  border-top: 1px solid rgba(15, 15, 16, 0.055);
}

.form-footer__meta {
  flex: 1 1 auto;
  min-width: 0;
  text-align: center;
}

.form-footer__meta small {
  color: var(--ink-muted);
  font-weight: 620;
}

.form-footer__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: wrap;
}

#save-draft-button {
  min-height: 40px;
  padding-inline: 18px;
  color: var(--ink-muted);
  background: transparent;
  border-color: rgba(15, 15, 16, 0.08);
}

#next-step {
  min-height: 44px;
  padding-inline: 24px;
  background: var(--brand);
  color: var(--brand-contrast);
  border-color: var(--brand);
  box-shadow: 0 12px 26px rgba(15, 15, 16, 0.14);
}

.button {
  position: relative;
  min-height: 44px;
  padding: 0 16px;
  border-radius: var(--radius-pill);
  border: 1px solid transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  cursor: pointer;
  outline: none;
  transition: box-shadow 150ms ease, border-color 150ms ease, background-color 150ms ease;
}

.button[hidden] {
  display: none !important;
}

.button:focus-visible {
  box-shadow: inset 0 0 0 2px rgba(15, 15, 16, 0.14);
}

.button--small {
  min-height: 34px;
  padding: 0 12px;
  font-size: 0.76rem;
}

.button--primary {
  background: var(--brand);
  color: var(--brand-contrast);
}

.button--secondary {
  background: var(--surface);
  color: var(--ink);
  border-color: var(--line);
}

.button--ghost {
  background: transparent;
  color: var(--ink);
}

.portal-rail {
  position: sticky;
  top: 92px;
  align-self: start;
  padding: 0;
}

.timeline {
  position: relative;
  display: grid;
  gap: 12px;
  padding-left: 0;
}

.timeline::before {
  content: none;
}

.timeline::after {
  content: none;
}

.timeline-item {
  position: relative;
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  align-items: start;
  gap: 12px;
  cursor: pointer;
}

.timeline-item.is-disabled {
  cursor: default;
  pointer-events: none;
}

.timeline-item__marker {
  position: relative;
  z-index: 1;
  width: 18px;
  height: 18px;
  box-sizing: border-box;
  border-radius: 50%;
  border: 2px solid rgba(15, 15, 16, 0.18);
  background: rgba(255, 255, 255, 0.92);
  margin-top: 8px;
  display: grid;
  place-items: center;
  transition: border-color 180ms ease, background-color 180ms ease, box-shadow 180ms ease;
}

.timeline-item__marker::before {
  content: "";
  position: absolute;
  inset: 4px;
  border-radius: 50%;
  background: rgba(15, 15, 16, 0.2);
  opacity: 0;
  transform: scale(0.7);
  transition: background 180ms ease, opacity 180ms ease, transform 180ms ease;
}

.timeline-item__marker::after {
  content: "";
  position: absolute;
  inset: -10px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(15, 15, 16, 0.07) 0%, rgba(15, 15, 16, 0.04) 44%, rgba(15, 15, 16, 0) 74%);
  opacity: 0;
  transform: scale(0.92);
  pointer-events: none;
  transition: opacity 180ms ease, transform 180ms ease;
}

.timeline-item__marker[data-progress-state="empty"] {
  background: rgba(245, 245, 246, 0.96);
}

.timeline-item__marker[data-progress-state="in-progress"] {
  border-color: rgba(15, 15, 16, 0.96);
}

.timeline-item__marker[data-progress-state="in-progress"]::before {
  opacity: 1;
  transform: scale(1);
  background: var(--brand);
}

.timeline-item__marker[data-progress-state="attention"] {
  border-color: rgba(180, 98, 24, 0.5);
  background: rgba(255, 246, 235, 0.96);
}

.timeline-item__marker[data-progress-state="attention"]::before {
  opacity: 1;
  transform: scale(1);
  background: #c46b11;
}

.timeline-item__marker[data-progress-state="complete"] {
  border-color: rgba(19, 122, 76, 0.34);
  background: rgba(236, 249, 241, 0.98);
}

.timeline-item__marker[data-progress-state="complete"]::before {
  opacity: 1;
  transform: scale(1);
  background: #1f8f5f;
}

.quotations-create-view:not(.is-dev-mode) .timeline-item.is-active .timeline-item__marker {
  box-shadow: 0 0 0 6px rgba(15, 15, 16, 0.04);
}

.quotations-create-view:not(.is-dev-mode) .timeline-item.is-active .timeline-item__marker::after {
  opacity: 1;
  animation: timeline-marker-active-pulse 2.6s ease-in-out infinite;
}

@keyframes timeline-marker-active-pulse {
  0%,
  100% {
    opacity: 0.72;
    transform: scale(0.92);
  }

  50% {
    opacity: 1;
    transform: scale(1.08);
  }
}

@media (prefers-reduced-motion: reduce) {
  .quotations-create-view:not(.is-dev-mode) .timeline-item.is-active .timeline-item__marker::after {
    animation: none;
    opacity: 0.9;
    transform: scale(1);
  }
}

.button:disabled,
.button[aria-disabled="true"] {
  cursor: not-allowed;
  opacity: 0.58;
}

.field input:disabled,
.field textarea:disabled,
.field select:disabled,
.frontend-select__trigger[aria-disabled="true"],
.incoterm-select__trigger[aria-disabled="true"],
.dangerous-goods-selector__trigger[aria-disabled="true"] {
  color: var(--ink-soft);
  opacity: 1;
}

html[data-theme="dark"] .request-tab {
  color: var(--ink-muted);
}

html[data-theme="dark"] .request-tab.is-active,
html[data-theme="dark"] .request-tab:hover,
html[data-theme="dark"] .request-tab:focus-visible {
  color: var(--ink);
}

html[data-theme="dark"] .request-form.is-readonly .field input:disabled,
html[data-theme="dark"] .request-form.is-readonly .field textarea:disabled,
html[data-theme="dark"] .request-form.is-readonly .field select:disabled,
html[data-theme="dark"] .request-form.is-readonly .frontend-select__trigger[aria-disabled="true"],
html[data-theme="dark"] .request-form.is-readonly .incoterm-select__trigger[aria-disabled="true"],
html[data-theme="dark"] .request-form.is-readonly .dangerous-goods-selector__trigger[aria-disabled="true"] {
  background: color-mix(in srgb, var(--surface) 92%, #0f172a 8%);
  border-color: rgba(255, 255, 255, 0.08);
}

html[data-theme="dark"] .request-tabs__indicator {
  background: rgba(255, 255, 255, 0.12);
  box-shadow: none;
}

html[data-theme="dark"] .choice-card__icon,
html[data-theme="dark"] .dimensions-metric__tag,
html[data-theme="dark"] .route-map__status-note,
html[data-theme="dark"] .dimensions-toggle,
html[data-theme="dark"] .file-chip button,
html[data-theme="dark"] .airport-autocomplete__option,
html[data-theme="dark"] .frontend-incoterm-dropdown .airport-autocomplete__option,
html[data-theme="dark"] .frontend-select__dropdown .airport-autocomplete__option,
html[data-theme="dark"] .movement-address-card .address-section__search-result,
html[data-theme="dark"] .dimensions-ai-import__preview-item {
  background: var(--surface-soft);
}

html[data-theme="dark"] .portal-topbar__badge {
  color: rgba(255, 255, 255, 0.88);
}

html[data-theme="dark"] .portal-topbar__link,
html[data-theme="dark"] .portal-language,
html[data-theme="dark"] .portal-theme-toggle {
  color: #fff;
}

html[data-theme="dark"] .portal-topbar__link {
  background: rgba(255, 255, 255, 0.12);
}

html[data-theme="dark"] .portal-theme-toggle {
  background: rgba(255, 255, 255, 0.05);
  color: rgba(255, 255, 255, 0.88);
}

html[data-theme="dark"] .portal-theme-toggle:hover {
  background: rgba(255, 255, 255, 0.065);
  border-color: rgba(255, 255, 255, 0.14);
}

html[data-theme="dark"] .portal-theme-toggle:focus-visible {
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1);
}

.portal-language .frontend-select {
  display: inline-flex;
}

.portal-language .field-select--hidden {
  position: absolute;
  inset: auto;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.portal-language .frontend-select__trigger {
  width: auto;
  min-height: 32px;
  padding: 0 24px 0 10px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.045);
  color: rgba(255, 255, 255, 0.88);
  box-shadow: none;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.01em;
  backdrop-filter: none;
}

.portal-language .frontend-select__trigger::after {
  right: 10px;
  width: 6px;
  height: 6px;
  border-right-width: 1.5px;
  border-bottom-width: 1.5px;
  border-right-color: rgba(255, 255, 255, 0.42);
  border-bottom-color: rgba(255, 255, 255, 0.42);
  transform: translateY(-58%) rotate(45deg);
}

.portal-language .frontend-select__value {
  font-size: 0.72rem;
  font-weight: 600;
  line-height: 1;
}

.portal-language .frontend-select__trigger:hover {
  border-color: rgba(255, 255, 255, 0.16);
  background: rgba(255, 255, 255, 0.07);
}

.portal-language .frontend-select__trigger:focus-visible,
.portal-language .frontend-select__trigger.is-open {
  border-color: rgba(255, 255, 255, 0.18);
  background: rgba(255, 255, 255, 0.08);
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1);
}

.portal-language .frontend-select__trigger.is-open::after,
.portal-language .frontend-select__trigger:focus-visible::after {
  border-right-color: rgba(255, 255, 255, 0.62);
  border-bottom-color: rgba(255, 255, 255, 0.62);
}

.frontend-select__dropdown--language {
  border-radius: 14px;
  background: rgba(17, 17, 18, 0.96);
  border: 1px solid rgba(255, 255, 255, 0.09);
  box-shadow: 0 18px 30px rgba(0, 0, 0, 0.28);
  backdrop-filter: blur(14px);
  width: max-content;
  min-width: 148px;
  max-width: min(240px, calc(100vw - 24px));
}

.frontend-select__dropdown--language .airport-autocomplete__option {
  min-height: 0;
  padding: 9px 12px;
  background: transparent;
  color: rgba(255, 255, 255, 0.88);
  white-space: nowrap;
}

.frontend-select__dropdown--language .airport-autocomplete__option:hover,
.frontend-select__dropdown--language .airport-autocomplete__option:focus-visible,
.frontend-select__dropdown--language .airport-autocomplete__option.is-active {
  background: rgba(255, 255, 255, 0.08);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05);
}

.frontend-select__dropdown--language .frontend-select__option-text {
  white-space: nowrap;
  overflow: visible;
  text-overflow: clip;
}

html:not([data-theme="dark"]) .portal-language .frontend-select__trigger {
  border-color: rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.055);
  color: rgba(255, 255, 255, 0.88);
}

html:not([data-theme="dark"]) .portal-language .frontend-select__trigger:hover {
  background: rgba(255, 255, 255, 0.085);
}

html[data-theme="dark"] .portal-language .frontend-select__trigger {
  border-color: rgba(255, 255, 255, 0.09);
  background: rgba(255, 255, 255, 0.04);
  color: rgba(255, 255, 255, 0.88);
}

html[data-theme="dark"] .portal-language .frontend-select__trigger:hover {
  background: rgba(255, 255, 255, 0.065);
  border-color: rgba(255, 255, 255, 0.14);
}

html[data-theme="dark"] .portal-language .frontend-select__trigger:focus-visible,
html[data-theme="dark"] .portal-language .frontend-select__trigger.is-open {
  background: rgba(255, 255, 255, 0.075);
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1);
}

html[data-theme="dark"] .frontend-select__dropdown--language {
  background: rgba(20, 22, 26, 0.96);
  border-color: rgba(255, 255, 255, 0.08);
}

html:not([data-theme="dark"]) .frontend-select__dropdown--language {
  background: rgba(255, 255, 255, 0.96);
  border-color: rgba(15, 15, 16, 0.08);
  box-shadow: 0 18px 30px rgba(18, 18, 18, 0.12);
}

html:not([data-theme="dark"]) .frontend-select__dropdown--language .airport-autocomplete__option {
  color: rgba(15, 15, 16, 0.88);
}

html:not([data-theme="dark"]) .frontend-select__dropdown--language .airport-autocomplete__option:hover,
html:not([data-theme="dark"]) .frontend-select__dropdown--language .airport-autocomplete__option:focus-visible,
html:not([data-theme="dark"]) .frontend-select__dropdown--language .airport-autocomplete__option.is-active {
  background: rgba(15, 15, 16, 0.05);
  box-shadow: inset 0 0 0 1px rgba(15, 15, 16, 0.04);
}

html[data-theme="dark"] .portal-theme-toggle__icon {
  color: rgba(255, 255, 255, 0.56);
}

html[data-theme="dark"] .portal-theme-toggle__track {
  background: rgba(255, 255, 255, 0.14);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
}

html[data-theme="dark"] .portal-theme-toggle__thumb {
  background: var(--brand);
}

html[data-theme="dark"] .portal-theme-toggle[aria-pressed="true"] .portal-theme-toggle__thumb {
  background: #fff;
}

html[data-theme="dark"] .field input,
html[data-theme="dark"] .field textarea,
html[data-theme="dark"] .field select,
html[data-theme="dark"] .movement-address-card .address-section__field input,
html[data-theme="dark"] .movement-address-card .address-section__search-field input,
html[data-theme="dark"] .incoterm-select__trigger,
html[data-theme="dark"] .frontend-select__trigger,
html[data-theme="dark"] .dangerous-goods-selector__trigger,
html[data-theme="dark"] .dimensions-line__field .frontend-select__trigger,
html[data-theme="dark"] .dimensions-line__field input,
html[data-theme="dark"] .dimensions-line__field select,
html[data-theme="dark"] .dimensions-line__mini-field input {
  background: color-mix(in srgb, var(--surface) 88%, #fff 12%);
  color: var(--ink);
  border-color: rgba(255, 255, 255, 0.12);
}

html[data-theme="dark"] .incoterm-select__value,
html[data-theme="dark"] .frontend-select__value,
html[data-theme="dark"] .dangerous-goods-selector__trigger {
  color: var(--ink);
}

html[data-theme="dark"] .incoterm-select__trigger.is-placeholder .incoterm-select__value,
html[data-theme="dark"] .frontend-select__trigger.is-placeholder .frontend-select__value {
  color: var(--ink-soft);
}

html[data-theme="dark"] .field input::placeholder,
html[data-theme="dark"] .field textarea::placeholder {
  color: var(--ink-soft);
}

html[data-theme="dark"] .field input:focus,
html[data-theme="dark"] .field textarea:focus,
html[data-theme="dark"] .field select:focus,
html[data-theme="dark"] .incoterm-select__trigger.is-open,
html[data-theme="dark"] .frontend-select__trigger.is-open,
html[data-theme="dark"] .dangerous-goods-selector__trigger[aria-expanded="true"],
html[data-theme="dark"] .movement-address-card .address-section__field input:focus,
html[data-theme="dark"] .movement-address-card .address-section__search-field input:focus {
  background: var(--control-open-bg);
  border-color: rgba(255, 255, 255, 0.18);
  box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.06);
}

html[data-theme="dark"] .field input[aria-invalid="true"],
html[data-theme="dark"] .field textarea[aria-invalid="true"],
html[data-theme="dark"] .field select[aria-invalid="true"],
html[data-theme="dark"] .field input.is-invalid-airport,
html[data-theme="dark"] .incoterm-select__trigger.is-invalid,
html[data-theme="dark"] .frontend-select__trigger.is-invalid {
  border-color: var(--danger-border);
  background: color-mix(in srgb, var(--danger-bg) 54%, var(--surface) 46%);
}

html[data-theme="dark"] .dangerous-goods-selector__trigger::after,
html[data-theme="dark"] .dangerous-goods-selector__caret,
html[data-theme="dark"] .incoterm-select__trigger::after,
html[data-theme="dark"] .frontend-select__trigger::after {
  border-right-color: rgba(255, 255, 255, 0.64);
  border-bottom-color: rgba(255, 255, 255, 0.64);
}

html[data-theme="dark"] .choice-card.is-selected,
html[data-theme="dark"] .segmented-control__option.is-selected,
html[data-theme="dark"] .dimensions-toggle__option.is-active,
html[data-theme="dark"] .dimensions-ai-button.is-active,
html[data-theme="dark"] .dashboard-filter-pill.is-active {
  background: var(--control-selected-bg);
  border-color: var(--control-selected-border);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.06);
  color: var(--control-selected-text);
}

html[data-theme="dark"] .choice-card.is-selected .choice-card__icon {
  background: var(--control-selected-icon-bg);
  color: var(--control-selected-text);
}

html[data-theme="dark"] .choice-card.is-selected strong,
html[data-theme="dark"] .segmented-control__option.is-selected strong,
html[data-theme="dark"] .dimensions-ai-button.is-active,
html[data-theme="dark"] .dashboard-filter-pill.is-active {
  color: var(--control-selected-text);
}

html[data-theme="dark"] .choice-card.is-selected small,
html[data-theme="dark"] .segmented-control__option.is-selected span,
html[data-theme="dark"] .dashboard-filter-pill.is-active small {
  color: var(--control-selected-muted);
}

html[data-theme="dark"] .button--primary {
  background: var(--brand);
  color: var(--brand-contrast);
  border-color: rgba(255, 255, 255, 0.18);
}

html[data-theme="dark"] .button--secondary {
  background: var(--surface-soft);
  color: var(--ink);
  border-color: rgba(255, 255, 255, 0.12);
}

@media (max-width: 980px) {
  .quotation-drawer__panel {
    top: 12px;
    right: 12px;
    bottom: 12px;
    width: min(700px, calc(100vw - 24px));
  }

  .quotation-drawer__detail-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .quotation-drawer__footer {
    grid-template-columns: 1fr;
  }

  .quotation-drawer__footer.is-readonly {
    grid-template-columns: 1fr;
  }

  .quotation-drawer__docs-modal {
    padding: 16px;
  }

  .quotation-drawer__docs-modal-frame,
  .quotation-drawer__docs-modal-image-shell,
  .quotation-drawer__docs-modal-state {
    min-height: 320px;
  }
}

@media (max-width: 640px) {
  .quotation-drawer__panel {
    inset: 0;
    left: 0;
    right: 0;
    width: 100vw;
    border-radius: 0;
    transform: translate3d(0, 0, 0);
  }

  .quotation-drawer.is-open .quotation-drawer__panel,
  .quotation-drawer.is-closing .quotation-drawer__panel {
    transform: translate3d(0, 0, 0);
  }

  .quotation-drawer__body,
  .quotation-drawer__footer,
  .quotation-drawer__context,
  .quotation-drawer__topbar {
    padding-left: 18px;
    padding-right: 18px;
  }

  .quotation-drawer__selected-offer,
  .quotation-drawer__offer {
    align-items: flex-start;
    flex-direction: column;
  }

  .quotation-drawer__selected-side,
  .quotation-drawer__offer-side {
    width: 100%;
    justify-items: start;
  }

  .quotation-drawer__detail-grid {
    grid-template-columns: 1fr;
  }

  .quotation-drawer__topbar {
    grid-template-columns: 1fr;
  }

  .quotation-drawer__topbar-actions,
  .quotation-drawer__context {
    flex-wrap: wrap;
  }

  .quotation-drawer__context-actions {
    width: 100%;
    justify-content: space-between;
  }

  .quotation-drawer__chat-composer {
    grid-template-columns: auto minmax(0, 1fr) auto;
  }

  .quotation-drawer__chat-send {
    grid-column: 1 / -1;
  }

  .quotation-drawer__doc-row {
    grid-template-columns: 1fr;
  }

  .quotation-drawer__doc-actions,
  .quotation-drawer__docs-modal-actions {
    width: 100%;
    justify-content: flex-start;
  }

  .quotation-drawer__docs-modal {
    padding: 14px;
  }

  .quotation-drawer__docs-modal-panel {
    width: 100%;
    max-height: min(100%, 640px);
  }

  .quotation-drawer__docs-modal-header {
    display: grid;
    gap: 12px;
  }

  .quotation-drawer__chat-emoji-shell {
    left: 0;
    width: min(352px, calc(100vw - 40px));
  }
}

html[data-theme="dark"] .request-tabs__view-toggle {
  background: color-mix(in srgb, var(--surface-soft) 90%, #fff 10%);
  border-color: rgba(255, 255, 255, 0.12);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

html[data-theme="dark"] .request-view-toggle__option:focus-visible {
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.14);
}

html[data-theme="dark"] .request-view-toggle__option.is-active {
  background: rgba(255, 255, 255, 0.12);
  color: var(--control-selected-text);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.04);
}

html[data-theme="dark"] .quotation-drawer__chat-emoji-button {
  border-color: rgba(255, 255, 255, 0.12);
  background: rgba(23, 30, 44, 0.9);
  color: rgba(229, 235, 244, 0.78);
}

html[data-theme="dark"] .quotation-drawer__message-attachment {
  border-color: rgba(255, 255, 255, 0.08);
  background: rgba(21, 29, 42, 0.88);
}

html[data-theme="dark"] .quotation-drawer__chat-attach-button {
  border-color: rgba(255, 255, 255, 0.12);
  background: rgba(23, 30, 44, 0.9);
  color: rgba(229, 235, 244, 0.78);
}

html[data-theme="dark"] .quotation-drawer__chat-attach-button:hover,
html[data-theme="dark"] .quotation-drawer__chat-attach-button:focus-visible {
  border-color: rgba(98, 162, 220, 0.34);
  background: rgba(29, 43, 66, 0.96);
  color: #8ac0ff;
}

html[data-theme="dark"] .quotation-drawer__chat-panel.is-dragover .quotation-drawer__chat-composer {
  border-color: rgba(98, 162, 220, 0.26);
  background: rgba(25, 35, 52, 0.96);
  box-shadow: 0 0 0 2px rgba(98, 162, 220, 0.1);
}

html[data-theme="dark"] .quotation-drawer__chat-attachment-chip {
  border-color: rgba(255, 255, 255, 0.08);
  background: rgba(21, 29, 42, 0.92);
}

html[data-theme="dark"] .quotation-drawer__chat-attachment-remove {
  border-color: rgba(255, 255, 255, 0.12);
  background: rgba(25, 35, 52, 0.94);
  color: rgba(229, 235, 244, 0.78);
}

html[data-theme="dark"] .quotation-drawer__chat-emoji-button:hover,
html[data-theme="dark"] .quotation-drawer__chat-emoji-button:focus-visible,
html[data-theme="dark"] .quotation-drawer__chat-emoji-button[aria-expanded="true"] {
  border-color: rgba(98, 162, 220, 0.34);
  background: rgba(29, 43, 66, 0.96);
  color: #8ac0ff;
}

html[data-theme="dark"] .quotation-drawer__chat-emoji-shell {
  border-color: rgba(255, 255, 255, 0.08);
  background: rgba(15, 20, 31, 0.96);
  box-shadow: 0 24px 48px rgba(0, 0, 0, 0.32);
}

html[data-theme="dark"] .quotation-drawer__chat-emoji-tabs {
  border-color: rgba(255, 255, 255, 0.08);
  background: rgba(19, 25, 38, 0.96);
}

html[data-theme="dark"] .quotation-drawer__chat-emoji-tab {
  border-color: rgba(255, 255, 255, 0.08);
  background: rgba(28, 37, 55, 0.96);
  color: #b8c4d7;
}

html[data-theme="dark"] .quotation-drawer__chat-emoji-group h4,
html[data-theme="dark"] .quotation-drawer__chat-emoji-empty {
  color: #9aabc1;
}

html[data-theme="dark"] .quotation-drawer__chat-emoji-option {
  border-color: rgba(255, 255, 255, 0.08);
  background: rgba(24, 31, 46, 0.96);
}

html[data-theme="dark"] .quotation-drawer__chat-emoji-option:hover,
html[data-theme="dark"] .quotation-drawer__chat-emoji-option:focus-visible {
  border-color: rgba(98, 162, 220, 0.32);
  background: rgba(32, 42, 64, 0.98);
  box-shadow: 0 12px 18px rgba(0, 0, 0, 0.24);
}

html[data-theme="dark"] .button--ghost {
  color: var(--ink-2);
}

html[data-theme="dark"] .button:focus-visible {
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.14);
}

html[data-theme="dark"] .form-alert,
html[data-theme="dark"] .dangerous-goods-field__error,
html[data-theme="dark"] .movement-address-card .address-section__field-error,
html[data-theme="dark"] .movement-address-card .address-section__search-status.is-error {
  color: var(--danger-text);
}

html[data-theme="dark"] .form-alert[data-tone="success"] {
  background: rgba(34, 197, 94, 0.16);
  color: #86efac;
  border-color: rgba(34, 197, 94, 0.22);
}

html[data-theme="dark"] .form-alert--info,
html[data-theme="dark"] .form-alert[data-tone="info"] {
  background: rgba(29, 111, 165, 0.18);
  color: #bfdbfe;
  border-color: rgba(96, 165, 250, 0.22);
}

html[data-theme="dark"] .dimensions-ai-import__status[data-tone="neutral"],
html[data-theme="dark"] .dimensions-ai-import__status[data-tone="loading"],
html[data-theme="dark"] .modality-guidance,
html[data-theme="dark"] .topline-card__helper,
html[data-theme="dark"] .topline-card__note,
html[data-theme="dark"] .form-footer__meta small {
  color: var(--ink-muted);
}

html[data-theme="dark"] .timeline::before {
  background: rgba(255, 255, 255, 0.18);
}

html[data-theme="dark"] .timeline::after {
  background: rgba(255, 255, 255, 0.26);
}

html[data-theme="dark"] .timeline-item__marker {
  border-color: rgba(255, 255, 255, 0.22);
  background: var(--surface-muted);
  --timeline-marker-empty-segment: rgba(255, 255, 255, 0.12);
}

html[data-theme="dark"] .timeline-item__marker::after {
  background: radial-gradient(circle, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.07) 44%, rgba(255, 255, 255, 0) 74%);
}

html[data-theme="dark"] .timeline-item__marker {
  --timeline-marker-fill: transparent;
}

html[data-theme="dark"] .timeline-item__marker[data-progress-state="partial"]::before {
  background: var(--timeline-marker-fill);
}

html[data-theme="dark"] .airport-autocomplete__option:hover,
html[data-theme="dark"] .airport-autocomplete__option:focus-visible,
html[data-theme="dark"] .airport-autocomplete__option.is-active,
html[data-theme="dark"] .frontend-incoterm-dropdown .airport-autocomplete__option:hover,
html[data-theme="dark"] .frontend-incoterm-dropdown .airport-autocomplete__option:focus-visible,
html[data-theme="dark"] .frontend-incoterm-dropdown .airport-autocomplete__option.is-active,
html[data-theme="dark"] .frontend-select__dropdown .airport-autocomplete__option:hover,
html[data-theme="dark"] .frontend-select__dropdown .airport-autocomplete__option:focus-visible,
html[data-theme="dark"] .frontend-select__dropdown .airport-autocomplete__option.is-active,
html[data-theme="dark"] .movement-address-card .address-section__search-result:hover,
html[data-theme="dark"] .movement-address-card .address-section__search-result:focus-visible,
html[data-theme="dark"] .movement-address-card .address-section__search-result.is-active {
  background: rgba(255, 255, 255, 0.08);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
  color: var(--ink);
}

html[data-theme="dark"] .airport-autocomplete__option:hover .airport-autocomplete__code,
html[data-theme="dark"] .airport-autocomplete__option:focus-visible .airport-autocomplete__code,
html[data-theme="dark"] .airport-autocomplete__option.is-active .airport-autocomplete__code,
html[data-theme="dark"] .frontend-incoterm-dropdown .airport-autocomplete__option:hover .airport-autocomplete__code,
html[data-theme="dark"] .frontend-incoterm-dropdown .airport-autocomplete__option:focus-visible .airport-autocomplete__code,
html[data-theme="dark"] .frontend-incoterm-dropdown .airport-autocomplete__option.is-active .airport-autocomplete__code,
html[data-theme="dark"] .frontend-select__dropdown .airport-autocomplete__option:hover .airport-autocomplete__code,
html[data-theme="dark"] .frontend-select__dropdown .airport-autocomplete__option:focus-visible .airport-autocomplete__code,
html[data-theme="dark"] .frontend-select__dropdown .airport-autocomplete__option.is-active .airport-autocomplete__code {
  color: var(--ink);
}

html[data-theme="dark"] .airport-autocomplete__option:hover .airport-autocomplete__meta,
html[data-theme="dark"] .airport-autocomplete__option:focus-visible .airport-autocomplete__meta,
html[data-theme="dark"] .airport-autocomplete__option.is-active .airport-autocomplete__meta,
html[data-theme="dark"] .frontend-incoterm-dropdown .airport-autocomplete__option:hover .airport-autocomplete__meta,
html[data-theme="dark"] .frontend-incoterm-dropdown .airport-autocomplete__option:focus-visible .airport-autocomplete__meta,
html[data-theme="dark"] .frontend-incoterm-dropdown .airport-autocomplete__option.is-active .airport-autocomplete__meta,
html[data-theme="dark"] .frontend-select__dropdown .airport-autocomplete__option:hover .airport-autocomplete__meta,
html[data-theme="dark"] .frontend-select__dropdown .airport-autocomplete__option:focus-visible .airport-autocomplete__meta,
html[data-theme="dark"] .frontend-select__dropdown .airport-autocomplete__option.is-active .airport-autocomplete__meta {
  color: var(--control-selected-muted);
}

html[data-theme="dark"] .timeline-item__marker[data-progress-state="complete"] {
  border-color: var(--brand);
}

html[data-theme="dark"] .timeline-item__card {
  border-color: rgba(255, 255, 255, 0.08);
  background: linear-gradient(180deg, rgba(25, 27, 30, 0.96) 0%, rgba(17, 19, 22, 0.98) 100%);
  box-shadow: 0 18px 28px rgba(0, 0, 0, 0.24);
}

html[data-theme="dark"] .timeline-item__chip {
  background: rgba(255, 255, 255, 0.08);
  color: var(--ink-muted);
}

html[data-theme="dark"] .timeline-item__badge {
  background: rgba(255, 255, 255, 0.08);
  color: var(--ink-muted);
}

html[data-theme="dark"] .timeline-item__badge[data-progress-state="in-progress"] {
  background: rgba(255, 255, 255, 0.9);
  color: #0f1113;
}

html[data-theme="dark"] .timeline-item__badge[data-progress-state="attention"] {
  background: rgba(241, 179, 82, 0.18);
  color: #f4be73;
}

html[data-theme="dark"] .timeline-item__badge[data-progress-state="complete"] {
  background: rgba(31, 143, 95, 0.18);
  color: #7edcae;
}

html[data-theme="dark"] .timeline-item.is-active .timeline-item__card {
  border-color: rgba(255, 255, 255, 0.16);
  box-shadow: 0 18px 32px rgba(0, 0, 0, 0.3);
}

html[data-theme="dark"] .file-dropzone.is-dragover,
html[data-theme="dark"] .dimensions-ai-import__dropzone:focus-visible,
html[data-theme="dark"] .dimensions-ai-import__dropzone.is-dragover,
html[data-theme="dark"] .airport-autocomplete__option:hover,
html[data-theme="dark"] .airport-autocomplete__option:focus-visible,
html[data-theme="dark"] .airport-autocomplete__option.is-active,
html[data-theme="dark"] .frontend-incoterm-dropdown .airport-autocomplete__option:hover,
html[data-theme="dark"] .frontend-incoterm-dropdown .airport-autocomplete__option:focus-visible,
html[data-theme="dark"] .frontend-incoterm-dropdown .airport-autocomplete__option.is-active,
html[data-theme="dark"] .frontend-select__dropdown .airport-autocomplete__option:hover,
html[data-theme="dark"] .frontend-select__dropdown .airport-autocomplete__option:focus-visible,
html[data-theme="dark"] .frontend-select__dropdown .airport-autocomplete__option.is-active,
html[data-theme="dark"] .movement-address-card .address-section__search-result:hover,
html[data-theme="dark"] .movement-address-card .address-section__search-result.is-active,
html[data-theme="dark"] .movement-address-card .address-section__search-result:focus-visible,
html[data-theme="dark"] .dangerous-goods-option:hover,
html[data-theme="dark"] .dangerous-goods-option:focus-visible,
html[data-theme="dark"] .dangerous-goods-option.is-selected {
  background: rgba(255, 255, 255, 0.08);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
}

html[data-theme="dark"] .dimensions-metric__head,
html[data-theme="dark"] .dimensions-ai-import__preview-head span,
html[data-theme="dark"] .dimensions-lines__header,
html[data-theme="dark"] .request-section__header p,
html[data-theme="dark"] .request-panel__header p,
html[data-theme="dark"] .success-card p,
html[data-theme="dark"] .timeline-item__body p,
html[data-theme="dark"] .timeline-item__card span,
html[data-theme="dark"] .choice-card small,
html[data-theme="dark"] .toggle-card small,
html[data-theme="dark"] .file-chip__meta div,
html[data-theme="dark"] .airport-autocomplete__meta,
html[data-theme="dark"] .route-map__status-note,
html[data-theme="dark"] .dimensions-ai-import__dropzone p,
html[data-theme="dark"] .dimensions-ai-import__dropzone span,
html[data-theme="dark"] .dimensions-ai-import__preview-meta span,
html[data-theme="dark"] .dimensions-ai-import__preview-item p {
  color: var(--ink-muted);
}

.timeline-item__body h3 {
  margin: 0;
  font-size: 0.92rem;
  line-height: 1.25;
  color: var(--brand);
}

.timeline-item__body {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.timeline-item__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.timeline-item__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 5px 9px;
  border-radius: 999px;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  background: rgba(15, 15, 16, 0.06);
  color: var(--ink-soft);
  white-space: nowrap;
}

.timeline-item__badge[data-progress-state="in-progress"] {
  background: rgba(15, 15, 16, 0.96);
  color: var(--brand-contrast);
}

.timeline-item__badge[data-progress-state="attention"] {
  background: rgba(241, 179, 82, 0.2);
  color: #93520d;
}

.timeline-item__badge[data-progress-state="complete"] {
  background: rgba(31, 143, 95, 0.14);
  color: #1f8f5f;
}

.timeline-item__badge--actionable {
  cursor: pointer;
  transition: transform 160ms ease, box-shadow 160ms ease, background-color 160ms ease, color 160ms ease;
}

.timeline-item__badge--actionable:hover,
.timeline-item__badge--actionable:focus-visible {
  outline: none;
  transform: translateY(-1px);
  box-shadow: 0 0 0 3px rgba(196, 107, 17, 0.12);
}

.timeline-item__card {
  margin-top: 0;
  padding: 12px 14px;
  border-radius: 18px;
  border: 1px solid rgba(15, 15, 16, 0.08);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 248, 249, 0.96) 100%);
  box-shadow: 0 14px 28px rgba(15, 15, 16, 0.04);
  display: grid;
  gap: 8px;
  transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.timeline-item__card strong {
  font-size: 0.96rem;
}

.timeline-item__primary {
  display: block;
  color: var(--brand);
  line-height: 1.35;
}

.timeline-item__secondary {
  margin: 0;
  color: var(--ink-muted);
  font-size: 0.78rem;
  line-height: 1.45;
}

.timeline-item__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.timeline-item__chip {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 8px;
  border-radius: 999px;
  background: rgba(15, 15, 16, 0.05);
  color: var(--ink-soft);
  font-size: 0.7rem;
  font-weight: 700;
  line-height: 1;
}

.timeline-item__footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
}

.timeline-item__cta {
  min-width: 88px;
}

.timeline-item[data-progress-state="complete"] .timeline-item__card {
  border-color: rgba(31, 143, 95, 0.14);
}

.timeline-item[data-progress-state="attention"] .timeline-item__card {
  border-color: rgba(196, 107, 17, 0.16);
}

.timeline-item.is-active .timeline-item__card {
  border-color: rgba(15, 15, 16, 0.16);
  box-shadow: 0 18px 30px rgba(15, 15, 16, 0.08);
  transform: translateY(-1px);
}

.timeline-item.is-disabled .timeline-item__card {
  opacity: 0.88;
}

.attention-target-pulse {
  animation: attention-target-pulse 760ms ease 2;
  scroll-margin-top: 128px;
}

@keyframes attention-target-pulse {
  0%,
  100% {
    box-shadow: 0 0 0 0 rgba(155, 45, 65, 0);
  }

  35% {
    box-shadow: 0 0 0 4px rgba(155, 45, 65, 0.14);
  }

  70% {
    box-shadow: 0 0 0 8px rgba(155, 45, 65, 0);
  }
}

.field input.attention-target-pulse,
.field textarea.attention-target-pulse,
.field select.attention-target-pulse,
.field input.is-invalid-airport.attention-target-pulse,
.frontend-select__trigger.is-invalid.attention-target-pulse,
.incoterm-select__trigger.is-invalid.attention-target-pulse,
.dangerous-goods-selector__trigger.attention-target-pulse,
.temperature-range-field.attention-target-pulse,
.dangerous-goods-field.attention-target-pulse,
.cargo-editor-panel.attention-target-pulse,
.file-chip.attention-target-pulse,
.request-panel--upload.attention-target-pulse {
  border-color: color-mix(in srgb, var(--danger-text) 36%, transparent 64%);
}

html[data-theme="dark"] .timeline-item__badge--actionable:hover,
html[data-theme="dark"] .timeline-item__badge--actionable:focus-visible {
  box-shadow: 0 0 0 3px rgba(241, 179, 82, 0.16);
}

html[data-theme="dark"] .field input.attention-target-pulse,
html[data-theme="dark"] .field textarea.attention-target-pulse,
html[data-theme="dark"] .field select.attention-target-pulse,
html[data-theme="dark"] .field input.is-invalid-airport.attention-target-pulse,
html[data-theme="dark"] .frontend-select__trigger.is-invalid.attention-target-pulse,
html[data-theme="dark"] .incoterm-select__trigger.is-invalid.attention-target-pulse,
html[data-theme="dark"] .dangerous-goods-selector__trigger.attention-target-pulse,
html[data-theme="dark"] .temperature-range-field.attention-target-pulse,
html[data-theme="dark"] .dangerous-goods-field.attention-target-pulse,
html[data-theme="dark"] .cargo-editor-panel.attention-target-pulse,
html[data-theme="dark"] .file-chip.attention-target-pulse,
html[data-theme="dark"] .request-panel--upload.attention-target-pulse {
  border-color: rgba(255, 122, 142, 0.34);
}

@media (prefers-reduced-motion: reduce) {
  .attention-target-pulse {
    animation: none;
    box-shadow: 0 0 0 4px rgba(155, 45, 65, 0.12);
  }
}

.success-panel {
  padding: 20px 8px 32px;
}

.success-card {
  max-width: 780px;
  margin: 0 auto;
  padding: 28px;
}

.success-card__eyebrow {
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.success-card h2 {
  margin: 10px 0 0;
  font-size: clamp(2rem, 3vw, 3rem);
  letter-spacing: -0.05em;
}

.success-card__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 24px;
}

@media (max-width: 1180px) {
  .portal-dashboard {
    grid-template-columns: 1fr;
  }

  .dashboard-hero {
    grid-template-columns: 1fr;
  }

  .dashboard-kpi-grid {
    overflow-x: auto;
    padding-bottom: 4px;
  }

  .dashboard-top-widgets:not(.dashboard-top-widgets--legacy) {
    min-width: 920px;
  }

  .quotations-kpi-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .dashboard-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dashboard-panel {
    grid-column: span 1;
    width: 100%;
    min-width: 0;
    flex: initial;
  }

  .dashboard-panel--chart,
  .dashboard-panel--chart-placeholder {
    width: 100%;
    min-width: 0;
    flex: initial;
  }

  .dashboard-panel.dashboard-panel--chart-size-landscape {
    grid-column: 1 / -1;
  }

  .dashboard-panel.dashboard-panel--chart-size-portrait {
    grid-column: span 1;
  }

  .dashboard-panel--wide {
    grid-column: span 2;
  }

  .dashboard-split,
  .dashboard-status-grid {
    grid-template-columns: 1fr;
  }

  .dashboard-panel__header {
    flex-direction: column;
  }

  .dashboard-panel__header p {
    text-align: left;
    max-width: none;
  }

  .portal-dashboard--with-rail,
  .portal-dashboard.is-dev-mode-workspace.portal-dashboard--with-rail {
    grid-template-columns: 1fr;
  }

  .portal-dashboard--with-rail > .portal-main,
  .portal-dashboard--with-rail > .portal-rail {
    grid-column: auto;
    grid-row: auto;
  }

  .portal-rail {
    order: -1;
    position: static;
    top: auto;
    width: 100%;
    justify-self: stretch;
  }

  .timeline {
    padding-left: 0;
  }
}

@media (max-width: 1280px) {
  .dashboard-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dashboard-panel.dashboard-panel--chart-size-landscape {
    grid-column: 1 / -1;
  }

  .dashboard-panel.dashboard-panel--chart-size-portrait {
    grid-column: span 1;
  }
}

@media (max-width: 900px) {
  .portal-topbar,
  .quotations-header,
  .overview-card,
  .request-section__grid--topline,
  .request-section__grid--two,
  .movement-scope-addresses,
  .request-section__grid--footer,
  .request-panel__grid--two,
  .request-panel__grid--three,
  .request-panel__grid--four {
    grid-template-columns: 1fr;
  }

  .request-card.is-dev-mode .request-section__grid--topline,
  .request-card.is-dev-mode .request-panel__grid--two,
  .request-card.is-dev-mode .request-panel__grid--three,
  .request-card.is-dev-mode .request-panel__grid--four,
  .request-card.is-dev-mode .request-panel__header {
    grid-template-columns: minmax(0, 1fr);
  }

  .request-card.is-dev-mode .request-panel__grid--airports {
    justify-content: stretch;
  }

  .request-card.is-dev-mode .field--airport-code {
    max-width: none;
  }

  .request-card.is-dev-mode .mode-panel .request-panel__header p {
    justify-self: start;
    text-align: left;
  }

  .request-group--shipment-flow {
    padding: 18px;
  }

  .request-panel--routing .request-panel__header p {
    max-width: none;
    text-align: left;
  }

  .form-footer {
    flex-wrap: wrap;
  }

  .form-footer__meta {
    order: 3;
    flex-basis: 100%;
    text-align: left;
  }

  .form-footer__actions {
    margin-left: auto;
  }

  .overview-card__summary-grid,
  .quotations-kpi-grid,
  .choice-grid {
    grid-template-columns: 1fr;
  }

  .dashboard-kpi-grid {
    overflow: visible;
  }

  .dashboard-top-widgets,
  .dashboard-widget-modal__grid {
    grid-template-columns: 1fr;
  }

  .dashboard-panel__intro {
    grid-template-columns: 1fr;
  }

  .dashboard-grid {
    grid-template-columns: 1fr;
  }

  .dashboard-panel,
  .dashboard-panel--chart {
    grid-column: 1 / -1;
    width: 100%;
    flex: initial;
  }

  .dashboard-top-widget {
    min-height: 156px;
  }

  .segmented-control--four {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .form-footer {
    flex-direction: column;
    align-items: stretch;
  }

  .portal-topbar__utility {
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
  }

  .portal-topbar__controls {
    width: 100%;
    justify-content: flex-end;
    margin-left: 0;
  }

  .portal-internal-switch__panel {
    right: auto;
    left: 0;
  }

  .dashboard-hero__tools {
    justify-items: stretch;
  }

  .dashboard-content-toolbar {
    justify-content: stretch;
  }

  .dashboard-filter-group--content-actions {
    width: 100%;
    justify-content: flex-end;
  }

  .dashboard-widget-modal__panel {
    width: min(100vw - 32px, 760px);
    padding: 24px;
  }

  .dashboard-widget-modal__header,
  .dashboard-widget-modal__results-head {
    grid-template-columns: 1fr;
    align-items: start;
  }

  .dashboard-widget-modal__results-head {
    display: grid;
  }

  .dashboard-widget-modal__results-count {
    justify-self: start;
  }

  .dashboard-widget-modal__results-context {
    gap: 10px;
  }

  .dashboard-widget-modal__type-switch {
    width: 100%;
  }

  .dashboard-widget-modal__filters {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 2px;
    scrollbar-width: none;
  }

  .dashboard-widget-modal__filters::-webkit-scrollbar {
    display: none;
  }

  .dashboard-widget-filter-pill {
    flex: none;
  }

  .dashboard-widget-modal__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dashboard-quick-add-visual-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dashboard-airline-chart__hero,
  .dashboard-airline-chart__visual {
    grid-template-columns: 1fr;
  }

  .dashboard-hero__logo-card {
    width: min(100%, 300px);
    min-height: 86px;
    padding: 14px 18px;
  }

  .dashboard-hero__logo-card img {
    max-width: min(100%, 168px);
    max-height: 44px;
  }

  .dashboard-bars {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .dashboard-ranking__row,
  .dashboard-lane-card,
  .dashboard-activity {
    grid-template-columns: 1fr;
  }

  .form-footer__meta {
    text-align: left;
  }

  .button {
    width: 100%;
  }

  .dimensions-shell {
    grid-template-columns: 1fr;
  }

  .dimensions-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .movement-address-card .address-section__top-grid,
  .movement-address-card .address-section__detail-grid {
    grid-template-columns: 1fr;
  }

  .movement-address-card .address-span-4,
  .movement-address-card .address-span-3,
  .movement-address-card .address-span-2,
  .movement-address-card .address-span-1 {
    grid-column: span 1;
  }

  .request-tabs {
    align-items: stretch;
  }

  .request-tabs__nav {
    gap: 6px;
    overflow: visible;
    flex-wrap: wrap;
  }

  .request-tabs__controls {
    width: 100%;
    justify-content: flex-end;
    flex-wrap: wrap;
  }

  .request-tabs__reference {
    width: 100%;
    flex-basis: 100%;
  }

  .request-group,
  .request-panel {
    padding: 16px;
    border-radius: 22px;
  }

  .request-panel__header {
    display: grid;
    gap: 8px;
  }

  .quotations-empty-state p {
    white-space: normal;
  }
}

@media (max-width: 760px) {
  .dashboard-widget-modal {
    padding: 12px;
  }

  .dashboard-widget-modal__panel {
    width: min(100vw - 24px, 100%);
    max-height: calc(100vh - 24px);
    padding: 22px 18px 20px;
    border-radius: 24px;
  }

  .dashboard-widget-modal__header {
    gap: 14px;
  }

  .dashboard-widget-modal__header h2 {
    font-size: clamp(1.6rem, 7vw, 2rem);
  }

  .dashboard-widget-modal__header p {
    font-size: 0.94rem;
    line-height: 1.58;
  }

  .dashboard-widget-modal__controls {
    gap: 14px;
    margin-top: 18px;
  }

  .dashboard-widget-modal__type-switch {
    width: 100%;
  }

  .dashboard-widget-modal__search input {
    min-height: 48px;
  }

  .dashboard-widget-modal__grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .dashboard-quick-add-topic {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .dashboard-quick-add-topic__chevron {
    display: none;
  }

  .dashboard-quick-add-visual-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .dashboard-quick-add-visual {
    min-height: auto;
  }

  .dashboard-widget-picker__option,
  .dashboard-widget-picker__option--widget,
  .dashboard-widget-picker__option--chart {
    min-height: auto;
  }

  .dashboard-widget-picker__footer {
    align-items: start;
    flex-direction: column;
  }

  .dashboard-widget-picker__action-button {
    align-self: flex-start;
  }

  .dashboard-widget-modal__footer {
    align-items: start;
    flex-direction: column;
  }

  .dashboard-widget-modal__actions {
    width: 100%;
    justify-content: flex-end;
  }

  .portal-topbar {
    min-height: auto;
    padding: 14px;
    gap: 12px;
    align-items: stretch;
    border-radius: 20px 20px 0 0;
  }

  .portal-brand {
    max-width: min(188px, 56vw);
  }

  .portal-brand__logo {
    height: 42px;
  }

  .portal-topbar__utility {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-areas:
      "dash quotes ship"
      "controls controls controls";
    gap: 8px;
    width: 100%;
    align-items: stretch;
  }

  .portal-topbar__link--dashboard {
    grid-area: dash;
  }

  .portal-topbar__link--quotations {
    grid-area: quotes;
  }

  .portal-topbar__link--shipments {
    grid-area: ship;
  }

  .portal-topbar__link {
    width: 100%;
    min-height: 40px;
    padding-inline: 10px;
    font-size: 0.78rem;
    white-space: nowrap;
  }

  .portal-topbar__controls {
    grid-area: controls;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    gap: 8px;
    width: 100%;
    align-items: center;
    margin-left: 0;
  }

  .portal-internal-switch {
    grid-column: 1 / -1;
    width: 100%;
  }

  .portal-topbar__badge--internal {
    width: 100%;
    min-height: 40px;
    justify-content: center;
  }

  .portal-language {
    min-width: 0;
  }

  .portal-language .frontend-select__trigger {
    width: 100%;
    min-height: 40px;
  }

  .portal-theme-toggle,
  .portal-topbar__icon-button {
    width: 40px;
    height: 40px;
  }

  .dashboard-hero {
    grid-template-columns: 1fr;
    gap: 18px;
    align-items: start;
    padding: 20px 18px;
  }

  .dashboard-hero__copy {
    align-content: start;
  }

  .dashboard-hero__copy h1,
  .quotations-header__copy h1,
  .request-section__header h2 {
    overflow-wrap: anywhere;
  }

  .dashboard-hero__copy h1 {
    margin-top: 0;
    font-size: clamp(2rem, 8vw, 2.55rem);
    line-height: 1.02;
  }

  .dashboard-hero__copy p {
    margin-top: 10px;
    max-width: none;
    font-size: 0.98rem;
    line-height: 1.6;
  }

  .dashboard-hero__tools {
    justify-items: stretch;
    padding-top: 0;
    gap: 12px;
  }

  .dashboard-content-toolbar {
    margin-top: 0;
  }

  .dashboard-filter-group {
    width: 100%;
    justify-content: space-between;
  }

  .dashboard-filter-pill {
    flex: 1 1 calc(50% - 4px);
    justify-content: center;
  }

  .dashboard-hero__logo-card {
    width: 100%;
    min-height: 76px;
    margin-left: 0;
  }

  .dashboard-top-widgets,
  .dashboard-kpi-grid {
    gap: 12px;
  }

  .dashboard-top-widget,
  .dashboard-kpi-card,
  .dashboard-panel {
    min-height: 0;
    padding: 18px;
    border-radius: 20px;
  }

  .dashboard-panel--chart {
    min-height: var(--dashboard-card-height, 420px);
  }

  .dashboard-airline-logo-badge,
  .dashboard-airline-chart__logo {
    width: 100%;
    max-width: 220px;
  }

  .dashboard-airline-chart__visual,
  .dashboard-split {
    gap: 16px;
    padding-bottom: 6px;
  }

  .quotations-header {
    align-items: flex-start;
    padding: 20px 18px;
    gap: 16px;
  }

  .quotations-header__copy h1 {
    font-size: clamp(1.95rem, 8vw, 2.4rem);
    line-height: 1.02;
  }

  .quotations-header__copy p {
    max-width: none;
    font-size: 0.96rem;
    line-height: 1.58;
  }

  .quotations-table-card {
    padding: 16px;
    gap: 14px;
  }

  .quotations-table-toolbar {
    flex-direction: column;
    align-items: stretch;
  }

  .quotations-table-filter {
    width: 100%;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .quotations-filter-pill {
    width: 100%;
  }

  .quotations-bulk-bar {
    width: 100%;
    margin-left: 0;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .request-card {
    padding: 16px;
  }

  .request-tabs {
    gap: 14px;
    padding-bottom: 12px;
  }

  .request-tabs__nav {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
    width: 100%;
  }

  .request-tabs__indicator {
    display: none;
  }

  .request-tab {
    min-height: 38px;
    padding: 0 10px;
    text-align: center;
    font-size: 0.78rem;
  }

  .request-tab.is-active {
    border-radius: 999px;
    background: var(--surface);
    box-shadow: 0 6px 14px rgba(15, 15, 16, 0.08);
  }

  .request-tabs__controls {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    width: 100%;
    justify-content: stretch;
  }

  .request-tabs__view-toggle {
    width: max-content;
    max-width: 100%;
  }

  .request-tabs__reference {
    width: 100%;
    flex-basis: auto;
  }

  .request-form {
    padding-top: 16px;
    gap: 16px;
  }

  .request-section__header {
    gap: 10px;
  }

  .request-section__header h2 {
    font-size: clamp(1.45rem, 6vw, 1.9rem);
    line-height: 1.06;
  }

  .overview-card__route-head {
    gap: 8px;
    align-items: flex-start;
  }

  .overview-card__route-head strong {
    font-size: clamp(1.35rem, 7vw, 1.8rem);
  }

  .request-group,
  .request-panel {
    padding: 14px;
    border-radius: 20px;
  }

  .choice-grid {
    grid-template-columns: 1fr;
  }

  .segmented-control--four {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .form-footer {
    gap: 12px;
    padding-top: 12px;
  }

  .form-footer__actions {
    width: 100%;
  }

  .form-footer__actions > * {
    flex: 1 1 0;
    min-width: 0;
  }

  .request-card.is-dev-mode .dev-workbench__top,
  .request-card.is-dev-mode .dev-itinerary__grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .request-card.is-dev-mode .dev-card,
  .request-card.is-dev-mode .dev-card--shipment-details {
    border-radius: 20px;
  }

  .request-card.is-dev-mode .dev-shipment-details__content .dimensions-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .portal-shell {
    padding: 0;
  }

  .portal-dashboard {
    padding: 14px 12px calc(env(safe-area-inset-bottom, 0px) + 28px);
  }

  .quotations-header,
  .dashboard-hero,
  .dashboard-panel,
  .dashboard-kpi-card,
  .dashboard-top-widget,
  .quotations-table-card {
    padding: 18px;
  }

  .portal-topbar {
    position: sticky;
    top: 0;
    z-index: 40;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    gap: 10px 12px;
    padding: max(10px, env(safe-area-inset-top, 0px)) 12px 12px;
    border-radius: 0 0 24px 24px;
    box-shadow: 0 16px 30px rgba(15, 23, 42, 0.14);
  }

  .portal-brand__logo {
    height: 28px;
  }

  .portal-brand {
    max-width: 104px;
    padding-top: 2px;
  }

  .portal-topbar__utility {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-areas:
      "dash quotes ship"
      "context context context"
      "language theme settings";
    width: 100%;
    gap: 8px;
    align-items: center;
  }

  .portal-topbar__controls {
    display: contents;
  }

  .portal-internal-switch__panel {
    width: min(100vw - 24px, 360px);
    left: 0;
    right: auto;
  }

  .portal-topbar__link {
    min-height: 36px;
    padding-inline: 8px;
    font-size: 0.74rem;
    border-radius: 16px;
    letter-spacing: 0.01em;
  }

  .portal-internal-switch {
    grid-area: context;
    width: 100%;
  }

  .portal-topbar__badge--internal {
    width: 100%;
    min-height: 38px;
    font-size: 0.84rem;
    border-radius: 18px;
  }

  .portal-language {
    grid-area: language;
    width: 100%;
  }

  .portal-language .frontend-select__trigger {
    min-height: 38px;
    padding-left: 10px;
    padding-right: 28px;
    border-radius: 16px;
  }

  .portal-theme-toggle {
    grid-area: theme;
    justify-self: end;
  }

  .portal-topbar__icon-button--settings {
    grid-area: settings;
    justify-self: end;
  }

  .dashboard-view {
    gap: 12px;
  }

  .dashboard-hero,
  .dashboard-grid {
    display: none;
  }

  .dashboard-content-toolbar {
    display: none;
  }

  .dashboard-kpi-grid {
    overflow: visible;
  }

  .dashboard-top-widgets {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .dashboard-top-widgets--mobile-fixed {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .dashboard-top-widget {
    min-height: 0;
    padding: 16px;
    gap: 8px;
    cursor: default;
    touch-action: pan-y;
  }

  .dashboard-top-widget > span {
    padding-right: 0;
    font-size: 0.76rem;
  }

  .dashboard-top-widget strong {
    margin-top: 2px;
    padding-right: 0;
    font-size: 2rem;
  }

  .dashboard-top-widget small {
    margin-top: 4px;
    max-width: none;
    font-size: 0.88rem;
    line-height: 1.5;
  }

  .dashboard-top-widget__icon-button {
    top: 14px;
    right: 14px;
  }

  .dashboard-top-widgets--mobile-fixed .dashboard-top-widget__icon-button,
  .dashboard-top-widget--placeholder {
    display: none !important;
  }

  .dashboard-mobile-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
    margin-bottom: 12px;
  }

  .dashboard-mobile-actions .dashboard-filter-pill--action {
    min-height: 36px;
    padding-inline: 14px;
  }

  .dashboard-top-widget[data-widget-id="awaiting_customer_response"] {
    order: -6;
  }

  .dashboard-top-widget[data-widget-id="open_awaiting_action"] {
    order: -5;
  }

  .dashboard-top-widget[data-widget-id="pending"] {
    order: -4;
  }

  .dashboard-top-widget[data-widget-id="quoted"] {
    order: -3;
  }

  .dashboard-top-widget[data-widget-id="total_quotations"] {
    order: -2;
  }

  .dashboard-top-widget[data-widget-id="average_quote_value"] {
    order: -1;
  }

  .dashboard-top-widget:is(
    [data-widget-id="awaiting_customer_response"],
    [data-widget-id="open_awaiting_action"],
    [data-widget-id="pending"],
    [data-widget-id="quoted"],
    [data-widget-id="total_quotations"],
    [data-widget-id="average_quote_value"]
  ) {
    border-color: rgba(29, 111, 165, 0.14);
    background:
      radial-gradient(circle at top left, rgba(29, 111, 165, 0.12), transparent 42%),
      linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(248, 250, 252, 0.96));
    box-shadow: 0 18px 34px rgba(29, 111, 165, 0.08), 0 8px 18px rgba(15, 23, 42, 0.05);
  }

  .dashboard-top-widget:is(
    [data-widget-id="awaiting_customer_response"],
    [data-widget-id="open_awaiting_action"],
    [data-widget-id="pending"],
    [data-widget-id="quoted"],
    [data-widget-id="total_quotations"],
    [data-widget-id="average_quote_value"]
  ) > span {
    color: var(--brand);
  }

  html[data-theme="dark"] .dashboard-top-widget:is(
    [data-widget-id="awaiting_customer_response"],
    [data-widget-id="open_awaiting_action"],
    [data-widget-id="pending"],
    [data-widget-id="quoted"],
    [data-widget-id="total_quotations"],
    [data-widget-id="average_quote_value"]
  ) {
    border-color: rgba(125, 211, 252, 0.16);
    background:
      radial-gradient(circle at top left, rgba(56, 189, 248, 0.14), transparent 42%),
      linear-gradient(180deg, rgba(30, 41, 59, 0.96), rgba(15, 23, 42, 0.92));
    box-shadow: 0 18px 34px rgba(2, 6, 23, 0.34), 0 8px 18px rgba(8, 47, 73, 0.18);
  }

  html[data-theme="dark"] .dashboard-top-widget:is(
    [data-widget-id="awaiting_customer_response"],
    [data-widget-id="open_awaiting_action"],
    [data-widget-id="pending"],
    [data-widget-id="quoted"],
    [data-widget-id="total_quotations"],
    [data-widget-id="average_quote_value"]
  ) > span {
    color: rgba(186, 230, 253, 0.92);
  }

  .portal-language .frontend-select__trigger {
    min-height: 38px;
    padding-left: 10px;
    padding-right: 26px;
  }

  .request-tabs {
    gap: 12px;
  }

  .request-card {
    padding: 14px;
    border-radius: 24px;
  }

  .request-tabs__controls {
    justify-content: flex-start;
  }

  .request-tabs__view-toggle {
    flex: 0 0 auto;
  }

  .dashboard-hero__copy h1 {
    font-size: clamp(1.85rem, 9vw, 2.25rem);
  }

  .dashboard-hero__copy p,
  .quotations-header__copy p {
    font-size: 0.92rem;
  }

  .dashboard-filter-group {
    padding: 4px;
  }

  .dashboard-filter-pill {
    flex-basis: 100%;
    min-height: 36px;
  }

  .quotations-overview {
    gap: 12px;
  }

  .quotations-kpi-grid {
    display: none;
  }

  .quotations-header {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      "copy"
      "cta";
    gap: 14px;
    align-items: start;
    justify-items: stretch;
    padding-bottom: 0;
  }

  .quotations-header__copy {
    grid-area: copy;
    width: 100%;
    max-width: none;
    gap: 12px;
  }

  .quotations-header__copy h1 {
    max-width: none;
    width: 100%;
    font-size: clamp(2.05rem, 9vw, 2.55rem);
    line-height: 0.94;
    overflow-wrap: normal;
    word-break: keep-all;
    text-wrap: balance;
  }

  .quotations-header__copy p {
    width: 100%;
    max-width: none;
    font-size: 0.93rem;
    line-height: 1.62;
  }

  #new-quote-button {
    grid-area: cta;
    width: auto;
    min-width: min(100%, 188px);
    min-height: 44px;
    padding-inline: 18px;
    border-radius: 18px;
    font-size: 0.8rem;
    letter-spacing: 0.05em;
    justify-self: end;
    align-self: start;
  }

  .quotations-table-card {
    padding: 14px;
    gap: 12px;
  }

  .quotations-table-card .dashboard-panel__header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
  }

  .quotations-table-card .dashboard-panel__header h3 {
    font-size: 1.3rem;
  }

  .quotations-table-card__header-tools {
    justify-self: end;
  }

  #quotations-table-wrap {
    gap: 10px;
  }

  .quotations-table-toolbar {
    display: grid;
    gap: 6px;
  }

  .quotations-table-filter {
    width: min(100%, 168px);
    margin-inline: 0;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 2px;
    border-radius: 16px;
    background: color-mix(in srgb, var(--surface-soft) 90%, var(--surface) 10%);
  }

  .quotations-table-filter__indicator {
    top: 2px;
    bottom: 2px;
    left: 2px;
    width: calc((100% - 4px) / 2);
    border-radius: 14px;
    box-shadow: 0 4px 10px rgba(15, 15, 16, 0.06), 0 1px 2px rgba(15, 15, 16, 0.03);
  }

  .quotations-filter-pill {
    min-height: 32px;
    width: 100%;
    padding: 0 8px;
    font-size: 0.72rem;
    font-weight: 650;
  }

  .quotations-filter-pill.is-active {
    font-weight: 700;
  }

  .quotations-bulk-bar {
    display: none;
  }

  .quotations-bulk-bar.is-active {
    display: flex;
    width: 100%;
    margin-left: 0;
    padding: 8px 10px;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
  }

  .quotations-bulk-bar__count {
    font-size: 0.78rem;
  }

  .quotations-bulk-bar .button {
    width: auto;
    min-height: 38px;
    padding: 0 14px;
    border-radius: 999px;
    white-space: nowrap;
    font-size: 0.76rem;
    font-weight: 700;
    box-shadow: none;
    align-self: flex-start;
    margin-left: auto;
  }

  .quotations-bulk-bar .button:disabled {
    opacity: 0.52;
    border-color: rgba(15, 15, 16, 0.08);
    background: rgba(15, 15, 16, 0.02);
  }

  .quotations-table-card .dashboard-table-wrap {
    overflow: visible;
  }

  .quotations-table-card .dashboard-table {
    width: 100%;
    min-width: 0;
    border-collapse: separate;
    border-spacing: 0;
  }

  .quotations-table thead {
    display: none;
  }

  .quotations-table tbody {
    display: grid;
    gap: 10px;
  }

  .quotations-table__row {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    grid-template-areas:
      "select reference status"
      "select route route"
      "select load load"
      "select action action";
    column-gap: 12px;
    row-gap: 12px;
    padding: 16px 14px;
    border-radius: 24px;
    border: 1px solid rgba(15, 15, 16, 0.08);
    background: var(--surface);
    box-shadow: 0 10px 24px rgba(15, 15, 16, 0.05);
    align-items: start;
  }

  .quotations-table__row td {
    display: block;
    padding: 0;
    border-bottom: 0;
    white-space: normal;
    min-width: 0;
  }

  .quotations-table__row.is-clickable:hover td,
  .quotations-table__row.is-draft-clickable:hover td {
    background: transparent;
  }

  .quotations-table__row.is-clickable:hover,
  .quotations-table__row.is-draft-clickable:hover {
    border-color: rgba(29, 111, 165, 0.16);
    box-shadow: 0 14px 28px rgba(29, 111, 165, 0.08);
  }

  .quotations-table__row.is-selected {
    border-color: rgba(29, 111, 165, 0.22);
    box-shadow: 0 0 0 1px rgba(29, 111, 165, 0.1), 0 14px 28px rgba(29, 111, 165, 0.08);
  }

  .quotations-table__cell {
    min-width: 0;
  }

  .quotations-table__cell--selection {
    grid-area: select;
    align-self: start;
    padding-top: 2px;
  }

  .quotations-table__cell--reference {
    grid-area: reference;
  }

  .quotations-table__cell--customer-reference {
    display: none !important;
  }

  .quotations-table__cell--origin {
    grid-area: route;
  }

  .quotations-table__cell--destination {
    display: none !important;
  }

  .quotations-table__cell--mode {
    display: none !important;
  }

  .quotations-table__cell--status {
    grid-area: status;
    justify-self: end;
    align-self: start;
  }

  .quotations-table__cell--action {
    grid-area: action;
  }

  .quotations-table__cell--requested-load {
    grid-area: load;
    display: block !important;
  }

  .quotations-table__cell--created-at,
  .quotations-table__cell--updated-at {
    display: none !important;
  }

  .quotations-table__reference-cell {
    display: grid;
    width: 100%;
    min-width: 0;
    gap: 7px;
  }

  .quotations-table__reference-topline {
    width: 100%;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
  }

  .quotations-table__reference-main {
    min-width: 0;
    align-items: flex-start;
  }

  .quotations-table__reference-cell strong {
    font-size: 1.1rem;
    line-height: 1.08;
    letter-spacing: -0.03em;
    overflow-wrap: anywhere;
  }

  .quotations-table__cell--action .button {
    width: 100%;
    min-height: 44px;
    border-radius: 16px;
    white-space: normal;
  }

  .quotations-table__status-stack {
    align-items: flex-end;
    gap: 4px;
  }

  .quotations-table__mobile-secondary-line {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    color: var(--ink-muted);
    font-size: 0.78rem;
    line-height: 1.3;
    font-weight: 600;
  }

  .quotations-table__mobile-secondary-divider {
    width: 4px;
    height: 4px;
    flex: 0 0 auto;
    border-radius: 999px;
    background: rgba(88, 102, 126, 0.45);
  }

  .quotations-table__mobile-secondary-item--mode {
    color: var(--ink-soft);
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
  }

  .quotations-table__origin-value {
    display: none;
  }

  .quotations-table__mobile-route {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    padding: 12px;
    border-radius: 16px;
    border: 1px solid rgba(15, 15, 16, 0.06);
    background: rgba(15, 15, 16, 0.025);
  }

  .quotations-table__mobile-route-point {
    display: grid;
    gap: 4px;
    min-width: 0;
  }

  .quotations-table__mobile-route-point--destination {
    text-align: right;
  }

  .quotations-table__mobile-route-label {
    color: var(--ink-soft);
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }

  .quotations-table__mobile-route-point strong {
    min-width: 0;
    color: var(--brand);
    font-size: 0.98rem;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .quotations-table__mobile-route-arrow {
    color: var(--ink-soft);
    font-size: 0.94rem;
    font-weight: 800;
  }

  .quotations-table__mobile-customer-reference,
  .quotations-table__mobile-mode {
    display: none;
  }

  .quotations-table__requested-load-desktop {
    display: none;
  }

  .quotations-table__requested-load-mobile {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .quotations-table__mobile-metric {
    display: grid;
    gap: 4px;
    padding: 12px;
    border-radius: 16px;
    background: rgba(15, 15, 16, 0.03);
    border: 1px solid rgba(15, 15, 16, 0.06);
  }

  .quotations-table__mobile-metric-label {
    color: var(--ink-soft);
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
  }

  .quotations-table__mobile-metric strong {
    color: var(--brand);
    font-size: 1rem;
    line-height: 1.2;
  }

  .quotations-table__row--booked td,
  .quotations-table__row--requote td,
  .quotations-table__row--rejected td {
    background: transparent;
  }

  .quotations-table__row--booked {
    border-color: rgba(34, 197, 94, 0.18);
    box-shadow: 0 12px 26px rgba(34, 197, 94, 0.08), 0 6px 14px rgba(15, 15, 16, 0.04);
  }

  .quotations-table__row--requote {
    border-color: rgba(217, 119, 6, 0.18);
    box-shadow: 0 12px 26px rgba(217, 119, 6, 0.08), 0 6px 14px rgba(15, 15, 16, 0.04);
  }

  .quotations-table__row--rejected {
    border-color: rgba(220, 38, 38, 0.16);
    box-shadow: 0 12px 26px rgba(220, 38, 38, 0.08), 0 6px 14px rgba(15, 15, 16, 0.04);
  }

  .quotations-table-filter,
  .dimensions-summary,
  .request-card.is-dev-mode .dev-shipment-details__content .dimensions-summary {
    grid-template-columns: 1fr;
  }

  .quotations-bulk-bar {
    gap: 8px;
  }

  .request-tabs__nav {
    grid-template-columns: 1fr;
  }

  .request-tab {
    min-height: 40px;
  }

  .request-tabs__controls {
    gap: 8px;
  }

  .request-tabs__view-toggle {
    display: none;
  }

  .request-view-toggle__option {
    min-height: 30px;
  }

  .dimensions-line,
  .dimensions-metric {
    padding: 14px;
  }

  .dimensions-summary {
    grid-template-columns: 1fr;
  }

  .dimensions-line__group {
    grid-template-columns: 1fr;
  }

  .portal-dashboard,
  .portal-main,
  .quotations-create-view,
  .request-card,
  .request-card.is-dev-mode .dev-workbench,
  .request-card.is-dev-mode .dev-card,
  .request-card.is-dev-mode .dev-card__body,
  .request-card.is-dev-mode .dev-shipment-details__content,
  .request-card.is-dev-mode .dimensions-shell,
  .request-card.is-dev-mode .dimensions-shell__main,
  .request-card.is-dev-mode .dimensions-lines,
  .request-card.is-dev-mode .dimensions-line,
  .request-card.is-dev-mode .dimensions-line__row,
  .request-card.is-dev-mode .dimensions-line__group,
  .request-card.is-dev-mode .dimensions-summary {
    min-width: 0;
    max-width: 100%;
  }

  .portal-dashboard,
  .portal-main,
  .quotations-create-view,
  .request-card,
  .request-card.is-dev-mode .dev-workbench {
    overflow-x: clip;
  }

  .request-card.is-dev-mode .dev-card__header--split {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: 10px;
  }

  .request-card.is-dev-mode .dev-card__actions {
    justify-self: end;
    gap: 10px;
  }

  .request-card.is-dev-mode .dev-card__action {
    font-size: 0.78rem;
    line-height: 1.2;
  }

  .request-card.is-dev-mode .dev-preferences-panel {
    justify-content: flex-end;
  }

  .request-card.is-dev-mode .dev-preferences-panel__slot .dimensions-toggle {
    min-height: 32px;
    padding: 2px;
    border-radius: 999px;
  }

  .request-card.is-dev-mode .dev-preferences-panel__slot .dimensions-toggle__option {
    min-height: 28px;
    padding-inline: 10px;
    font-size: 0.72rem;
  }

  .request-card.is-dev-mode .dev-shipment-details__content .dimensions-shell {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .request-card.is-dev-mode .dev-shipment-details__content .dimensions-shell__main {
    order: 1;
    gap: 12px;
  }

  .request-card.is-dev-mode .dev-shipment-details__content .dimensions-summary {
    order: 2;
    grid-template-columns: 1fr;
    gap: 8px;
    padding: 12px;
    border: 1px solid rgba(29, 111, 165, 0.1);
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(232, 246, 252, 0.96), rgba(224, 243, 250, 0.92));
  }

  .request-card.is-dev-mode .dev-shipment-details__content .dimensions-metric {
    min-height: 0;
    padding: 12px 14px;
    border: 1px solid rgba(15, 15, 16, 0.06);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.72);
    text-align: left;
  }

  .request-card.is-dev-mode .dev-shipment-details__content .dimensions-metric,
  .request-card.is-dev-mode .dev-shipment-details__content .dimensions-metric:last-child {
    border-right: 0;
  }

  .request-card.is-dev-mode .dev-shipment-details__content .dimensions-metric__head {
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    font-size: 0.72rem;
  }

  .request-card.is-dev-mode .dev-shipment-details__content .dimensions-metric__value {
    font-size: 1.02rem;
    line-height: 1.16;
  }

  .request-card.is-dev-mode .dev-shipment-details__content .dimensions-lines {
    overflow: visible;
    gap: 12px;
    padding-bottom: 0;
  }

  .request-card.is-dev-mode .dev-shipment-details__content .dimensions-lines__toolbar,
  .request-card.is-dev-mode .dev-shipment-details__content .dimensions-lines__header {
    display: none;
  }

  .request-card.is-dev-mode .dev-shipment-details__content .dimensions-line {
    display: grid;
    grid-template-columns: 1fr;
    min-width: 0;
    gap: 12px;
    padding: 14px;
    border: 1px solid rgba(15, 15, 16, 0.08);
    border-radius: 20px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.94));
    box-shadow: 0 10px 22px rgba(15, 15, 16, 0.05);
  }

  .request-card.is-dev-mode .dev-shipment-details__content .dimensions-line__mobile-head,
  .request-card.is-dev-mode .dev-shipment-details__content .dimensions-line__row,
  .request-card.is-dev-mode .dev-shipment-details__content .dimensions-line__section,
  .request-card.is-dev-mode .dev-shipment-details__content .dimensions-line__remove-wrap {
    display: grid;
  }

  .request-card.is-dev-mode .dev-shipment-details__content .dimensions-line__mobile-head {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: 10px;
  }

  .request-card.is-dev-mode .dev-shipment-details__content .dimensions-line__mobile-head-copy {
    display: grid;
    gap: 2px;
    min-width: 0;
  }

  .request-card.is-dev-mode .dev-shipment-details__content .dimensions-line__mobile-kicker,
  .request-card.is-dev-mode .dev-shipment-details__content .dimensions-line__mobile-label,
  .request-card.is-dev-mode .dev-shipment-details__content .dimensions-line__mini-label {
    display: block;
    color: var(--ink-soft);
    font-size: 0.7rem;
    font-weight: 780;
    letter-spacing: 0.06em;
    line-height: 1.2;
    text-transform: uppercase;
  }

  .request-card.is-dev-mode .dev-shipment-details__content .dimensions-line__mobile-title {
    display: block;
    color: var(--brand);
    font-size: 1rem;
    line-height: 1.14;
    letter-spacing: -0.02em;
  }

  .request-card.is-dev-mode .dev-shipment-details__content .dimensions-line__row {
    gap: 10px;
  }

  .request-card.is-dev-mode .dev-shipment-details__content .dimensions-line__row--basics {
    grid-template-columns: minmax(88px, 0.42fr) minmax(0, 1fr);
  }

  .request-card.is-dev-mode .dev-shipment-details__content .dimensions-line__row--dimensions,
  .request-card.is-dev-mode .dev-shipment-details__content .dimensions-line__section--dimensions,
  .request-card.is-dev-mode .dev-shipment-details__content .dimensions-line__row--extras,
  .request-card.is-dev-mode .dev-shipment-details__content .dimensions-line__section--stackable {
    grid-template-columns: 1fr;
  }

  .request-card.is-dev-mode .dev-shipment-details__content .dimensions-line__field,
  .request-card.is-dev-mode .dev-shipment-details__content .dimensions-line__mini-field {
    gap: 6px;
  }

  .request-card.is-dev-mode .dev-shipment-details__content .dimensions-line__field input,
  .request-card.is-dev-mode .dev-shipment-details__content .dimensions-line__field select,
  .request-card.is-dev-mode .dev-shipment-details__content .dimensions-line__field .frontend-select__trigger,
  .request-card.is-dev-mode .dev-shipment-details__content .dimensions-line__mini-field input,
  .request-card.is-dev-mode .dev-shipment-details__content .dimensions-line__stackable-toggle {
    min-height: 44px;
    height: 44px;
    border-radius: 14px;
  }

  .request-card.is-dev-mode .dev-shipment-details__content .dimensions-line__group {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
  }

  .request-card.is-dev-mode .dev-shipment-details__content .dimensions-line__mini-label {
    margin-bottom: 0;
  }

  .request-card.is-dev-mode .dev-shipment-details__content .dimensions-line__stackable {
    min-height: 0;
    height: auto;
  }

  .request-card.is-dev-mode .dev-shipment-details__content .dimensions-line__stackable-toggle {
    justify-content: space-between;
    padding-inline: 14px;
  }

  .request-card.is-dev-mode .dev-shipment-details__content .dimensions-line__remove-wrap {
    grid-column: auto;
    justify-items: end;
  }

  .request-card.is-dev-mode .dev-shipment-details__content .dimensions-line__remove {
    width: 40px;
    min-width: 40px;
    min-height: 40px;
    height: 40px;
    align-self: start;
    justify-self: end;
    border-radius: 12px;
  }

  .request-card.is-dev-mode .dev-shipment-details__content .dimensions-lines__footer {
    display: block;
  }

  .request-card.is-dev-mode .dev-shipment-details__content .dimensions-lines__footer .button {
    width: 100%;
    min-height: 44px;
    justify-content: center;
    border-radius: 14px;
  }

  .form-footer__actions {
    flex-direction: column;
  }

  .form-footer__actions > * {
    width: 100%;
  }

  html[data-theme="dark"] .quotations-table__row {
    border-color: rgba(148, 163, 184, 0.18);
    background: linear-gradient(180deg, rgba(17, 24, 39, 0.96), rgba(15, 23, 42, 0.92));
    box-shadow: 0 12px 26px rgba(2, 6, 23, 0.32);
  }

  html[data-theme="dark"] .request-card.is-dev-mode .dev-shipment-details__content .dimensions-summary {
    border-color: rgba(125, 211, 252, 0.14);
    background: linear-gradient(180deg, rgba(18, 38, 52, 0.94), rgba(15, 32, 44, 0.92));
  }

  html[data-theme="dark"] .request-card.is-dev-mode .dev-shipment-details__content .dimensions-metric {
    border-color: rgba(148, 163, 184, 0.12);
    background: rgba(15, 23, 42, 0.42);
  }

  html[data-theme="dark"] .request-card.is-dev-mode .dev-shipment-details__content .dimensions-line {
    border-color: rgba(148, 163, 184, 0.16);
    background: linear-gradient(180deg, rgba(17, 24, 39, 0.96), rgba(15, 23, 42, 0.92));
    box-shadow: 0 12px 26px rgba(2, 6, 23, 0.24);
  }

  html[data-theme="dark"] .request-card.is-dev-mode .dev-shipment-details__content .dimensions-line__mobile-kicker,
  html[data-theme="dark"] .request-card.is-dev-mode .dev-shipment-details__content .dimensions-line__mobile-label,
  html[data-theme="dark"] .request-card.is-dev-mode .dev-shipment-details__content .dimensions-line__mini-label {
    color: rgba(226, 232, 240, 0.68);
  }

  html[data-theme="dark"] .request-card.is-dev-mode .dev-shipment-details__content .dimensions-line__mobile-title {
    color: rgba(248, 250, 252, 0.94);
  }

  html[data-theme="dark"] .quotations-table__row.is-clickable:hover,
  html[data-theme="dark"] .quotations-table__row.is-draft-clickable:hover {
    border-color: rgba(125, 211, 252, 0.2);
    box-shadow: 0 16px 30px rgba(8, 47, 73, 0.24);
  }

  html[data-theme="dark"] .quotations-table__row.is-selected {
    border-color: rgba(125, 211, 252, 0.26);
    box-shadow: 0 0 0 1px rgba(125, 211, 252, 0.12), 0 16px 30px rgba(8, 47, 73, 0.24);
  }

  html[data-theme="dark"] .quotations-bulk-bar .button:disabled {
    border-color: rgba(148, 163, 184, 0.16);
    background: rgba(148, 163, 184, 0.06);
  }

  html[data-theme="dark"] .quotations-table-filter__indicator {
    box-shadow: 0 4px 14px rgba(2, 6, 23, 0.34);
  }

  html[data-theme="dark"] .quotations-table__mobile-customer-reference,
  html[data-theme="dark"] .quotations-table__mobile-mode,
  html[data-theme="dark"] .quotations-table__mobile-metric-label,
  html[data-theme="dark"] .quotations-table__mobile-route-label,
  html[data-theme="dark"] .quotations-table__mobile-secondary-item--mode {
    color: rgba(226, 232, 240, 0.72);
  }

  html[data-theme="dark"] .quotations-table__mobile-metric {
    background: rgba(148, 163, 184, 0.08);
    border-color: rgba(148, 163, 184, 0.12);
  }

  html[data-theme="dark"] .quotations-table__mobile-secondary-line {
    color: rgba(226, 232, 240, 0.86);
  }

  html[data-theme="dark"] .quotations-table__mobile-secondary-divider {
    background: rgba(148, 163, 184, 0.56);
  }

  html[data-theme="dark"] .quotations-table__mobile-route {
    background: rgba(148, 163, 184, 0.07);
    border-color: rgba(148, 163, 184, 0.16);
  }

  html[data-theme="dark"] .quotations-table__mobile-route-point strong {
    color: rgba(248, 250, 252, 0.94);
  }

  html[data-theme="dark"] .quotations-table__mobile-route-arrow {
    color: rgba(226, 232, 240, 0.58);
  }

  html[data-theme="dark"] .quotations-table__mobile-metric strong {
    color: rgba(248, 250, 252, 0.94);
  }
}