@import '_content/Scarnas.Blazor.Components/Scarnas.Blazor.Components.8w9pwpweek.bundle.scp.css';
@import '_content/Scarnas.SDK.BlazorAuth/Scarnas.SDK.BlazorAuth.9ahh9tmh9l.bundle.scp.css';
@import '_content/Tabiot.Blazor.Core/Tabiot.Blazor.Core.wfr2gml081.bundle.scp.css';
@import '_content/Tabiot.Blazor.Layouts/Tabiot.Blazor.Layouts.xcfrlxo0q3.bundle.scp.css';
@import '_content/Tabiot.Blazor.Loading/Tabiot.Blazor.Loading.hxb6uypiw6.bundle.scp.css';

/* /Components/Pages/ConfigImport.razor.rz.scp.css */
/* The import wizard (design 2026-10-29 §3). Tree rows live in ImportNodeTree, hence ::deep. */

.niol-import[b-6hz6shhecr] {
    display: flex;
    flex-direction: column;
    gap: var(--niol-space-4);
}

.niol-import__steps[b-6hz6shhecr] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--niol-space-4);
    margin: 0 0 var(--niol-space-4);
    padding: 0;
    list-style: none;
    font-size: 14px;
    color: var(--niol-text-muted);
}

.niol-import__step[b-6hz6shhecr] {
    display: flex;
    align-items: center;
    gap: var(--niol-space-2);
}

.niol-import__step-num[b-6hz6shhecr] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border: 1px solid var(--niol-border);
    border-radius: var(--niol-radius-pill);
    font-family: var(--niol-font-mono);
    font-size: var(--niol-fs-label);
}

.niol-import__step--active[b-6hz6shhecr] { color: var(--niol-accent); }

.niol-import__step--active .niol-import__step-num[b-6hz6shhecr] {
    border-color: var(--niol-accent);
    background: var(--niol-accent-soft);
}

.niol-import__step--done[b-6hz6shhecr] { color: var(--niol-text); }

.niol-import__heading[b-6hz6shhecr] {
    margin: 0;
    font-size: var(--niol-fs-lead);
}

.niol-import__facts[b-6hz6shhecr] {
    display: grid;
    grid-template-columns: minmax(140px, max-content) 1fr;
    gap: var(--niol-space-1) var(--niol-space-4);
    margin: 0;
    font-size: 14px;
}

.niol-import__facts dt[b-6hz6shhecr] { color: var(--niol-text-muted); font-weight: normal; }

.niol-import__facts dd[b-6hz6shhecr] { margin: 0; overflow-wrap: anywhere; }

.niol-import__over[b-6hz6shhecr] { color: var(--niol-alarm); font-weight: 600; }

.niol-import__reasons[b-6hz6shhecr] {
    margin: 0;
    padding-inline-start: var(--niol-space-5);
    font-size: 13px;
    color: var(--niol-text-muted);
}

.niol-import__warnings[b-6hz6shhecr] { font-size: 13px; }

.niol-import__warnings summary[b-6hz6shhecr] { cursor: pointer; color: var(--niol-warning); }

.niol-import__warnings ul[b-6hz6shhecr] {
    max-height: 240px;
    overflow-y: auto;
    margin: var(--niol-space-2) 0 0;
    padding-inline-start: var(--niol-space-5);
}

.niol-notice--alarm[b-6hz6shhecr] {
    border-color: var(--niol-alarm);
    background: var(--niol-alarm-soft);
}

.niol-notice--alarm[b-6hz6shhecr]  svg { color: var(--niol-alarm); }

.niol-import__toolbar[b-6hz6shhecr] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--niol-space-3);
}

.niol-import__toolbar .niol-search[b-6hz6shhecr] { flex: 1 1 240px; }

.niol-import__count[b-6hz6shhecr] { font-size: 14px; color: var(--niol-text-muted); }

.niol-import[b-6hz6shhecr]  .niol-import__back-icon { transform: rotate(90deg); }

/* The node tree: bounded so a large PLC scrolls inside the panel, not the page. */
.niol-import[b-6hz6shhecr]  .niol-import-tree {
    display: flex;
    flex-direction: column;
    gap: 2px;
    max-height: 60vh;
    overflow-y: auto;
    border: 1px solid var(--niol-border);
    border-radius: var(--niol-radius-sm);
    padding: var(--niol-space-2);
}

.niol-import[b-6hz6shhecr]  .niol-import-tree__row {
    display: flex;
    align-items: flex-start;
    gap: var(--niol-space-2);
    padding-block: var(--niol-space-1);
    padding-inline-end: var(--niol-space-2);
    padding-inline-start: calc(0.25rem + var(--tree-depth) * 1.1rem);
    border-radius: var(--niol-radius-sm);
    font-size: 14px;
    cursor: pointer;
}

.niol-import[b-6hz6shhecr]  .niol-import-tree__row:hover { background: var(--niol-panel-2); }

.niol-import[b-6hz6shhecr]  .niol-import-tree__row--folder { align-items: center; font-weight: 600; }

.niol-import[b-6hz6shhecr]  .niol-import-tree__row--off { color: var(--niol-text-subtle); cursor: default; }

.niol-import[b-6hz6shhecr]  .niol-import-tree__check { flex: none; margin-top: 3px; accent-color: var(--niol-accent); }

.niol-import[b-6hz6shhecr]  .niol-import-tree__row--folder .niol-import-tree__check { margin-top: 0; }

.niol-import[b-6hz6shhecr]  .niol-import-tree__leaf {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0 var(--niol-space-3);
    min-width: 0;
}

.niol-import[b-6hz6shhecr]  .niol-import-tree__name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.niol-import[b-6hz6shhecr]  .niol-import-tree__meta {
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--niol-fs-label);
    color: var(--niol-text-subtle);
}

.niol-import[b-6hz6shhecr]  .niol-import-tree__reason,
.niol-import[b-6hz6shhecr]  .niol-import-tree__warning {
    flex-basis: 100%;
    font-size: 12px;
}

.niol-import[b-6hz6shhecr]  .niol-import-tree__warning { color: var(--niol-warning); }