/* _content/ToolLogistics.Server/Components/Layout/MainLayout.razor.rz.scp.css */
.app-shell[b-yd73kj2b5k] { min-height: 100vh; background: #f4f7fb; }
.app-nav[b-yd73kj2b5k] { display: flex; align-items: center; gap: 34px; min-height: 62px; padding: 0 clamp(18px, 3vw, 54px); background: #142c48; color: #fff; }
.brand[b-yd73kj2b5k] { color: #fff; font-size: 17px; font-weight: 800; text-decoration: none; white-space: nowrap; }
nav[b-yd73kj2b5k] { display: flex; align-items: stretch; gap: 6px; height: 62px; }
nav a[b-yd73kj2b5k] { display: flex; align-items: center; padding: 0 16px; color: #b8cce2; border-bottom: 3px solid transparent; text-decoration: none; font-size: 14px; font-weight: 600; }
nav a:hover[b-yd73kj2b5k] { color: #fff; }
nav a.active[b-yd73kj2b5k] { color: #fff; border-bottom-color: #77b6ff; }
@media (max-width: 550px) { .app-nav[b-yd73kj2b5k] { gap: 12px; padding: 0 14px; } .brand[b-yd73kj2b5k] { font-size: 15px; } nav a[b-yd73kj2b5k] { padding: 0 9px; font-size: 12px; } }
/* _content/ToolLogistics.Server/Components/Layout/ReconnectModal.razor.rz.scp.css */
#components-reconnect-modal[b-vopgewf2j9] {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1400;
    overflow: hidden;
    background-color: transparent;
    border: none;
    width: 100%;
    max-width: 100%;
    max-height: 100%;
    margin: 0;
    padding: 0;
}

    #components-reconnect-modal[b-vopgewf2j9]::backdrop {
        background: rgba(10, 16, 28, 0.5);
    }

    #components-reconnect-modal.components-reconnect-show[b-vopgewf2j9],
    #components-reconnect-modal[open][b-vopgewf2j9],
    #components-reconnect-modal.components-reconnect-failed[b-vopgewf2j9],
    #components-reconnect-modal.components-reconnect-repeated-attempt[b-vopgewf2j9],
    #components-reconnect-modal.components-reconnect-paused[b-vopgewf2j9],
    #components-reconnect-modal.components-reconnect-resume-failed[b-vopgewf2j9],
    #components-reconnect-modal.components-pause[b-vopgewf2j9],
    #components-reconnect-modal.components-resume-failed[b-vopgewf2j9] {
        display: flex;
        align-items: center;
        justify-content: center;
    }

.components-reconnect-backdrop[b-vopgewf2j9] {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: radial-gradient(90% 60% at 80% 0%, color-mix(in srgb, var(--mud-palette-primary, #594AE2) 12%, transparent), transparent 60%), radial-gradient(80% 55% at 0% 100%, color-mix(in srgb, var(--mud-palette-info, #2196f3) 16%, transparent), transparent 62%), rgba(8, 12, 20, 0.5);
}

.components-reconnect-surface[b-vopgewf2j9] {
    width: min(480px, 100%);
    border-radius: var(--mud-default-borderradius, 12px);
    border: 1px solid color-mix(in srgb, var(--mud-palette-lines-default, #e0e0e0) 70%, transparent);
    background: var(--mud-palette-surface, #fff);
    box-shadow: var(--mud-elevation-24, 0 16px 30px rgba(0, 0, 0, 0.28));
    color: var(--mud-palette-text-primary, #1f2937);
    padding: 20px 20px 18px;
}

.components-reconnect-header[b-vopgewf2j9] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 8px;
}

    .components-reconnect-header h2[b-vopgewf2j9] {
        margin: 0;
        font-size: 1.05rem;
        font-weight: 600;
        line-height: 1.3;
    }

.components-reconnect-status-dot[b-vopgewf2j9] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: var(--mud-palette-warning, #f59e0b);
    box-shadow: 0 0 0 6px color-mix(in srgb, var(--mud-palette-warning, #f59e0b) 25%, transparent);
}

.components-reconnect-supporting[b-vopgewf2j9],
.components-reconnect-message[b-vopgewf2j9] {
    margin: 0;
    line-height: 1.45;
    font-size: 0.95rem;
}

.components-reconnect-supporting[b-vopgewf2j9] {
    color: var(--mud-palette-text-secondary, #52607a);
    margin-bottom: 14px;
}

.components-reconnect-message[b-vopgewf2j9] {
    font-weight: 500;
}

.components-reconnect-danger[b-vopgewf2j9] {
    color: var(--mud-palette-error, #b00020);
}

.components-reconnect-actions[b-vopgewf2j9] {
    margin-top: 14px;
    display: flex;
    gap: 10px;
    justify-content: flex-end;
}

.components-reconnect-first-attempt-visible[b-vopgewf2j9],
.components-reconnect-repeated-attempt-visible[b-vopgewf2j9],
.components-reconnect-failed-visible[b-vopgewf2j9],
.components-pause-visible[b-vopgewf2j9],
.components-resume-failed-visible[b-vopgewf2j9] {
    display: none;
}

dialog[open].components-reconnect-show .components-reconnect-first-attempt-visible[b-vopgewf2j9] {
    display: block;
}

dialog[open].components-reconnect-show .components-rejoin-loader[b-vopgewf2j9] {
    display: inline-flex;
}

dialog[open].components-reconnect-failed .components-reconnect-failed-visible[b-vopgewf2j9] {
    display: block;
}

dialog[open].components-reconnect-failed #components-reconnect-button[b-vopgewf2j9] {
    display: block;
}

dialog[open].components-reconnect-repeated-attempt .components-reconnect-repeated-attempt-visible[b-vopgewf2j9] {
    display: block;
}

dialog[open].components-reconnect-repeated-attempt .components-rejoin-loader[b-vopgewf2j9] {
    display: inline-flex;
}

dialog[open].components-reconnect-paused .components-pause-visible[b-vopgewf2j9],
dialog[open].components-pause .components-pause-visible[b-vopgewf2j9] {
    display: block;
}

dialog[open].components-reconnect-paused #components-resume-button[b-vopgewf2j9],
dialog[open].components-pause #components-resume-button[b-vopgewf2j9],
dialog[open].components-reconnect-resume-failed #components-resume-button[b-vopgewf2j9],
dialog[open].components-resume-failed #components-resume-button[b-vopgewf2j9] {
    display: block;
}

dialog[open].components-reconnect-resume-failed .components-resume-failed-visible[b-vopgewf2j9],
dialog[open].components-resume-failed .components-resume-failed-visible[b-vopgewf2j9] {
    display: block;
}

.components-rejoin-loader[b-vopgewf2j9] {
    display: none;
    margin-bottom: 10px;
    gap: 8px;
}

    .components-rejoin-loader div[b-vopgewf2j9] {
        width: 9px;
        height: 9px;
        border-radius: 50%;
        background-color: var(--mud-palette-primary, #594AE2);
        animation: reconnect-pulse-b-vopgewf2j9 1.2s infinite ease-in-out both;
    }

        .components-rejoin-loader div:nth-child(1)[b-vopgewf2j9] {
            animation-delay: -0.24s;
        }

        .components-rejoin-loader div:nth-child(2)[b-vopgewf2j9] {
            animation-delay: -0.12s;
        }

@keyframes reconnect-pulse-b-vopgewf2j9 {
    0%, 80%, 100% {
        transform: scale(0);
    }

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

#components-reconnect-button[b-vopgewf2j9],
#components-resume-button[b-vopgewf2j9] {
    display: none;
    min-width: 92px;
    cursor: pointer;
    padding: 8px 16px;
    border: 1px solid transparent;
    border-radius: 999px;
    background-color: var(--mud-palette-primary, #594AE2);
    color: #fff;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.2;
    transition: filter 140ms ease, transform 140ms ease;
}

    #components-reconnect-button:hover[b-vopgewf2j9],
    #components-resume-button:hover[b-vopgewf2j9] {
        filter: brightness(0.95);
    }

    #components-reconnect-button:active[b-vopgewf2j9],
    #components-resume-button:active[b-vopgewf2j9] {
        transform: translateY(1px);
    }

@media (max-width: 600px) {
    .components-reconnect-backdrop[b-vopgewf2j9] {
        padding: 14px;
    }

    .components-reconnect-surface[b-vopgewf2j9] {
        padding: 16px;
    }
}
/* _content/ToolLogistics.Server/Components/Pages/HolderPresettingDetail.razor.rz.scp.css */
.preset-detail[b-21j7yv9svt] { margin-top:24px; color:var(--dnc-text,#1f2937); font:inherit; }
h3[b-21j7yv9svt] { font-size:16px; margin:0 0 12px; }
p[b-21j7yv9svt] { font-size:13px; line-height:1.7; margin:8px 0; }
.preset-status[b-21j7yv9svt] { font-weight:700; }
.preset-description[b-21j7yv9svt],dt[b-21j7yv9svt] { color:var(--dnc-muted,#6b7280); }
dt[b-21j7yv9svt] { font-size:11px; margin-top:14px; }
dd[b-21j7yv9svt] { margin:4px 0; font-size:14px; overflow-wrap:anywhere; }
button[b-21j7yv9svt] { margin-top:12px; padding:7px 10px; border:0; border-radius:4px; background:var(--dnc-input,#edf3fb); color:var(--dnc-primary,#1f3b93); cursor:pointer; }
/* _content/ToolLogistics.Server/Components/Pages/Home.razor.rz.scp.css */
.tree-page[b-ri37wl7h0t] {
    min-height: 100vh;
    padding: 36px clamp(18px, 3vw, 54px) 60px;
    color: #17243a;
    background: #f4f7fb;
    font-family: Roboto, "Microsoft YaHei", sans-serif;
}

.page-heading[b-ri37wl7h0t], .panel-heading[b-ri37wl7h0t], .panel-context[b-ri37wl7h0t], .equipment-summary[b-ri37wl7h0t], .positions-heading[b-ri37wl7h0t], .position-row[b-ri37wl7h0t] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.page-heading[b-ri37wl7h0t] { margin-bottom: 28px; }
.eyebrow[b-ri37wl7h0t], .panel-heading small[b-ri37wl7h0t] { color: #65758d; font-size: 12px; font-weight: 700; letter-spacing: .08em; }
h1[b-ri37wl7h0t] { margin: 5px 0 4px; font-size: clamp(25px, 2.3vw, 34px); }
.page-heading p[b-ri37wl7h0t], .equipment-summary p[b-ri37wl7h0t] { margin: 0; color: #697990; }
.tree-columns[b-ri37wl7h0t] { display: grid; grid-template-columns: minmax(235px, .8fr) minmax(300px, 1.1fr) minmax(390px, 1.5fr); align-items: start; gap: 16px; }
.tree-panel[b-ri37wl7h0t] { min-height: 580px; padding: 20px; background: white; border: 1px solid #dce5ef; border-radius: 15px; box-shadow: 0 9px 28px #1934510a; }
.panel-heading[b-ri37wl7h0t] { padding-bottom: 16px; border-bottom: 1px solid #e7edf4; }
.panel-heading h2[b-ri37wl7h0t] { margin: 4px 0 0; font-size: 20px; }
.count[b-ri37wl7h0t] { display: inline-flex; min-width: 30px; height: 30px; align-items: center; justify-content: center; border-radius: 50%; background: #edf3fb; color: #355f91; font-size: 13px; font-weight: 700; }
.panel-context[b-ri37wl7h0t] { padding: 14px 0 7px; font-size: 13px; color: #68788d; }
.node-list[b-ri37wl7h0t] { display: grid; gap: 8px; padding: 15px 0 20px; }
.tree-node[b-ri37wl7h0t] { width: 100%; display: flex; align-items: center; gap: 11px; padding: 12px 11px; background: #fff; color: #1d2e46; border: 1px solid #e1e8f0; border-radius: 9px; text-align: left; cursor: pointer; }
.tree-node:hover[b-ri37wl7h0t] { border-color: #8db4df; background: #f7fbff; }
.tree-node.selected[b-ri37wl7h0t] { border-color: #3e83cb; background: #edf5ff; box-shadow: inset 3px 0 #2875c1; }
.tree-node.inactive[b-ri37wl7h0t], .position-row.inactive[b-ri37wl7h0t] { opacity: .55; }
.node-code[b-ri37wl7h0t], .position-code[b-ri37wl7h0t] { flex: none; min-width: 45px; padding: 6px 8px; background: #eaf0f7; border-radius: 6px; color: #365c89; font-size: 12px; font-weight: 800; text-align: center; }
.node-main[b-ri37wl7h0t] { flex: 1; min-width: 0; }
.node-main strong[b-ri37wl7h0t], .node-main small[b-ri37wl7h0t] { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.node-main strong[b-ri37wl7h0t] { font-size: 14px; }
.node-main small[b-ri37wl7h0t] { margin-top: 4px; color: #718197; font-size: 12px; }
.node-arrow[b-ri37wl7h0t] { color: #8fa5bb; font-size: 22px; }
.kind-badge[b-ri37wl7h0t] { flex: none; padding: 6px 8px; border-radius: 6px; background: #eaf2fd; color: #2d65a7; font-size: 11px; font-weight: 800; }
.kind-badge.toolrack[b-ri37wl7h0t] { background: #e9f5ec; color: #32734c; }
.kind-badge.recoveryrack[b-ri37wl7h0t] { background: #fff1df; color: #9a6423; }
.kind-badge.presetter[b-ri37wl7h0t] { background: #f2eefe; color: #7053a4; }
.add-form[b-ri37wl7h0t] { margin-top: 8px; padding-top: 18px; border-top: 1px solid #e7edf4; }
.add-form h3[b-ri37wl7h0t], .positions-heading h3[b-ri37wl7h0t] { margin: 0 0 12px; font-size: 15px; }
label[b-ri37wl7h0t] { display: block; margin: 10px 0; color: #44566d; font-size: 12px; font-weight: 700; }
input[b-ri37wl7h0t], select[b-ri37wl7h0t] { display: block; width: 100%; margin-top: 5px; padding: 9px 10px; color: #17243a; background: #fff; border: 1px solid #c7d4e2; border-radius: 7px; font: inherit; font-size: 13px; }
input:focus[b-ri37wl7h0t], select:focus[b-ri37wl7h0t] { outline: 2px solid #9ec4ee; border-color: #4385ca; }
button[b-ri37wl7h0t] { font: inherit; }
.add-form button[b-ri37wl7h0t] { width: 100%; margin-top: 8px; padding: 10px 14px; color: white; background: #236eb8; border: 0; border-radius: 7px; font-size: 13px; font-weight: 700; cursor: pointer; }
.add-form button:hover[b-ri37wl7h0t] { background: #175a9b; }
.add-form button:disabled[b-ri37wl7h0t] { opacity: .5; cursor: not-allowed; }
.quiet-button[b-ri37wl7h0t] { padding: 8px 12px; color: #355b83; background: #edf3f9; border: 1px solid #d4e1ee; border-radius: 7px; cursor: pointer; white-space: nowrap; }
.text-button[b-ri37wl7h0t] { padding: 4px 0; color: #2a6aa9; background: transparent; border: 0; cursor: pointer; white-space: nowrap; font-size: 12px; }
.equipment-summary[b-ri37wl7h0t] { align-items: flex-start; margin: 17px 0 14px; }
.equipment-actions[b-ri37wl7h0t] { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.equipment-summary h3[b-ri37wl7h0t] { margin: 10px 0 4px; font-size: 20px; }
.equipment-summary p[b-ri37wl7h0t] { font-size: 13px; }
.move-control[b-ri37wl7h0t] { margin-bottom: 20px; padding: 10px 13px; background: #f8fafc; border-radius: 8px; }
.move-control label[b-ri37wl7h0t] { margin: 0; }
.positions-heading[b-ri37wl7h0t] { padding-bottom: 8px; border-bottom: 1px solid #e7edf4; }
.positions-heading h3[b-ri37wl7h0t] { margin: 0; }
.positions-heading small[b-ri37wl7h0t] { color: #748398; }
.position-list[b-ri37wl7h0t] { padding: 12px 0; }
.position-row[b-ri37wl7h0t] { padding: 10px 11px; margin: 7px 0; border: 1px solid #e2e9f1; border-radius: 8px; }
.position-name[b-ri37wl7h0t] { flex: 1; min-width: 0; }
.position-name strong[b-ri37wl7h0t], .position-name small[b-ri37wl7h0t] { display: block; }
.position-name strong[b-ri37wl7h0t] { font-size: 13px; }
.position-name small[b-ri37wl7h0t] { margin-top: 3px; color: #748398; font-size: 12px; }
.position-form-fields[b-ri37wl7h0t] { display: grid; grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); gap: 8px; }
.empty[b-ri37wl7h0t] { padding: 16px 4px; color: #8290a2; font-size: 13px; }
.detail-empty[b-ri37wl7h0t] { padding: 22px; background: #f8f5ff; border-radius: 9px; }
.notice[b-ri37wl7h0t] { margin-bottom: 18px; padding: 11px 14px; border-radius: 8px; font-size: 13px; }
.notice.error[b-ri37wl7h0t] { color: #9c292e; background: #fff0f0; }
.notice.success[b-ri37wl7h0t] { color: #23623b; background: #e9f7ed; }

@media (max-width: 1100px) {
    .tree-columns[b-ri37wl7h0t] { grid-template-columns: minmax(220px, .8fr) minmax(280px, 1fr); }
    .detail-panel[b-ri37wl7h0t] { grid-column: 1 / -1; min-height: 0; }
}

@media (max-width: 680px) {
    .tree-page[b-ri37wl7h0t] { padding: 18px 12px 40px; }
    .tree-columns[b-ri37wl7h0t] { grid-template-columns: 1fr; }
    .tree-panel[b-ri37wl7h0t], .detail-panel[b-ri37wl7h0t] { grid-column: auto; min-height: 0; }
    .page-heading[b-ri37wl7h0t] { align-items: flex-start; }
}
/* _content/ToolLogistics.Server/Components/Pages/MachineRemovalHistoryPage.razor.rz.scp.css */
.removal-history-page[b-0oqec75etg] { color: var(--dnc-text, #1f2937); }
.removal-history-page header[b-0oqec75etg] { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 18px; }
.removal-history-page h1[b-0oqec75etg] { margin: 0 0 4px; font-size: 1.8rem; }
.removal-history-page header p[b-0oqec75etg] { margin: 0; color: #64748b; }
.removal-history-page a[b-0oqec75etg] { color: var(--dnc-primary, #1f3b93); text-decoration: none; }
.removal-filter[b-0oqec75etg] { display: flex; align-items: end; gap: 12px; flex-wrap: wrap; padding: 16px 0; }
.removal-filter label[b-0oqec75etg] { display: grid; gap: 6px; color: #52647a; font-size: .85rem; }
.removal-filter input[b-0oqec75etg] { height: 40px; min-width: 190px; padding: 0 11px; border: 1px solid var(--dnc-border, #e5e7eb); border-radius: 7px; background: var(--dnc-input, #edf3fb); font: inherit; }
.removal-filter button[b-0oqec75etg] { height: 40px; padding: 0 18px; border: 0; border-radius: 7px; background: var(--dnc-primary, #1f3b93); color: white; cursor: pointer; }
.removal-filter button:disabled[b-0oqec75etg] { opacity: .55; cursor: wait; }
.removal-note[b-0oqec75etg] { margin: 3px 0 16px; color: #66768b; font-size: .83rem; }
.removal-error[b-0oqec75etg] { padding: 10px 14px; border-radius: 7px; background: #fff0ed; color: #9c342c; }
.removal-empty[b-0oqec75etg] { padding: 28px 0; color: #76859a; }
.removal-table-scroll[b-0oqec75etg] { overflow-x: auto; background: white; }
.removal-history-page table[b-0oqec75etg] { width: 100%; border-collapse: collapse; min-width: 780px; }
.removal-history-page th[b-0oqec75etg], .removal-history-page td[b-0oqec75etg] { padding: 13px 15px; border-bottom: 1px solid #edf1f5; text-align: left; font-size: .86rem; white-space: nowrap; }
.removal-history-page th[b-0oqec75etg] { color: #61728b; background: #f8fafc; font-weight: 700; }
.removal-history-page tr:last-child td[b-0oqec75etg] { border-bottom: 0; }
.removal-id[b-0oqec75etg] { color: #78889c; font-size: .76rem !important; }
@media (max-width: 640px) { .removal-history-page header[b-0oqec75etg] { align-items: start; flex-direction: column; } .removal-filter label[b-0oqec75etg], .removal-filter input[b-0oqec75etg] { width: 100%; } }
/* _content/ToolLogistics.Server/Components/Pages/Overview.razor.rz.scp.css */
.overview-page[b-777z3x70ox] { padding:20px 22px 36px; background:var(--dnc-background,#f4f6f9); color:var(--dnc-text,#1f2937); min-height:calc(100vh - 64px); font-family:inherit}

h1[b-777z3x70ox],h2[b-777z3x70ox],h3[b-777z3x70ox],p[b-777z3x70ox] { margin:0}
button[b-777z3x70ox],input[b-777z3x70ox],select[b-777z3x70ox] { font:inherit}
button[b-777z3x70ox],select[b-777z3x70ox] { cursor:pointer}
button[b-777z3x70ox],a[b-777z3x70ox],input[b-777z3x70ox],select[b-777z3x70ox] { outline-offset:3px}
button:focus-visible[b-777z3x70ox],a:focus-visible[b-777z3x70ox],input:focus-visible[b-777z3x70ox],select:focus-visible[b-777z3x70ox] { outline:3px solid #4385d7}
button[b-777z3x70ox] { border:1px solid #d1dce8; border-radius:7px; background:white; color:#254c71; padding:7px 10px}
button:disabled[b-777z3x70ox] { opacity:.55; cursor:wait}
a[b-777z3x70ox] { color:#265d94}
.overview-heading[b-777z3x70ox],.heading-actions[b-777z3x70ox],.workshop-bar[b-777z3x70ox],.legend[b-777z3x70ox],.section-heading[b-777z3x70ox],.card-heading[b-777z3x70ox],.detail-drawer header[b-777z3x70ox] { display:flex; align-items:center; justify-content:space-between; gap:12px}
.overview-heading[b-777z3x70ox] { margin-bottom:14px}
.eyebrow[b-777z3x70ox] { font-size:11px; color:#688098; letter-spacing:2px}
h1[b-777z3x70ox] { font-size:25px; margin-top:3px}
.heading-actions[b-777z3x70ox] { flex-wrap:wrap; font-size:13px}
.heading-actions small[b-777z3x70ox] { color:#657b8f}
.workshop-bar[b-777z3x70ox] { justify-content:flex-start; flex-wrap:wrap; padding:11px 14px; background:transparent; border:0; border-radius:0; font-size:13px}
.workshop-bar label[b-777z3x70ox] { display:flex; align-items:center; gap:10px; font-weight:700}
.workshop-bar select[b-777z3x70ox] { max-width:300px; padding:7px; border:1px solid #ccd9e6; border-radius:6px; background:#f8fafc}
.workshop-bar>span[b-777z3x70ox] { color:#61758a; padding-left:14px; border-left:1px solid #e0e7ef}
.workshop-bar b[b-777z3x70ox] { color:#1e466e; font-size:17px}
.legend[b-777z3x70ox] { justify-content:flex-start; flex-wrap:wrap; font-size:12px; padding:12px 0; color:#6a7b8c; gap:16px}
.legend small[b-777z3x70ox] { margin-left:auto}
.legend .confirmed[b-777z3x70ox] { color:#247762}
.legend .linked[b-777z3x70ox] { color:#936313}
.notice[b-777z3x70ox] { padding:10px 14px; margin-top:10px; border-radius:7px}
.error[b-777z3x70ox] { background:#fff0ed; color:#9c342c}
.workspace[b-777z3x70ox] { display:grid; grid-template-columns:170px minmax(0,1fr); gap:18px; align-items:start}
.workspace.nav-collapsed[b-777z3x70ox] { grid-template-columns:66px minmax(0,1fr)}
.device-nav[b-777z3x70ox] { position:sticky; top:12px; background:transparent; border-radius:0; padding:9px; display:grid; gap:8px; min-width:0}
.nav-toggle[b-777z3x70ox] { font-size:12px; background:transparent; border-color:transparent}
.device-nav input[b-777z3x70ox],.device-nav select[b-777z3x70ox] { min-width:0; width:100%; padding:8px 6px; border:1px solid #cdd9e4; border-radius:6px; background:white; font-size:12px}
.device-links[b-777z3x70ox] { max-height:65vh; overflow:auto; display:grid; gap:5px}
.device-link[b-777z3x70ox] { text-align:left; padding:9px 8px; border-color:transparent; background:transparent; overflow-wrap:anywhere; font-size:12px}
.device-links .device-link[b-777z3x70ox] { display:flex; flex-direction:column; align-items:stretch; justify-content:center; width:100%; min-height:64px; white-space:normal; line-height:1.4}
.device-links .device-link strong[b-777z3x70ox],.device-links .device-link small[b-777z3x70ox] { display:block; width:100%; white-space:normal; overflow-wrap:anywhere}
.device-links .device-link small[b-777z3x70ox] { margin-top:4px; color:#6b7d8d; font-size:11px; font-weight:400}
.device-link.selected[b-777z3x70ox] { background:var(--dnc-input,#edf3fb); border-color:transparent; box-shadow:none}
.device-link span[b-777z3x70ox] { float:right}
.board[b-777z3x70ox] { min-width:0; display:grid; gap:24px}
.section-heading[b-777z3x70ox] { margin:0 0 10px}
.section-heading h2[b-777z3x70ox] { font-size:18px}
.section-heading h2 span[b-777z3x70ox] { font-size:12px; display:inline-block; background:var(--dnc-input,#edf3fb); color:var(--dnc-primary,#1f3b93); padding:3px 8px; border-radius:12px; vertical-align:middle; margin-left:4px}
.section-heading>small[b-777z3x70ox] { font-size:12px; color:#6c8092}
.equipment-grid[b-777z3x70ox] { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,350px),1fr)); gap:14px; align-items:start}
.equipment-card[b-777z3x70ox] { background:transparent; border:0; border-radius:0; overflow:hidden; box-shadow:none}
.card-heading[b-777z3x70ox] { padding:13px 14px; border-bottom:0; align-items:flex-start}
.card-heading h3[b-777z3x70ox] { font-size:16px; overflow-wrap:anywhere}
.card-heading small[b-777z3x70ox] { color:#77899a; font-size:11px; display:block; margin-top:4px}
.card-count[b-777z3x70ox] { white-space:nowrap; font-size:11px; background:#f0f4f8; border-radius:5px; padding:5px 7px; color:#59738b}
.slot-grid[b-777z3x70ox] { display:grid; grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:7px; padding:12px; max-height:520px; overflow:auto; scrollbar-gutter:stable}
.slot-model[b-777z3x70ox] { display:block; font-size:11px; line-height:1.4; overflow-wrap:anywhere; width:100%}
.slot-model b[b-777z3x70ox] { font-weight:600; opacity:.75; margin-right:3px}
.slot-model>span[b-777z3x70ox] { display:block; font-size:12px; font-weight:600; margin-top:2px}
.asset-warning[b-777z3x70ox] { color:#a8342b; font-size:11px; font-weight:700}
.slot[b-777z3x70ox] { display:flex; flex-direction:column; align-items:flex-start; gap:5px; padding:8px; min-width:0; text-align:left; min-height:77px; border:0; border-radius:4px; transition:background-color .15s}
.slot:hover[b-777z3x70ox] { filter:brightness(.96)}
.slot strong[b-777z3x70ox] { font-size:12px; overflow-wrap:anywhere; line-height:1.3}
.slot-number[b-777z3x70ox] { font-size:10px; font-weight:700; letter-spacing:.4px}
.slot small[b-777z3x70ox] { font-size:9px}
.slot.vacant[b-777z3x70ox] { background:#fff; border:0; color:var(--dnc-muted,#6b7280)}
.slot.confirmed[b-777z3x70ox] { background:#ebf7f2; border:0; color:#236851}
.slot.linked[b-777z3x70ox] { background:#fff7e7; border:0; color:#856019}
.slot.chosen[b-777z3x70ox] { background:var(--dnc-input,#edf3fb); color:var(--dnc-primary,#1f3b93)}
.disabled-slot[b-777z3x70ox] { background-image:repeating-linear-gradient(135deg,transparent,transparent 5px,#6b78830a 5px,#6b78830a 9px)!important}
.disabled-label[b-777z3x70ox] { padding:6px 14px; background:#f0f1f3; color:#667481; font-size:11px}
.inactive .card-heading[b-777z3x70ox] { color:var(--dnc-muted,#6b7280)}
.rack-section[b-777z3x70ox] { background:transparent; border:0; border-radius:0; padding:0}
.rack-section .equipment-card[b-777z3x70ox] { border:0}
.rack-section .section-heading h2[b-777z3x70ox] { color:#236953}
.rack-summary[b-777z3x70ox] { font-size:11px; padding:9px 14px 0; color:#477565}
.empty[b-777z3x70ox] { padding:24px; color:#74879a; font-size:13px; line-height:1.8}
.readiness[b-777z3x70ox] { font-size:12px; color:#6c7f90; margin-top:20px; border-top:1px solid #dce5ed; padding-top:12px}
.readiness summary[b-777z3x70ox] { cursor:pointer}
.readiness p[b-777z3x70ox] { padding-top:8px; line-height:1.8}
.detail-drawer[b-777z3x70ox] { position:fixed; right:16px; top:78px; bottom:20px; width:min(360px,calc(100vw - 32px)); z-index:50; padding:22px; background:#fff; border:0; border-radius:0; box-shadow:-10px 8px 50px #18395626; overflow:auto}
.detail-drawer h2[b-777z3x70ox] { font-size:20px}
.detail-drawer>p[b-777z3x70ox] { font-size:13px; color:#5c7286; margin-top:15px}
.detail-drawer dt[b-777z3x70ox] { font-size:11px; color:#7990a4; margin-top:18px}
.detail-drawer dd[b-777z3x70ox] { font-size:15px; margin:5px 0; overflow-wrap:anywhere}
.detail-note[b-777z3x70ox] { padding:12px; background:#fff6e6; border-radius:7px; line-height:1.8}

@media(min-width:1700px) { .equipment-grid[b-777z3x70ox] { grid-template-columns:repeat(auto-fit,minmax(390px,1fr))}
}

@media(max-width:900px) { .workspace[b-777z3x70ox] { grid-template-columns:140px minmax(0,1fr)}
.overview-page[b-777z3x70ox] { padding:16px}
.legend small[b-777z3x70ox] { margin-left:0; width:100%}
.card-heading[b-777z3x70ox] { gap:6px}
.heading-actions small[b-777z3x70ox] { display:none}
}

@media(max-width:600px) { .overview-heading[b-777z3x70ox] { align-items:flex-start}
.overview-heading h1[b-777z3x70ox] { font-size:21px}
.workspace[b-777z3x70ox],.workspace.nav-collapsed[b-777z3x70ox] { grid-template-columns:1fr}
.device-nav[b-777z3x70ox] { position:static; grid-template-columns:1fr 1fr}
.device-nav .nav-toggle[b-777z3x70ox] { grid-column:1/-1}
.device-links[b-777z3x70ox] { grid-column:1/-1; max-height:120px; grid-template-columns:1fr 1fr}
.device-link[b-777z3x70ox] { padding:7px}
.device-links .device-link[b-777z3x70ox] { min-height:68px}
.workshop-bar>span[b-777z3x70ox] { padding-left:0; border:0; font-size:11px}
.workshop-bar label[b-777z3x70ox] { width:100%}
.workshop-bar select[b-777z3x70ox] { flex:1; min-width:0}
.section-heading[b-777z3x70ox] { align-items:flex-start}
.section-heading small[b-777z3x70ox] { max-width:50%; text-align:right}
.slot-grid[b-777z3x70ox] { grid-template-columns:repeat(auto-fill,minmax(135px,1fr))}
.rack-section[b-777z3x70ox] { padding:0}
.detail-drawer[b-777z3x70ox] { top:68px}
}