/* Standalone import pages, scoped after the shared Materio system. */
html[data-import-mode="chooser"] body#gradientWorkspace#gradientWorkspace[data-dashboard-page="import-de"] :is(#panelSmart,#panelJson,#panelMedia,#panelBank),
html[data-import-mode="smart"] body#gradientWorkspace#gradientWorkspace[data-dashboard-page="import-de"] :is(#panelJson,#panelMedia,#panelBank),
html[data-import-mode="json"] body#gradientWorkspace#gradientWorkspace[data-dashboard-page="import-de"] :is(#panelSmart,#panelMedia,#panelBank),
html[data-import-mode="media"] body#gradientWorkspace#gradientWorkspace[data-dashboard-page="import-de"] :is(#panelSmart,#panelJson,#panelBank),
html[data-import-mode="bank"] body#gradientWorkspace#gradientWorkspace[data-dashboard-page="import-de"] :is(.import-tabs,#panelSmart,#panelJson,#panelMedia,#importChooseMethod,#openQuestionBank) { display:none!important; }
html[data-import-mode="json"] body#gradientWorkspace#gradientWorkspace[data-dashboard-page="import-de"] #guard[hidden]~#panelJson,
html[data-import-mode="media"] body#gradientWorkspace#gradientWorkspace[data-dashboard-page="import-de"] #guard[hidden]~#panelMedia,
html[data-import-mode="bank"] body#gradientWorkspace#gradientWorkspace[data-dashboard-page="import-de"] #guard[hidden]~#panelBank { display:grid!important; }
html.import-restoring body#gradientWorkspace#gradientWorkspace[data-dashboard-page="import-de"] #smartUploadCard { display:none!important; }
html.import-restoring body#gradientWorkspace#gradientWorkspace[data-dashboard-page="import-de"] #smartReview { display:grid!important; }
body#gradientWorkspace#gradientWorkspace[data-dashboard-page="import-de"] #guard:not([hidden])~:is(.import-tabs,.import-panel) { display:none!important; }
html body#gradientWorkspace#gradientWorkspace[data-dashboard-page="import-de"] {
  /* Formula fields share the form geometry while keeping native editing flow.
     Their hidden textarea stores the exact original source, never blob URLs. */
  .sq-body textarea[hidden] { display:none!important; }
  .sq-rich-field { display:block;box-sizing:border-box;flex:1;min-width:0;width:100%;min-height:40px;padding:8px 10px;border:1px solid var(--mt-line);border-radius:6px;outline:0;background:var(--mt-card);color:var(--mt-ink);font:400 16px/24px var(--mt-font);white-space:pre-wrap;overflow-wrap:anywhere;cursor:text;transition:border-color 150ms cubic-bezier(.4,0,.2,1); }
  .sq-rich-field:hover { border-color:var(--mt-muted); }
  .sq-rich-field:focus { border-color:var(--mt-primary,#4099ff);outline:1px solid var(--mt-primary,#4099ff);outline-offset:-1px; }
  .sq-rich-field:empty::before { content:attr(data-placeholder);color:var(--mt-muted);pointer-events:none; }
  .sq-rich-atom { display:inline-block;max-width:100%;vertical-align:middle;white-space:normal;line-height:1;user-select:all; }
  .sq-rich-atom img.exam-formula-inline { max-width:100%;height:auto;vertical-align:middle;user-select:none; }
  .sq-rich-atom.sq-rich-media { display:inline-block;width:fit-content;margin:4px 0;line-height:1; }
  .sq-rich-media img.exam-content-inline { display:block;max-width:100%;height:auto;margin:0!important;user-select:none; }
  .sq-rich-atom .katex-display { margin:8px 0;max-width:100%;overflow:auto; }
  #smartReview img[data-asset-url]:not([src]) { color:transparent;font-size:0;visibility:hidden; }
  .sq-field:has(>.sq-rich-field)>span { display:block;margin:0 0 6px;font:400 13px/18px var(--mt-font);color:var(--mt-muted); }
  .sq-content-field .sq-rich-field { min-height:64px; }
  .sq-opt>.sq-rich-field { width:auto; }
  .iw-editing-toolbar { display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:10px 16px;border-bottom:1px solid var(--mt-line);background:var(--mt-card);flex:none; }
  :is(.iw-editing-layout,.iw-editing-insert,.iw-editing-jump) { display:flex;align-items:center;gap:4px;min-width:0; }
  .iw-editing-layout { padding:3px;border:1px solid var(--mt-line);border-radius:6px; }
  .iw-editing-toolbar .btn { min-height:32px;padding:5px 10px;font:400 14px/20px var(--mt-font);color:var(--mt-muted);border-color:transparent;box-shadow:none;white-space:nowrap; }
  .iw-editing-toolbar .btn:hover { background:var(--mt-soft);color:var(--mt-primary); }
  .iw-editing-toolbar .btn[aria-pressed="true"] { color:var(--mt-primary);background:var(--mt-soft); }
  .iw-editing-insert .btn>span { margin-right:4px;font-weight:500; }
  .iw-editing-jump { margin-left:auto;font:400 13px/20px var(--mt-font); }
  .iw-editing-jump input { width:60px;min-height:32px;padding:4px 8px;border:1px solid var(--mt-line);border-radius:6px;font:400 14px/20px var(--mt-font);color:var(--mt-ink);background:var(--mt-card); }
  .iw-editing-target { font:400 12px/18px var(--mt-font);color:var(--mt-muted); }
  .iw-question-navigation { display:flex;flex-wrap:wrap;align-items:center;gap:4px;flex:1 0 100%;padding-top:8px;border-top:1px solid var(--mt-line); }
  .iw-question-navigation[hidden] { display:none!important; }
  .iw-question-navigation .btn { border-color:var(--mt-line);color:var(--mt-ink); }
  .iw-question-navigation #importQuestionPicker { min-width:112px;color:var(--mt-primary);background:var(--mt-soft); }
  .iw-question-navigation .iw-question-review { margin-left:8px; }
  .iw-question-review.has-issues { color:var(--bs-warning-text-emphasis,#936800);background:color-mix(in srgb,var(--bs-warning,#ffb400) 10%,var(--mt-card)); }
  .iw-question-nav-hint { margin-left:auto;color:var(--mt-muted);font:400 12px/18px var(--mt-font); }
  .iw-question-palette { position:fixed;inset:auto;z-index:5000;display:flex;flex-direction:column;box-sizing:border-box;margin:0;padding:0;overflow:hidden;border:1px solid var(--mt-line);border-radius:8px;background:var(--mt-card);color:var(--mt-ink);font:400 14px/20px var(--mt-font);box-shadow:0 4px 16px rgb(20 35 55 / .1); }
  .iw-question-palette[hidden] { display:none!important; }
  .iw-question-palette :is(header,footer) { display:flex;align-items:center;justify-content:space-between;gap:8px;flex:none;padding:10px 12px; }
  .iw-question-palette header { border-bottom:1px solid var(--mt-line); }
  .iw-question-palette strong { font-weight:500; }
  .iw-question-palette button { min-height:34px;padding:5px 9px;border:1px solid var(--mt-line);border-radius:6px;color:var(--mt-ink);background:var(--mt-card);font:400 14px/20px var(--mt-font);cursor:pointer; }
  .iw-question-palette button:hover { color:var(--mt-primary);border-color:var(--mt-primary);background:var(--mt-soft); }
  .iw-question-palette button:focus-visible { outline:2px solid var(--mt-primary);outline-offset:2px; }
  .iw-question-palette button:disabled { opacity:.5;cursor:default; }
  .iw-question-filters { display:flex;gap:6px;padding:12px 12px 0;flex:none; }
  .iw-question-filters [aria-pressed="true"],.iw-question-palette-grid [aria-current="true"] { color:var(--mt-primary);border-color:var(--mt-primary);background:var(--mt-soft); }
  .iw-question-palette-summary { flex:none;margin:8px 12px;color:var(--mt-muted);font-size:13px;line-height:20px; }
  .iw-question-palette-grid { display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;min-height:0;overflow:auto;padding:4px 12px 12px; }
  .iw-question-palette-grid button { position:relative;min-height:38px; }
  .iw-question-palette-grid .has-issues::after { content:"";position:absolute;top:4px;right:4px;width:5px;height:5px;border-radius:50%;background:var(--bs-warning,#ffb400); }
  .iw-question-palette-empty { margin:12px;color:var(--mt-muted); }
  .iw-question-document-issues { max-height:100px;overflow:auto;margin:0 12px 12px;padding:8px 10px;border:1px solid var(--mt-line);border-radius:6px;flex:none; }
  .iw-question-document-issues p { margin:0 0 6px;font-size:13px; }
  .iw-question-palette footer { border-top:1px solid var(--mt-line); }
  .iw-question-palette footer[hidden] { display:none; }
  @media(max-width:600px) {
    .iw-editing-toolbar .iw-editing-insert .btn { min-width:32px;font-size:0;padding:4px 7px; }
    .iw-editing-toolbar .iw-editing-insert .btn>span { margin:0;font-size:18px;line-height:20px; }
    .iw-editing-toolbar .iw-editing-jump { display:none; }
    .iw-question-navigation .iw-question-review { margin-left:0; }
    .iw-question-nav-hint { display:none; }
    .iw-question-navigation .btn { padding-inline:7px; }
    .iw-question-navigation #importQuestionNextIssue { min-width:32px;font-size:0; }
    .iw-question-navigation #importQuestionNextIssue::after { content:"↪";font-size:18px;line-height:20px; }
  }
  @media(forced-colors:active) { .iw-question-palette { border-color:CanvasText;box-shadow:none; } .iw-question-palette-grid .has-issues::after { background:Highlight; } .iw-question-palette [aria-current="true"] { outline:2px solid Highlight; } }
  &:not([data-import-editor]) .iw-editing-layout { display:none; }
  .sq-inline-images { min-width:0; }
  .sq-inline-images>.sq-hint { margin:0 0 6px; }
  .sq-inline-images .sq-images { display:flex;flex-wrap:wrap;gap:12px;align-items:start; }
  .sq-inline-images .sq-img { display:inline-flex;position:relative;max-width:100%;padding:8px;border:1px solid var(--mt-line);border-radius:6px; }
  .sq-inline-images .sq-img>img { width:auto;max-width:100%;max-height:400px;object-fit:contain; }
  .sq-inline-images .sq-img>button { position:absolute;right:4px;top:4px;min-width:28px;min-height:28px;border:1px solid var(--mt-line);border-radius:4px;background:var(--mt-card);color:var(--mt-muted); }
  .iw-field-dialog { width:min(760px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:0;border:1px solid var(--mt-line);border-radius:8px;background:var(--mt-card);color:var(--mt-ink);font:400 15px/24px var(--mt-font); }
  .iw-field-dialog::backdrop { background:rgb(24 36 52 / .32); }
  .iw-field-dialog form { display:flex;flex-direction:column;min-height:0;max-height:calc(100dvh - 34px); }
  .iw-field-dialog :is(header,footer) { display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;flex:none; }
  .iw-field-dialog header { border-bottom:1px solid var(--mt-line); }
  .iw-field-dialog h2 { margin:0;font:500 20px/28px var(--mt-font); }
  .iw-field-dialog header p { margin:4px 0 0;color:var(--mt-muted);font-size:13px; }
  .iw-field-dialog footer { justify-content:flex-end;border-top:1px solid var(--mt-line); }
  .iw-field-dialog-body { min-height:0;overflow:auto;padding:16px 20px; }
  .iw-field-dialog-body>p:first-child { margin:0 0 16px;color:var(--mt-muted); }
  .iw-field-source-label { display:grid;gap:6px; }
  .iw-field-source-label>span { font-size:13px;color:var(--mt-muted); }
  .iw-field-source-label textarea { display:block;width:100%;min-height:120px;max-height:40dvh;resize:vertical;padding:12px;border:1px solid var(--mt-line);border-radius:6px;background:var(--mt-card);color:var(--mt-ink);font:400 15px/24px Consolas,monospace;tab-size:2; }
  .iw-field-source-label textarea:focus { outline:1px solid var(--mt-primary);border-color:var(--mt-primary); }
  .iw-field-symbols { display:flex;flex-wrap:wrap;gap:6px;margin:10px 0; }
  .iw-field-symbols button { padding:4px 10px;border:1px solid var(--mt-line);border-radius:4px;background:var(--mt-card);color:var(--mt-primary);font:400 13px/20px var(--mt-font); }
  .iw-field-symbols button:hover { background:var(--mt-soft); }
  .iw-field-preview { min-height:64px;overflow:auto;padding:14px;margin-top:14px;border:1px solid var(--mt-line);border-radius:6px;background:var(--mt-soft);overflow-wrap:anywhere; }
  #iwOriginalFormula { margin-bottom:16px;padding:12px;border:1px solid var(--mt-line);border-radius:6px; }
  #iwFieldError { margin:8px 0 0;color:var(--bs-danger);font-size:13px; }
  @media(max-width:600px) { .iw-editing-toolbar { gap:8px;padding:8px 12px; } .iw-editing-jump { margin-left:0; } .iw-editing-target { flex-basis:100%; } .iw-field-dialog { width:calc(100vw - 16px);max-height:calc(100dvh - 16px); } .iw-field-dialog :is(header,footer),.iw-field-dialog-body { padding:12px; } }
  @media(forced-colors:active) { .sq-rich-field { border-color:CanvasText; } .sq-rich-field:focus { outline-color:Highlight;border-color:Highlight; } }
  .exam-head { display:grid;grid-template-columns:minmax(0,1fr);justify-content:start;align-items:start;gap:12px;margin:0 0 20px; }
  .import-head-copy { min-width:0; }
  .import-head-copy h1 { margin:0; }
  .import-head-copy p { margin:4px 0 0; }
  .import-breadcrumb { flex-wrap:wrap;gap:6px 8px;line-height:22px; }
  .import-breadcrumb :is(a,.is-current) { display:inline-flex;align-items:center;gap:8px;min-width:0; }
  .import-breadcrumb svg { flex:none;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round; }
  .import-breadcrumb .import-breadcrumb-sep { width:14px;height:14px; }
  .import-breadcrumb [hidden] { display:none!important; }
  .smart-list-pager { display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:16px;margin-bottom:16px;border:1px solid var(--mt-line);border-radius:6px;background:var(--mt-card); }
  .smart-list-pager>span { flex:1 0 120px;min-width:0;font-size:14px;line-height:22px; }
  .smart-list-pager label { display:flex;align-items:center;gap:8px;font-size:13px; }
  .smart-list-pager input.form-control { width:88px;min-width:0; }
  .smart-list-pager>.form-floating { flex:0 0 88px!important;width:88px!important;max-width:88px!important;min-width:0!important;margin:0!important; }
  .import-page-nav { display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:8px;margin:0;padding:0; }
  .import-page-nav:not(:has(> :not([hidden]))) { display:none; }
  .import-page-nav>.btn { display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;margin:0;white-space:normal; }
  .import-page-nav svg { width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round; }
  .import-page-nav>[hidden] { display:none!important; }
  #panelBank>.import-card { padding:28px;display:grid;gap:24px; }
  #panelBank .exam-toolbar { display:flex;align-items:center;flex-wrap:wrap;gap:16px;padding:0!important;margin:0!important;background:transparent!important;box-shadow:none!important;border:0!important; }
  #panelBank .exam-toolbar:first-child { justify-content:space-between;gap:24px; }
  #panelBank h2 { margin:0 0 8px; }
  #panelBank p { margin:0; }
  #panelBank #bankFilters { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 16px;align-items:start;margin:0;padding:20px 16px 16px;border:1px solid var(--mt-line);border-radius:var(--mt-radius,6px);background:var(--mt-canvas); }
  #bankFilters :is(.form-control,.ns-btn) { background:var(--mt-card)!important; }
  @media(min-width:1800px) { #panelBank #bankFilters { grid-template-columns:repeat(6,minmax(0,1fr)); } }
  #bankFilters>.field-row:not(.mt-search-field) { display:grid;grid-template-rows:auto 40px;align-content:start;gap:6px!important;min-width:0;margin:0;padding:0!important; }
  #bankFilters>.field-row:not(.mt-search-field)>span { display:block;min-width:0;font:500 14px/20px var(--mt-font);color:var(--mt-muted); }
  #bankFilters>.field-row:not(.mt-search-field)>.ns { display:block;min-width:0;width:100%; }
  #bankFilters>.field-row:not(.mt-search-field) :is(.form-control,.ns-btn) { box-sizing:border-box;width:100%;height:40px!important;min-height:40px!important;margin:0;padding-block:8px;font:400 15px/22px var(--mt-font)!important; }
  :is(.json-meta,#panelMedia .import-grid-2) .field-row { display:grid;align-content:start;gap:6px!important;min-width:0;margin:0;padding:0!important; }
  :is(.json-meta,#panelMedia .import-grid-2) .field-row>span { display:block;min-width:0;font:500 14px/20px var(--mt-font);color:var(--mt-muted); }
  :is(.json-meta,#panelMedia .import-grid-2) .field-row>.ns { display:block;min-width:0;width:100%; }
  :is(.json-meta,#panelMedia .import-grid-2) .field-row :is(input.form-control,.ns-btn) { box-sizing:border-box;width:100%;height:40px!important;min-height:40px!important;margin:0;padding-block:8px;font:400 15px/22px var(--mt-font)!important; }
  #bankFilters>button { grid-column:1/-1;justify-self:end; }
  #bankList { display:grid;gap:16px; }
  .iw-bank-empty { display:grid;justify-items:center;gap:8px;padding:32px 20px;text-align:center; }
  .iw-bank-empty h3 { margin:0;font:600 18px/26px var(--mt-font);color:var(--mt-ink); }
  .iw-bank-empty p { margin:0;max-width:480px; }
  .iw-bank-empty-actions { display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:8px; }
  #panelBank #backToImport { margin-left:auto; }
  @media(max-width:1100px) { #panelBank #bankFilters { grid-template-columns:repeat(2,minmax(0,1fr)); } }
  @media(max-width:600px) { #panelBank>.import-card { padding:20px;gap:20px; } #panelBank #bankFilters { grid-template-columns:minmax(0,1fr);gap:20px; } #panelBank #backToImport { margin-left:0; } #bankFilters>button { justify-self:start; } }
  .import-page-nav [aria-current="true"] { color:var(--mt-primary);border-color:var(--mt-primary);background:var(--mt-soft); }
  :is(.import-tabs,.import-panel,.import-page-nav)[hidden] { display:none!important; }
  .exam-state.import-access-state { width:100%;max-width:720px;min-height:0;margin:24px auto;padding:32px 24px;box-sizing:border-box; }
  .import-access-state h3 { font:500 20px/28px var(--mt-font); }
  .import-access-state .exam-state-actions { display:flex;flex-wrap:wrap;justify-content:center;gap:12px; }
  .json-workspace { grid-template-columns:minmax(0,1fr);gap:0; }
  .json-workspace>.card { margin:0; }
  .json-code-editor { height:clamp(320px,48dvh,560px); }
  :is(#jsonText,#jsonLineNumbers) { font:400 15px/24px Consolas,"Cascadia Code",ui-monospace,monospace!important;tab-size:2; }
  #jsonLineNumbers { padding-block:16px; }
  .smart-review { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:var(--mt-panel-gap);height:auto;min-height:0;margin:24px 0; }
  .smart-review>.import-card { padding:0;margin:0;height:auto;min-height:0;min-width:0;display:flex;flex-direction:column;overflow:hidden;position:static; }
  .smart-questions-card { order:1; }
  .smart-preview-card { order:2; }
  :is(.iw-editor-head,.iw-editor-footer,.iw-editor-scroll,.iw-preview-tabs) { padding:var(--mt-panel-padding); }
  .iw-editor-scroll { min-height:0;max-height:72dvh;overflow:auto;overscroll-behavior:contain; }
  .iw-preview-tabs { display:flex;flex-wrap:wrap;gap:10px; }
  .iw-preview-tabs [aria-pressed="true"] { border-color:var(--mt-primary);background:var(--mt-soft);color:var(--mt-primary); }
  .smart-preview-card>p.hint { display:block;padding:0 var(--mt-panel-padding);margin:0 0 16px;font-size:13px; }
  .smart-preview:not([hidden]) { display:block;flex:none;min-height:0;height:auto;max-height:72dvh;overflow:auto;padding:var(--mt-panel-padding);font:400 15px/26px var(--mt-font); }
  /* Source preview: keep Word's semantic run data, but soften its raw neon
     highlight palette so marked text stays readable in both themes. */
  .smart-source-document { display:block;padding:18px;background:var(--mt-card);color:var(--mt-ink);border:1px solid var(--mt-line);border-radius:8px;font:400 16px/26px Georgia,"Times New Roman",serif;overflow-wrap:anywhere; }
  .smart-source-document p { margin:0 0 10px;white-space:pre-wrap; }
  .smart-source-document .smart-source-run { box-decoration-break:clone;-webkit-box-decoration-break:clone;border-radius:3px;padding:.035em .16em;margin-inline:-.02em; }
  .smart-source-document .smart-source-run[data-highlight] { background-color:#f3df9f!important;box-shadow:inset 0 -1px 0 rgba(146,101,18,.2); }
  .smart-source-document .smart-source-run[data-highlight]:not([data-colored]) { color:#263548!important; }
  .smart-source-document .smart-source-run[data-highlight="yellow"],.smart-source-document .smart-source-run[data-highlight="#ffff00"] { background-color:#f3df9f!important; }
  .smart-source-document .smart-source-run[data-highlight="green"],.smart-source-document .smart-source-run[data-highlight="#00ff00"] { background-color:#cfe8d1!important; }
  .smart-source-document .smart-source-run[data-highlight="cyan"],.smart-source-document .smart-source-run[data-highlight="#00ffff"] { background-color:#cbe8eb!important; }
  .smart-source-document .smart-source-run[data-highlight="magenta"],.smart-source-document .smart-source-run[data-highlight="#ff00ff"] { background-color:#eed5e7!important; }
  .smart-source-document .smart-source-run[data-highlight="blue"],.smart-source-document .smart-source-run[data-highlight="#0000ff"] { background-color:#d4e2f4!important; }
  .smart-source-document .smart-source-run[data-highlight="red"],.smart-source-document .smart-source-run[data-highlight="#ff0000"] { background-color:#f2d1d0!important; }
  .smart-source-document .smart-source-run[data-highlight="darkblue"],.smart-source-document .smart-source-run[data-highlight="#000080"] { background-color:#cbd9ed!important; }
  .smart-source-document .smart-source-run[data-highlight="darkgreen"],.smart-source-document .smart-source-run[data-highlight="#008000"] { background-color:#d2e7d4!important; }
  .smart-source-document .smart-source-run[data-highlight="darkred"],.smart-source-document .smart-source-run[data-highlight="#800000"] { background-color:#ecd0cf!important; }
  .smart-source-document .smart-source-run[data-highlight="darkyellow"],.smart-source-document .smart-source-run[data-highlight="#808000"] { background-color:#eadfb9!important; }
  .iw-preview-question { display:block;height:auto;min-height:0;padding:20px;margin:0 0 16px;border:1px solid var(--mt-line);border-radius:6px;background:var(--mt-card);overflow-wrap:anywhere; }
  .iw-preview-question:last-child { margin-bottom:0; }
  .iw-preview-question.is-active { border-color:var(--mt-primary); }
  .iw-preview-question h3 { font:500 16px/24px var(--mt-font);margin:0 0 16px; }
  .iw-question-jump { float:right;margin:0 0 12px 12px; }
  .iw-preview-option { display:flex;align-items:baseline;gap:10px;margin-top:8px; }
  .iw-preview-option>b { flex:0 0 22px; }
  .iw-preview-content { white-space:pre-wrap; }
  .iw-answer { margin:16px 0;color:var(--mt-primary);font-weight:500; }
  .iw-question-image { width:auto!important;max-width:100%;max-height:360px;object-fit:contain; }
  .smart-list,.sq-section { display:grid;align-content:start;gap:16px; }
  .sq-card { height:auto;min-height:0;padding:16px;margin:0;border:1px solid var(--mt-line);border-radius:6px; }
  .sq-section-head { display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 0; }
  .sq-head { display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px; }
  .sq-body { display:grid;gap:16px; }
  .sq-opt { display:flex;align-items:flex-start;gap:10px;margin:8px 0; }
  .sq-opt textarea { flex:1;min-width:0; }
  .iw-warning-details { margin:16px 0;border:1px solid var(--mt-line);border-radius:6px; }
  .iw-warning-details>summary { display:flex;align-items:center;gap:12px;padding:16px;cursor:pointer; }
  .iw-checklist-chevron { margin-left:auto; }
  .iw-warning-details svg { width:20px;height:20px;flex:0 0 20px;fill:none;stroke:currentColor;stroke-width:1.7; }
  .iw-checklist-counts { display:flex;flex-wrap:wrap;gap:8px; }
  .iw-checklist-badge { display:inline-flex;padding:2px 8px;border-radius:4px;background:var(--mt-soft);color:var(--mt-primary);font-size:13px;line-height:20px; }
  .smart-warnings { display:grid;gap:12px;padding:16px; }
  .iw-checklist-row { display:flex;align-items:flex-start;gap:12px;width:100%;height:auto;text-align:left;white-space:normal;border:1px solid var(--mt-line);border-radius:6px;padding:14px; }
  .iw-checklist-copy { flex:1;min-width:0;display:grid;gap:8px; }
  .iw-checklist-row-title { display:flex;flex-wrap:wrap;gap:10px;align-items:center; }
  .iw-checklist-status { color:var(--bs-danger); }
  .iw-checklist-description { margin:0;font:400 14px/22px var(--mt-font);color:var(--mt-muted); }
  :is(.iw-format-group,.iw-note-group)>summary { display:flex;align-items:center;gap:10px;padding:10px 0;cursor:pointer; }
  .iw-format-grid { display:flex;flex-wrap:wrap;gap:8px; }
  .iw-format-chip { display:inline-flex;gap:8px;align-items:center; }
  #panelSmart[data-import-step="2"] .iw-question-classification { display:none; }
  #panelSmart:is([data-import-step="2"],[data-import-step="3"]) :is(#smartDraftBtn,#smartPublishBtn,#saveAllToBank) { display:none; }
  #panelSmart[data-import-step="4"] #smartList { display:none; }
  /* Stable structural groups survive outlined form wrappers. */
  #smartMeta { display:grid;grid-template-columns:minmax(0,1fr);gap:20px;margin:0;padding:20px; }
  :is(.iw-meta-group,.iw-knowledge-group) { min-width:0;overflow:hidden;border:1px solid var(--mt-line);border-radius:8px;background:var(--mt-card); }
  .iw-settings-head { display:flex;align-items:center;gap:12px;padding:16px 20px;background:var(--mt-soft);border-bottom:1px solid var(--mt-line); }
  .iw-settings-mark { display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:6px;background:var(--mt-card);color:var(--mt-primary);font:600 13px/20px var(--mt-font); }
  .iw-settings-head>div { flex:1;min-width:0; }
  .iw-settings-head h3 { margin:0 0 4px;font:600 15px/22px var(--mt-font);color:var(--mt-ink); }
  .iw-settings-head p { margin:0;font:400 13px/20px var(--mt-font);color:var(--mt-muted); }
  .iw-optional { flex:none;padding:3px 8px;border:1px solid var(--mt-line);border-radius:4px;background:var(--mt-card);color:var(--mt-muted);font:400 12px/18px var(--mt-font); }
  .iw-meta-fields { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:20px 16px;padding:24px 20px 20px; }
  .iw-meta-fields>* { min-width:0;margin:0; }
  .iw-meta-title { grid-column:1/-1; }
  .iw-meta-title>.materio-field { width:100%;margin:0; }
  .iw-knowledge-group>.iw-settings-head { background:color-mix(in srgb,var(--bs-success) 8%,var(--mt-card)); }
  .iw-knowledge-group .iw-settings-mark { color:var(--bs-success); }
  .iw-knowledge-editor { display:grid;grid-template-columns:minmax(0,1fr);gap:14px;padding:24px 20px 20px;min-width:0; }
  .iw-knowledge-editor>.import-knowledge-field { display:block;width:100%;margin:0;min-width:0; }
  .iw-knowledge-editor textarea.form-control { width:100%;min-height:160px;height:160px;resize:vertical; }
  .iw-knowledge-hint { margin:0;color:var(--mt-muted);font:400 13px/20px var(--mt-font); }
  .iw-review-checks { display:grid;grid-template-columns:minmax(0,1fr);gap:20px;margin-bottom:24px; }
  .iw-document-settings { margin:0;border:1px solid var(--mt-line);border-radius:8px;overflow:hidden;background:var(--mt-card); }
  .iw-document-settings>summary { padding:16px 20px;background:var(--mt-soft);color:var(--mt-ink);font-weight:600;cursor:pointer; }
  .iw-document-settings>summary>span { margin-left:10px;font-size:13px;font-weight:400;color:var(--mt-muted); }
  .iw-warning-details { margin:0;background:var(--mt-card);border-color:color-mix(in srgb,var(--bs-warning) 38%,var(--mt-line));border-radius:8px; }
  .iw-warning-details>summary { background:color-mix(in srgb,var(--bs-warning) 10%,var(--mt-card));border-bottom:1px solid transparent; }
  .iw-warning-details[open]>summary { border-bottom-color:var(--mt-line); }
  .iw-checklist-title { font-weight:600;color:var(--mt-ink); }
  .iw-checklist-badge.is-attention { color:var(--bs-danger);background:color-mix(in srgb,var(--bs-danger) 10%,var(--mt-card)); }
  .iw-checklist-badge.is-neutral { color:var(--mt-muted);background:var(--mt-canvas); }
  .iw-checklist-row.needs-answer,.iw-checklist-row.is-error { border-left:3px solid var(--bs-danger);background:color-mix(in srgb,var(--bs-danger) 4%,var(--mt-card)); }
  .iw-checklist-status { padding:2px 8px;border-radius:4px;background:color-mix(in srgb,var(--bs-danger) 10%,var(--mt-card));font-size:12px;line-height:20px; }
  :is(.iw-format-group,.iw-note-group) { border:1px solid var(--mt-line);border-radius:6px;background:var(--mt-card);overflow:hidden; }
  :is(.iw-format-group,.iw-note-group)>summary { padding:12px;background:var(--mt-canvas); }
  :is(.iw-format-group,.iw-note-group)>p,.iw-format-grid { margin:0;padding:12px; }
  .sq-section-head { margin:8px 0 0;padding:12px 16px;border:1px solid var(--mt-line);border-left:3px solid var(--mt-primary);border-radius:6px;background:var(--mt-soft);color:var(--mt-ink); }
  .sq-section-head b { color:var(--mt-primary); }
  .sq-card { background:var(--mt-card); }
  .sq-head { padding-bottom:12px;border-bottom:1px solid var(--mt-line); }
  /* Action disclosures need their own surface after legacy paint is removed. */
  .sq-card:has(.sq-menu[open]) { position:relative;z-index:2; }
  .sq-menu { position:relative;flex:none;margin-left:auto; }
  .sq-menu>summary { display:grid;place-items:center;box-sizing:border-box;width:36px;height:36px;padding:0;list-style:none;border:1px solid var(--mt-line);border-radius:6px;background:var(--mt-card);color:var(--mt-muted);cursor:pointer; }
  .sq-menu>summary::-webkit-details-marker { display:none; }
  .sq-menu>summary:is(:hover,:focus-visible),.sq-menu[open]>summary { color:var(--mt-primary);border-color:var(--mt-primary);background:var(--mt-soft); }
  .sq-menu>summary:focus-visible { outline:2px solid var(--mt-primary);outline-offset:2px; }
  .sq-menu svg { width:18px;height:18px;flex:0 0 18px; }
  .sq-menu .sq-actions { position:absolute;inset:auto 0 auto auto;top:calc(100% + 6px);z-index:30;display:grid;grid-template-columns:minmax(0,1fr);gap:2px;box-sizing:border-box;width:224px;max-width:calc(100vw - 32px);max-height:var(--sq-menu-space,calc(100dvh - 32px));overflow-y:auto;margin:0;padding:6px;border:1px solid var(--mt-line);border-radius:8px;background:var(--mt-card); }
  .sq-menu:not([open]) .sq-actions { display:none!important; }
  .sq-menu.is-upward .sq-actions { top:auto;bottom:calc(100% + 6px); }
  .sq-menu .sq-actions button { display:flex;align-items:center;justify-content:flex-start;gap:10px;box-sizing:border-box;width:100%;min-height:40px;height:auto;margin:0;padding:8px 10px;border:0;border-radius:4px;background:transparent;color:var(--mt-ink);font:400 14px/22px var(--mt-font);text-align:left;white-space:normal;cursor:pointer; }
  .sq-menu .sq-actions button:hover:not(:disabled) { color:var(--mt-primary);background:var(--mt-soft); }
  .sq-menu .sq-actions button:focus-visible { outline:2px solid var(--mt-primary);outline-offset:-2px; }
  .sq-menu .sq-actions button:disabled { opacity:.45;cursor:not-allowed; }
  .sq-menu .sq-actions button.is-danger { color:var(--bs-danger); }
  .sq-menu .sq-actions button.is-danger:hover { background:color-mix(in srgb,var(--bs-danger) 8%,var(--mt-card)); }
  #smartList :is(.sq-field,.sq-opt,.sq-tf-row) textarea.form-control { font:400 16px/24px var(--mt-font)!important;min-height:40px!important; }
  .iw-classification,.iw-summary { padding:20px;margin:0 0 20px;border:1px solid var(--mt-line);border-radius:8px;background:var(--mt-card); }
  .iw-classification>h3,.iw-summary>h3 { margin:0 0 12px; }
  @media(max-width:600px) {
    #smartMeta { padding:12px;gap:16px; }
    .iw-meta-fields { grid-template-columns:minmax(0,1fr);gap:20px;padding:24px 16px 16px; }
    .iw-settings-head { flex-wrap:wrap;padding:14px 16px;gap:10px; }
    .iw-settings-head>div { flex:1 1 140px; }
    .iw-optional { margin-left:42px; }
    .iw-knowledge-editor { padding:24px 16px 16px; }
    .iw-document-settings>summary { padding:14px 16px; }
    .iw-document-settings>summary>span { display:none; }
    .iw-warning-details>summary { flex-wrap:wrap;gap:10px;padding:14px; }
    .iw-checklist-counts { gap:6px; }
  }
  @media(max-width:1100px) { .smart-review { grid-template-columns:minmax(0,1fr); } .iw-editor-scroll { max-height:none;overflow:visible; } .smart-preview:not([hidden]) { max-height:520px; } }
  @media(max-width:767px) { .json-code-editor { height:360px; } }
}
/* Staff identity may resolve after first paint. Reserve its chooser action
   row so the bank shortcut cannot push the three method cards down. */
html[data-import-mode="chooser"] body#gradientWorkspace#gradientWorkspace[data-dashboard-page="import-de"]:not([data-import-editor]) .import-page-nav:not([hidden]) {
  display:flex;min-block-size:36px;
}
html[data-import-mode]:not([data-import-mode="chooser"]) body#gradientWorkspace#gradientWorkspace[data-dashboard-page="import-de"] .import-tabs { display:none!important; }
html[data-import-json-view="editor"] body[data-dashboard-page="import-de"] .json-preview-card,
html[data-import-json-view="preview"] body[data-dashboard-page="import-de"] .json-editor-card { display:none!important; }
body[data-dashboard-page="import-de"] .import-knowledge-field{grid-column:1/-1;display:grid;gap:12px;min-width:0}
body[data-dashboard-page="import-de"] .import-knowledge-field textarea{width:100%;min-height:160px;resize:vertical}
body[data-dashboard-page="import-de"] .import-knowledge-field small{display:block;color:var(--mt-muted);font-size:13px;line-height:20px}
body[data-dashboard-page="import-de"] .import-knowledge-file{grid-column:1/-1;display:flex;align-items:center;flex-wrap:wrap;gap:12px}
body[data-dashboard-page="import-de"] .import-knowledge-file small{color:var(--mt-muted);font-size:13px;line-height:20px}
body[data-dashboard-page="import-de"] .import-knowledge-block{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr);gap:16px;padding:20px;border:1px solid var(--mt-line);border-radius:8px;background:var(--mt-soft);min-width:0}

html body#gradientWorkspace[data-dashboard-page="import-de"] #bankFilters>.mt-search-field {align-self:end;margin:0;}

/* Upload is one decision at a time: source, recognition settings, then review. */
html body#gradientWorkspace#gradientWorkspace[data-dashboard-page="import-de"] {
 #smartUploadCard { container:import-upload / inline-size;padding:24px;margin:0 0 24px;border:1px solid var(--mt-line)!important;border-radius:8px;box-shadow:none!important; }
 #smartUploadCard[hidden],#importOCRAIOptions[hidden] { display:none!important; }
 .iw-upload-head { display:grid;gap:6px;margin:0 0 24px; }
 .iw-upload-head h2 { margin:0;font:500 20px/28px var(--mt-font);color:var(--mt-ink); }
 .iw-upload-head p { margin:0;font:400 14px/22px var(--mt-font);color:var(--mt-muted); }
 .iw-upload-layout { display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:24px; }
 .iw-upload-source { display:grid;align-content:start;gap:16px;min-width:0; }
 #smartDrop { display:flex;flex-direction:column;justify-content:center;gap:8px;min-height:260px;padding:28px 20px;border:1px dashed var(--mt-input-line);border-radius:8px;background:var(--mt-canvas);cursor:pointer; }
 #smartDrop:is(:hover,.is-over) { border-color:var(--mt-primary);background:var(--mt-soft); }
 #smartDrop:focus-visible { outline:2px solid var(--mt-primary);outline-offset:3px; }
 #smartDrop.is-selected { border-style:solid;border-color:var(--mt-primary); }
 #smartDrop .iw-upload-icon { display:grid;place-items:center;width:56px;height:56px;flex:none;margin:0 0 8px;border:0;border-radius:12px;background:var(--mt-soft);color:var(--mt-primary); }
 #smartDrop .iw-upload-icon svg { width:28px;height:28px; }
 #smartDrop strong { color:var(--mt-ink);font:500 16px/24px var(--mt-font); }
 .iw-upload-pick { color:var(--mt-primary);font:400 14px/22px var(--mt-font); }
 #smartDrop small { color:var(--mt-muted);font:400 13px/20px var(--mt-font); }
 #smartSelectedFile:not([hidden]) { display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;width:100%;margin:0;padding:12px;border:1px solid var(--mt-line);border-radius:6px;background:var(--mt-card);color:var(--mt-ink);font:400 14px/22px var(--mt-font);overflow-wrap:anywhere; }
 #smartSelectedFile[hidden] { display:none!important; }
 .iw-upload-actions.exam-toolbar { display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;margin:0;padding:0;border:0;background:transparent; }
 .iw-upload-actions .sp-status { flex:1 1 100%;min-width:0;font:400 14px/22px var(--mt-font);color:var(--mt-muted);overflow-wrap:anywhere; }
 .iw-upload-actions .sp-status:empty { display:none; }
 #smartAnalyzeProgress { flex:1 1 100%;width:100%;height:6px;accent-color:var(--mt-primary); }
 #smartAnalyzeProgress[hidden] { display:none; }
 .iw-upload-source>.import-help { margin:0;padding:0;border:0;font:400 13px/21px var(--mt-font);color:var(--mt-muted); }
 .iw-upload-source>.import-help summary { padding:6px 0;color:var(--mt-ink);cursor:pointer; }
 .iw-upload-source>.import-help p { margin:10px 0 0; }
 .iw-upload-config { display:grid;align-content:start;gap:20px;min-width:0;padding:20px;border:1px solid var(--mt-line);border-radius:8px;background:var(--mt-card); }
 .iw-upload-config h3 { margin:0;font:500 16px/24px var(--mt-font);color:var(--mt-ink); }
 .iw-upload-settings { display:grid;gap:18px;min-width:0; }
 .iw-upload-settings .field-row { display:grid;gap:8px!important;min-width:0;max-width:none;width:100%;margin:0;padding:0; }
 .iw-upload-settings .field-row>span { display:block;color:var(--mt-muted);font:400 14px/20px var(--mt-font); }
 .iw-answer-convention,.iw-answer-color-fields { display:grid;gap:14px;min-width:0; }
 .iw-answer-color-fields { padding:16px;border:1px solid var(--mt-line);border-radius:6px;background:var(--mt-canvas); }
 #smartTFColorDetails[hidden],#smartTFCustomColorField[hidden] {display:none!important;}
 .iw-upload-settings .ns { display:block;width:100%;min-width:0; }
 .iw-upload-settings .ns-btn { height:40px!important;min-height:40px!important;font:400 15px/22px var(--mt-font)!important; }
 .iw-upload-settings small.hint { display:block;margin:0;font:400 13px/20px var(--mt-font);color:var(--mt-muted); }
 .iw-ai-notice { display:grid;gap:14px;padding-top:20px;border-top:1px solid var(--mt-line);min-width:0; }
 .iw-ai-notice>.smart-ai-option { display:flex;align-items:flex-start;gap:10px;margin:0;font:400 14px/22px var(--mt-font);cursor:pointer; }
 .iw-ai-notice .smart-ai-option>input { flex:none;margin:2px 0 0; }
 .iw-ai-notice .smart-ai-option>span { display:grid;gap:4px;min-width:0; }
 .iw-ai-notice .smart-ai-option b { color:var(--mt-ink);font-weight:500; }
 .iw-ai-notice .smart-ai-option small { color:var(--mt-muted);font:400 13px/20px var(--mt-font); }
 #importOCRAIOptions { display:grid;gap:16px;min-width:0; }
 #smartAIHint { margin:0;font:400 13px/20px var(--mt-font);color:var(--mt-muted); }
 :is(#importOCRAIChoice,#importClassifyAIChoice) { min-width:0;font-family:var(--mt-font); }
 #importOCRAIChoice { padding:16px;background:var(--mt-canvas); }
 :is(#importOCRAIChoice,#importClassifyAIChoice) .personal-ai-choice-heading { gap:8px; }
 :is(#importOCRAIChoice,#importClassifyAIChoice) .personal-ai-choice-fields { grid-template-columns:minmax(0,1fr);gap:16px; }
 :is(#importOCRAIChoice,#importClassifyAIChoice) .personal-ai-choice-fields>label { display:block;min-width:0; }
 :is(#importOCRAIChoice,#importClassifyAIChoice) .ns-btn { width:100%;height:40px!important;min-height:40px!important; }
 :is(#importOCRAIChoice,#importClassifyAIChoice) .personal-ai-model-tools { flex-wrap:wrap;gap:8px; }
 :is(#importOCRAIChoice,#importClassifyAIChoice) .personal-ai-choice-actions { gap:8px; }
 &:not([data-import-editor]) .iw-steps { margin:20px 0!important;padding:16px 20px;box-shadow:none;border:1px solid var(--mt-line);border-radius:8px; }
 @container import-upload (min-width:900px) { .iw-upload-layout { grid-template-columns:minmax(0,1.12fr) minmax(0,1fr); } }
 @media(max-width:767px) {
  #smartUploadCard { padding:20px 16px; }
  .iw-upload-head { margin-bottom:20px; }
  #smartDrop { min-height:220px;padding:24px 16px; }
  .iw-upload-config { padding:16px; }
  .iw-steps { grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:16px; }
  .iw-step-copy small { display:none; }
  .iw-step-number { width:28px;height:28px;flex-basis:28px;font-size:14px; }
  .iw-steps button { gap:8px;align-items:flex-start; }
 }
}

/* Bank search retains a stable result area for both initial and empty lists. */
body[data-dashboard-style="materio"].import-page #bankList {min-height:320px;align-content:start;}
body[data-dashboard-style="materio"].import-page #bankStatus {min-height:22px;line-height:22px;}

/* Smooth upload & publish feedback across Smart Import, Editor, JSON and Media. */
html body#gradientWorkspace#gradientWorkspace[data-dashboard-page="import-de"] {
 [data-saving="true"] {
  position:relative;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  gap:8px;
  cursor:progress!important;
 }
 [data-saving="true"]::before {
  content:"";
  width:15px;
  height:15px;
  flex:0 0 15px;
  box-sizing:border-box;
  border:2px solid currentColor;
  border-right-color:transparent;
  border-radius:50%;
  animation:iw-save-spin 620ms linear infinite;
 }
 [data-saving="done"] {
  background:var(--bs-success,#28c76f)!important;
  border-color:var(--bs-success,#28c76f)!important;
  color:#fff!important;
 }
 .iw-editor-footer {
  position:relative;
  transition:background-color 180ms cubic-bezier(.4,0,.2,1);
 }
 #panelSmart[data-save-state] .iw-editor-footer::before {
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:3px;
  background:linear-gradient(90deg,transparent,var(--mt-primary,#4099ff),#7ec0ff,var(--mt-primary,#4099ff),transparent);
  background-size:200% 100%;
  animation:iw-save-progress 1.15s cubic-bezier(.4,0,.2,1) infinite;
 }
 #panelSmart[data-save-state="done"] .iw-editor-footer::before {
  background:var(--bs-success,#28c76f);
  animation:none;
 }
 #panelSmart[data-save-state][data-save-message] .smart-actions .smart-hint {
  font-size:0;
  display:inline-flex;
  align-items:center;
  gap:8px;
 }
 #panelSmart[data-save-state][data-save-message] .smart-actions .smart-hint::before {
  content:"";
  width:8px;
  height:8px;
  flex:0 0 8px;
  border-radius:50%;
  background:var(--mt-primary,#4099ff);
  box-shadow:0 0 0 4px color-mix(in srgb,var(--mt-primary,#4099ff) 20%,transparent);
  animation:iw-save-pulse 1.1s ease-in-out infinite;
 }
 #panelSmart[data-save-state="done"][data-save-message] .smart-actions .smart-hint::before {
  background:var(--bs-success,#28c76f);
  box-shadow:0 0 0 4px color-mix(in srgb,var(--bs-success,#28c76f) 20%,transparent);
  animation:none;
 }
 #panelSmart[data-save-state][data-save-message] .smart-actions .smart-hint::after {
  content:attr(data-save-message);
  font:500 13px/20px var(--mt-font);
  color:var(--mt-primary,#4099ff);
 }
 #panelSmart[data-save-state="done"][data-save-message] .smart-actions .smart-hint::after {
  color:var(--bs-success,#28c76f);
 }
 #panelSmart[data-save-state] #importFinalSummary {
  position:relative;
  overflow:hidden;
  border-color:color-mix(in srgb,var(--mt-primary,#4099ff) 45%,var(--mt-line));
  background:color-mix(in srgb,var(--mt-primary,#4099ff) 4%,var(--mt-card));
  transition:border-color 180ms cubic-bezier(.4,0,.2,1),background-color 180ms cubic-bezier(.4,0,.2,1);
 }
 #panelSmart[data-save-state] #importFinalSummary::after {
  content:attr(data-save-message);
  display:block;
  margin-top:12px;
  padding:10px 14px;
  border-radius:8px;
  background:var(--mt-soft);
  color:var(--mt-primary,#4099ff);
  font:500 13px/20px var(--mt-font);
 }
 :is(#jsonSaveStatus,#mediaSaveStatus)[data-state="saving"] {
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 14px;
  border-radius:8px;
  background:var(--mt-soft);
  color:var(--mt-primary,#4099ff);
  font-weight:500;
 }
 :is(#jsonSaveStatus,#mediaSaveStatus)[data-state="saving"]::before {
  content:"";
  width:14px;
  height:14px;
  flex:0 0 14px;
  box-sizing:border-box;
  border:2px solid currentColor;
  border-right-color:transparent;
  border-radius:50%;
  animation:iw-save-spin 620ms linear infinite;
 }
 :is(#jsonSaveStatus,#mediaSaveStatus)[data-state="success"] {
  padding:8px 14px;
  border-radius:8px;
  background:color-mix(in srgb,var(--bs-success,#28c76f) 12%,var(--mt-card));
  color:var(--bs-success,#28c76f);
  font-weight:500;
 }
}
@keyframes iw-save-spin {
 to { transform:rotate(360deg); }
}
@keyframes iw-save-progress {
 0% { background-position:200% 0; }
 100% { background-position:-200% 0; }
}
@keyframes iw-save-pulse {
 0%,100% { transform:scale(1);opacity:1; }
 50% { transform:scale(1.2);opacity:.72; }
}
@view-transition { navigation:auto; }
body#gradientWorkspace[data-dashboard-page="import-de"]:not([data-import-editor]) [data-app-side] { view-transition-name:ld-sidebar; }
body#gradientWorkspace[data-dashboard-page="import-de"]:not([data-import-editor]) #gradientHeader { view-transition-name:ld-header; }
body#gradientWorkspace[data-dashboard-page="import-de"]:not([data-import-editor]) .catalog-app>.catalog-stage { view-transition-name:ld-content;background-color:var(--mt-bg); }
::view-transition { pointer-events:none; }
::view-transition-group(root),::view-transition-group(ld-sidebar),::view-transition-group(ld-header),::view-transition-group(ld-content) { animation:none; }
::view-transition-old(root),::view-transition-old(ld-sidebar),::view-transition-old(ld-header),::view-transition-old(ld-content) { display:none;animation:none; }
::view-transition-new(root),::view-transition-new(ld-sidebar),::view-transition-new(ld-header) { animation:none;mix-blend-mode:normal; }
::view-transition-image-pair(ld-content) { isolation:isolate; }
::view-transition-new(ld-content) { animation:ld-content-reveal 150ms cubic-bezier(.4,0,.2,1) both;mix-blend-mode:normal; }
@keyframes ld-content-reveal { from { opacity:.96; } to { opacity:1; } }
html[data-reduce-motion="on"]::view-transition-new(ld-content) { animation:none; }
@media (prefers-reduced-motion:reduce) { ::view-transition-new(ld-content) { animation:none; } }