.export-stage { height: calc(100vh - var(--header-height)); display: flex; flex-direction: column; overflow: hidden; }.export-heading { flex: 0 0 auto; min-height: 76px; }.export-heading .eyebrow { margin: 0 0 1px; font-size: 9px; }.export-grid-shell { flex: 1; min-height: 0; overflow: auto; background: var(--surface); }.export-grid { min-width: max-content; width: 100%; border-collapse: separate; border-spacing: 0; font: 11px/16px JetBrains Mono, monospace; }.export-grid thead { position: sticky; top: 0; z-index: 5; }.export-grid th { padding: 7px 9px; color: var(--text-muted); border-inline-end: 1px solid var(--outline); border-bottom: 1px solid var(--outline); background: var(--surface-high); font-size: 9px; letter-spacing: .04em; text-align: start; text-transform: uppercase; white-space: nowrap; }.export-grid td { max-width: 320px; padding: 7px 9px; overflow: hidden; color: var(--text); border-inline-end: 1px solid #e1e3e4; border-bottom: 1px solid #e1e3e4; background: var(--surface); text-overflow: ellipsis; white-space: nowrap; }.export-grid tbody tr:hover td { background: var(--surface-low); }.export-grid th:first-child, .export-grid td:first-child { position: sticky; inset-inline-start: 0; z-index: 3; text-align: center; background: var(--surface-high); }.export-grid th:nth-child(2), .export-grid td:nth-child(2) { position: sticky; inset-inline-start: 42px; z-index: 2; min-width: 190px; background: var(--surface); }.export-grid th:nth-child(2) { background: var(--surface-high); }.export-statusbar { height: 34px; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 0 16px; color: var(--text-muted); border-top: 1px solid var(--outline); background: var(--surface-mid); font: 10px/14px JetBrains Mono, monospace; }
.toast { position: fixed; inset-inline-end: 18px; bottom: 18px; z-index: 150; display: flex; align-items: center; gap: 10px; width: min(360px, calc(100vw - 36px)); padding: 11px 12px; color: var(--success); border: 1px solid #8cc9aa; border-radius: 6px; background: var(--surface); box-shadow: var(--shadow-popover); }.toast > .material-symbols-outlined { font-size: 24px; }.toast div { flex: 1; }.toast strong { color: var(--text); font-size: 12px; }.toast p { color: var(--text-muted); font-size: 10px; }

.custom-scrollbar { scrollbar-color: var(--outline-strong) var(--surface-low); scrollbar-width: thin; }.custom-scrollbar::-webkit-scrollbar { width: 8px; height: 8px; }.custom-scrollbar::-webkit-scrollbar-track { background: var(--surface-low); }.custom-scrollbar::-webkit-scrollbar-thumb { background: var(--outline-strong); border: 2px solid var(--surface-low); border-radius: 8px; }
[dir="rtl"], .arabic { font-family: Inter, "Segoe UI", Tahoma, Arial, sans-serif; }

@media (max-width: 1180px) {
  .app-header { grid-template-columns: minmax(190px,1fr) auto minmax(90px,1fr); padding-inline: 16px; }.step-connector { width: 24px; }
  .import-layout { grid-template-columns: 1fr; }.source-column { padding-inline-end: 0; padding-bottom: 24px; border-inline-end: 0; border-bottom: 1px solid var(--outline); }
  .dashboard-toolbar { grid-template-columns: minmax(220px, .7fr) minmax(420px, 1.3fr); }.toolbar-actions { grid-column: 1/-1; justify-content: flex-start; }
  .ai-edit-panel { grid-template-columns: 1fr; }.ai-edit-feedback { grid-column: 1; }
}
@media (max-width: 820px) {
  :root { --header-height: 56px; }.app-header { height: var(--header-height); grid-template-columns: 1fr auto; }.workflow-steps { order: 3; position: fixed; inset-inline: 0; bottom: 0; z-index: 45; justify-content: center; height: 48px; padding: 0 10px; border-top: 1px solid var(--outline); background: var(--surface); }.workflow-step > span:last-child { display: none; }.step-connector { width: 54px; }.header-actions { display: none; }
  .app-main { min-height: calc(100vh - var(--header-height) - 48px); padding-bottom: 48px; }.import-stage { padding: 28px 14px 44px; }.import-layout { padding: 18px; }.panel-heading, .form-footer { padding-inline: 18px; }.secure-note { display: none; }
  .workspace-stage, .export-stage { height: calc(100vh - var(--header-height) - 48px); padding: 0; }.workspace-shell { border-inline: 0; border-radius: 0; }.workspace-heading, .export-heading { align-items: flex-start; padding: 11px 12px; }.workspace-heading, .export-heading { flex-direction: column; }.heading-actions { width: 100%; justify-content: flex-start; overflow-x: auto; }.dashboard-toolbar { grid-template-columns: 1fr; padding: 8px 12px; }.filter-tabs, .toolbar-actions { width: 100%; }.conversion-strip { padding-inline: 12px; }.conversion-copy div { flex-direction: column; gap: 0; }.bulk-toolbar { align-items: flex-start; padding-inline: 12px; }.bulk-controls { flex-wrap: wrap; }.drawer, .utility-drawer, .wide-drawer { width: 100vw; max-width: none; }.drawer-footer { align-items: stretch; flex-direction: column-reverse; }.footer-action-group { display: grid; grid-template-columns: 1fr 1fr; }.editor-grid, .editor-grid.three { grid-template-columns: 1fr; }.option-group-header-fields { grid-template-columns: 1fr; }.option-row { grid-template-columns: 1fr 1fr; }.option-row .icon-button { justify-self: end; }.source-modal { width: 100vw; height: calc(100vh - 48px); border: 0; border-radius: 0; }.centered-overlay { padding: 0; align-items: flex-start; }.confirmation-modal { width: min(440px, calc(100vw - 24px)); margin-top: max(72px, 15vh); }.confirmation-actions { flex-direction: column-reverse; }.confirmation-actions .button { width: 100%; }
  .ai-edit-panel { padding: 10px 12px; }.ai-edit-controls { grid-template-columns: 1fr; }.ai-edit-settings { flex-wrap: wrap; }.ai-edit-settings .button { min-height: 38px; }.ai-diff-modal { width: 100vw; height: calc(100vh - 48px); border: 0; border-radius: 0; }.ai-diff-row { grid-template-columns: 64px 1fr; }.ai-diff-value { grid-column: 1/-1; }.ai-diff-arrow { display: none; }
}
@media (max-width: 560px) {
  .brand-subtitle { display: none; }.brand-mark { width: 32px; height: 32px; }.import-intro { text-align: start; }.import-intro h1 { font-size: 26px; }.panel-heading { align-items: flex-start; }.segmented-control { width: calc(100% - 36px); margin-inline: 18px; }.segment { flex: 1; padding-inline: 8px; }.drop-zone { min-height: 235px; }.two-column-fields { grid-template-columns: 1fr; }.category-row { grid-template-columns: minmax(0,1fr) 92px 36px; }.form-footer { align-items: stretch; flex-direction: column; }.form-footer .button { width: 100%; }.workspace-heading .button-secondary, .accuracy-summary .accuracy-copy { display: none; }.heading-actions .button { flex: 1; }.filter-tabs { overflow-x: auto; }.toolbar-actions .button { flex: 1; }.conversion-strip { align-items: flex-start; }.conversion-controls { flex-wrap: wrap; justify-content: flex-end; }.bulk-toolbar { flex-direction: column; }.bulk-controls { width: 100%; }.bulk-controls select { flex: 1; min-width: 140px; }.workspace-footer { padding-inline: 10px; }.drawer-content { padding: 12px 12px 24px; }.drawer-header, .drawer-footer { padding-inline: 12px; }.footer-action-group { grid-template-columns: 1fr; }.option-row, .custom-field-row { grid-template-columns: 1fr; }.mapper-card { grid-template-columns: minmax(0,1fr) 82px 32px; }.export-statusbar span:last-child { display: none; }
}

@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; } }