/* Rev065 – konsolidierte IT-Dokumentations-Arbeitsfläche
   Verbindliche Ebene nach den freigegebenen UI-Konzepten. */

:root { --content-max: 1280px; }
.main-content { max-width: var(--content-max); margin-inline:auto; }

/* Gemeinsamer Kundenkontext: Navigation bleibt in Kunden-, Raum- und Geräteansichten erhalten. */
.itdoc-shell {
    display:grid;
    grid-template-columns:220px minmax(0,1fr);
    gap:18px;
    align-items:start;
    width:100%;
    min-width:0;
}
.itdoc-navigation {
    position:sticky;
    top:86px;
    max-height:calc(100vh - 104px);
    overflow:auto;
    border:1px solid var(--line);
    border-radius:10px;
    background:#fff;
    box-shadow:0 1px 3px rgba(22,45,66,.04);
}
.itdoc-navigation-head { padding:14px 12px 12px; border-bottom:1px solid var(--line); }
.itdoc-navigation-head strong,.itdoc-navigation-head span { display:block; }
.itdoc-navigation-head strong { font-size:13px; color:var(--text); }
.itdoc-navigation-head span { margin-top:3px; color:var(--muted); font-size:11.5px; line-height:1.35; }
.itdoc-navigation nav { padding:7px; }
.itdoc-navigation nav > a,
.itdoc-nav-group-items a {
    display:flex;
    align-items:center;
    gap:8px;
    min-height:36px;
    padding:7px 9px;
    border-radius:7px;
    color:#455d72;
    text-decoration:none;
    font-size:12.5px;
    line-height:1.25;
}
.itdoc-navigation nav a:hover { background:#f2f7fa; color:#1f567e; }
.itdoc-navigation nav a.active { background:#eaf4fb; color:#176da8; font-weight:700; box-shadow:inset 3px 0 0 var(--brand); }
.itdoc-nav-home { width:16px; text-align:center; }
.itdoc-nav-group { margin-top:7px; padding-top:7px; border-top:1px solid #edf1f4; }
.itdoc-nav-group-title {
    width:100%;
    min-height:30px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:4px 8px;
    border:0;
    background:transparent;
    color:#274861;
    font-size:10.5px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.035em;
    cursor:pointer;
}
.itdoc-nav-group-items { display:grid; gap:1px; }
.itdoc-content { min-width:0; width:100%; }
.itdoc-content > * { min-width:0; }

/* Ein Kartensystem: jeder fachliche Inhalt bekommt einen sicheren Innenabstand. */
.itdoc-content .content-card,
.itdoc-content .workspace-section { border-radius:10px; border-color:#dbe4ec; box-shadow:0 1px 3px rgba(22,45,66,.04); }
.itdoc-content .cmdb-panel { overflow:hidden; margin-bottom:16px; background:#fff; }
.itdoc-content .cmdb-panel > .section-head,
.itdoc-content .cmdb-panel > .section-heading,
.itdoc-content .cmdb-panel > .cmdb-section-head,
.itdoc-content .workspace-section-header {
    min-height:52px;
    margin:0;
    padding:15px 18px;
    border-bottom:1px solid var(--line);
    background:#fff;
}
.itdoc-content .cmdb-panel > .section-head h2,
.itdoc-content .cmdb-panel > .section-heading h2,
.itdoc-content .cmdb-panel > .section-heading h3,
.itdoc-content .cmdb-panel > .cmdb-section-head h2 { margin:0; font-size:14px; line-height:1.3; color:#17344d; }
.itdoc-content .section-heading .eyebrow { display:block; margin-bottom:3px; color:var(--muted); font-size:10.5px; font-weight:700; letter-spacing:.045em; text-transform:uppercase; }

/* Direkte Karteninhalte dürfen nie wieder am Rand kleben. Tabellen bleiben bewusst randbündig. */
.itdoc-content .cmdb-panel > .form-grid,
.itdoc-content .cmdb-panel > .cmdb-kpi-strip,
.itdoc-content .cmdb-panel > .cmdb-choice-grid,
.itdoc-content .cmdb-panel > .cmdb-filter-row,
.itdoc-content .cmdb-panel > .collector-list,
.itdoc-content .cmdb-panel > .cmdb-access-options,
.itdoc-content .cmdb-panel > .cmdb-network-grid,
.itdoc-content .cmdb-panel > .cmdb-interface-list,
.itdoc-content .cmdb-panel > .cmdb-relation-list,
.itdoc-content .cmdb-panel > .cmdb-history-list,
.itdoc-content .cmdb-panel > .cmdb-task-list,
.itdoc-content .cmdb-panel > .cmdb-compact-list,
.itdoc-content .cmdb-panel > .cmdb-metric-grid,
.itdoc-content .cmdb-panel > .monitoring-current-grid,
.itdoc-content .cmdb-panel > .cmdb-rev060-card-grid,
.itdoc-content .cmdb-panel > .cmdb-rev060-stat-grid,
.itdoc-content .cmdb-panel > .cmdb-rev060-path-list {
    margin-left:18px;
    margin-right:18px;
}
.itdoc-content .cmdb-panel > .form-grid { padding:16px 0 18px; }
.itdoc-content .cmdb-panel > .cmdb-kpi-strip { margin-top:16px; margin-bottom:16px; }
.itdoc-content .cmdb-panel > .cmdb-choice-grid,
.itdoc-content .cmdb-panel > .collector-list,
.itdoc-content .cmdb-panel > .cmdb-access-options,
.itdoc-content .cmdb-panel > .cmdb-network-grid,
.itdoc-content .cmdb-panel > .cmdb-interface-list,
.itdoc-content .cmdb-panel > .cmdb-relation-list,
.itdoc-content .cmdb-panel > .cmdb-history-list,
.itdoc-content .cmdb-panel > .cmdb-task-list,
.itdoc-content .cmdb-panel > .cmdb-metric-grid,
.itdoc-content .cmdb-panel > .monitoring-current-grid,
.itdoc-content .cmdb-panel > .cmdb-rev060-card-grid,
.itdoc-content .cmdb-panel > .cmdb-rev060-stat-grid,
.itdoc-content .cmdb-panel > .cmdb-rev060-path-list { margin-top:14px; margin-bottom:16px; }
.itdoc-content .cmdb-panel > h3,
.itdoc-content .cmdb-panel > h4,
.itdoc-content .cmdb-panel > p:not(.empty-state):not(.cmdb-prose),
.itdoc-content .cmdb-panel > .prominent,
.itdoc-content .cmdb-panel > .muted,
.itdoc-content .cmdb-panel > .muted-text { margin-left:18px; margin-right:18px; }
.itdoc-content .cmdb-panel > h3,
.itdoc-content .cmdb-panel > h4 { margin-top:16px; margin-bottom:10px; font-size:13px; }
.itdoc-content .cmdb-panel > .empty-state,
.itdoc-content .cmdb-panel > .workspace-empty-state { margin:16px 18px; }
.itdoc-content .cmdb-panel > .cmdb-prose { padding:16px 18px 18px; margin:0; }
.itdoc-content .cmdb-panel > .table-wrap { margin:0; border-top:1px solid var(--line); }

/* Formulare / Filter. */
.itdoc-content .form-grid { gap:12px 14px; }
.itdoc-content .form-grid label { margin-bottom:0; font-size:12.5px; }
.itdoc-content .form-grid input,
.itdoc-content .form-grid select,
.itdoc-content .form-grid textarea { min-height:40px; font-size:13px; }
.itdoc-content .form-actions { display:flex; align-items:end; gap:8px; min-height:40px; }
.itdoc-content .cmdb-filter-row { gap:10px; }

/* Übersichten folgen dem 12-Spalten-Prinzip der HTML-Konzepte statt Vollbreiten-Stapel. */
.itdoc-content .cmdb-asset-summary-grid {
    display:grid;
    grid-template-columns:repeat(12,minmax(0,1fr));
    gap:14px;
    margin-bottom:16px;
}
.itdoc-content .cmdb-asset-summary-grid > .cmdb-panel { grid-column:span 6; margin:0; min-width:0; }
.itdoc-content .cmdb-asset-summary-grid > .cmdb-panel:nth-child(1) { grid-column:span 7; }
.itdoc-content .cmdb-asset-summary-grid > .cmdb-panel:nth-child(2) { grid-column:span 5; }
.itdoc-content .cmdb-overview-grid,
.itdoc-content .cmdb-detail-lower-grid,
.itdoc-content .room-overview-grid {
    display:grid;
    grid-template-columns:repeat(12,minmax(0,1fr));
    gap:14px;
    margin-bottom:16px;
}
.itdoc-content .cmdb-overview-grid > *,
.itdoc-content .cmdb-detail-lower-grid > * { grid-column:span 6; margin:0; min-width:0; }
.itdoc-content .room-overview-grid > *:first-child { grid-column:span 7; }
.itdoc-content .room-overview-grid > *:last-child { grid-column:span 5; }
.itdoc-content .cmdb-overview-grid > :only-child,
.itdoc-content .cmdb-detail-lower-grid > :only-child { grid-column:span 7; }

/* Geräteakte: Kopf und Metadaten bleiben kompakt; Fachkarten nutzen passende Breiten. */
.itdoc-content .cmdb-asset-heading { margin-bottom:14px; }
.itdoc-content .cmdb-entity-meta-bar { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px; margin-bottom:14px; }
.itdoc-content .cmdb-entity-meta-bar > span { min-width:0; padding:10px 12px; border:1px solid var(--line); border-radius:8px; background:#fbfcfd; }
.itdoc-content .cmdb-entity-meta-bar small,.itdoc-content .cmdb-entity-meta-bar strong { display:block; }
.itdoc-content .cmdb-entity-meta-bar small { color:var(--muted); font-size:11px; }
.itdoc-content .cmdb-entity-meta-bar strong { margin-top:3px; overflow-wrap:anywhere; font-size:12.5px; }
.itdoc-content .asset-workspace-tabs { margin:0 0 16px; }
.itdoc-content .cmdb-detail-field-group { padding:0 18px 14px; }
.itdoc-content .cmdb-detail-field-group h3 { margin:10px 0 4px; font-size:12px; color:var(--text-soft); }
.itdoc-content .cmdb-unbound-addresses,
.itdoc-content .cmdb-legacy-network-fields { margin:14px 18px 18px; }

/* Standorte / physische Infrastruktur: eigenständige, fertig wirkende Arbeitsbereiche. */
.itdoc-content .cmdb-location-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; padding:16px 18px 18px; }
.itdoc-content .cmdb-location-card { min-width:0; }
.itdoc-content .physical-structure-panel > .physical-structure-grid,
.itdoc-content .physical-structure-panel > .physical-structure-subhead,
.itdoc-content .physical-structure-panel > .outlet-room-grid,
.itdoc-content .physical-structure-panel > .workspace-empty-state { margin-left:18px; margin-right:18px; }
.itdoc-content .physical-structure-panel > .physical-structure-grid { margin-top:16px; margin-bottom:16px; }
.itdoc-content .physical-structure-panel > .physical-structure-subhead { margin-top:0; }
.itdoc-content .physical-structure-panel > .outlet-room-grid,
.itdoc-content .physical-structure-panel > .workspace-empty-state { margin-bottom:18px; }
.itdoc-content .physical-structure-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.itdoc-content .physical-structure-block { min-width:0; border:1px solid var(--line); border-radius:10px; background:#fbfcfd; overflow:hidden; }
.itdoc-content .physical-structure-block-head,
.itdoc-content .physical-structure-subhead { min-height:46px; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:11px 13px; }
.itdoc-content .physical-structure-block-head { border-bottom:1px solid var(--line); background:#f8fafc; }
.itdoc-content .physical-structure-block-head h3,
.itdoc-content .physical-structure-subhead h3 { margin:0; font-size:14px; }
.itdoc-content .physical-structure-block > .cmdb-compact-list { padding:5px 12px 10px; margin:0; }
.itdoc-content .physical-structure-block > .workspace-empty-state { margin:12px; }

/* Monitoring / Backup: keine Felder direkt am Kartenrand, gleichmäßige KPI-Flächen. */
.itdoc-content .cmdb-kpi-strip { display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:10px; }
.itdoc-content .cmdb-kpi-strip > div,
.itdoc-content .cmdb-kpi-strip > .cmdb-stat { min-width:0; padding:12px 13px; border:1px solid #e3e9ee; border-radius:9px; background:#fbfcfd; }
.itdoc-content .cmdb-kpi-strip > div > span,
.itdoc-content .cmdb-kpi-strip .cmdb-stat > span { display:block; color:#6d7e8f; font-size:11.5px; }
.itdoc-content .cmdb-kpi-strip > div > strong,
.itdoc-content .cmdb-kpi-strip .cmdb-stat > strong { display:block; margin-top:4px; color:#132f48; font-size:20px; line-height:1.1; }
.itdoc-content .cmdb-kpi-strip > div > small,
.itdoc-content .cmdb-kpi-strip .cmdb-stat > small { display:block; margin-top:5px; font-size:11px; color:var(--muted); }
.itdoc-content > .cmdb-kpi-strip { margin:0 0 16px; }
.itdoc-content .monitoring-current-grid { grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); }
.itdoc-content .monitoring-tabs { overflow-x:auto; }

/* Rev060-Fachkarten: kein einzelner Kleininhalt über 100 % Breite. */
.itdoc-content .cmdb-rev060-card-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,360px)); gap:12px; align-items:start; }
.itdoc-content .cmdb-rev060-card-grid:has(article:only-child) { grid-template-columns:minmax(280px,520px); }
.itdoc-content .cmdb-rev060-card-grid article { padding:14px; }

/* Einheitliche Leerzustände und Lesbarkeit. */
.itdoc-content .workspace-empty-state.compact { min-height:54px; padding:12px 14px; }
.itdoc-content small,
.itdoc-content .muted,
.itdoc-content .muted-text,
.itdoc-content .table-subline,
.itdoc-content .cmdb-compact-list span,
.itdoc-content .cmdb-compact-list em { font-size:12px; line-height:1.4; }
.itdoc-content .data-table { font-size:12.5px; }
.itdoc-content .data-table th { font-size:12px; }

/* Dialoge: eigene Felder/Formulare erhalten ebenfalls sicheren Rand. */
.modal-card > .form-grid { padding:16px 18px; }
.modal-card > h3,
.modal-card > .cmdb-choice-grid { margin-left:18px; margin-right:18px; }
.modal-card > .cmdb-choice-grid { margin-bottom:16px; }

@media (max-width:1120px) {
    .itdoc-shell { grid-template-columns:200px minmax(0,1fr); gap:14px; }
    .itdoc-content .cmdb-entity-meta-bar { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:900px) {
    .itdoc-shell { grid-template-columns:1fr; }
    .itdoc-navigation { position:static; max-height:none; }
    .itdoc-navigation nav { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:4px 8px; }
    .itdoc-navigation nav > a { grid-column:1/-1; }
    .itdoc-nav-group { margin:0; padding:6px 0 0; border-top:0; }
    .itdoc-content .cmdb-asset-summary-grid > .cmdb-panel,
    .itdoc-content .cmdb-asset-summary-grid > .cmdb-panel:nth-child(1),
    .itdoc-content .cmdb-asset-summary-grid > .cmdb-panel:nth-child(2),
    .itdoc-content .cmdb-overview-grid > *,
    .itdoc-content .cmdb-detail-lower-grid > *,
    .itdoc-content .room-overview-grid > *:first-child,
    .itdoc-content .room-overview-grid > *:last-child { grid-column:span 12; }
    .itdoc-content .physical-structure-grid,
    .itdoc-content .cmdb-location-grid { grid-template-columns:1fr; }
}
@media (max-width:620px) {
    .itdoc-navigation nav { grid-template-columns:1fr; }
    .itdoc-content .cmdb-entity-meta-bar { grid-template-columns:1fr 1fr; }
    .itdoc-content .cmdb-kpi-strip { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .itdoc-content .cmdb-panel > .form-grid,
    .itdoc-content .cmdb-panel > .cmdb-kpi-strip,
    .itdoc-content .cmdb-panel > .cmdb-choice-grid,
    .itdoc-content .cmdb-panel > .collector-list,
    .itdoc-content .cmdb-panel > .cmdb-access-options,
    .itdoc-content .cmdb-panel > .cmdb-network-grid,
    .itdoc-content .cmdb-panel > .cmdb-interface-list,
    .itdoc-content .cmdb-panel > .cmdb-relation-list,
    .itdoc-content .cmdb-panel > .cmdb-history-list,
    .itdoc-content .cmdb-panel > .cmdb-task-list,
    .itdoc-content .cmdb-panel > .cmdb-compact-list { margin-left:14px; margin-right:14px; }
}

/* Rev066 – letzte Konsolidierungsstufe: alle direkten Karteninhalte erhalten denselben Arbeitsrand. */
.itdoc-content .cmdb-panel > :where(div,dl,p,h3,h4,ul,ol,form):not(.section-head):not(.section-heading):not(.cmdb-section-head):not(.table-wrap) {
    margin-left:18px;
    margin-right:18px;
}
.itdoc-content .cmdb-panel > :where(div,dl,p,h3,h4,ul,ol,form):not(.section-head):not(.section-heading):not(.cmdb-section-head):not(.table-wrap):first-child {
    margin-top:16px;
}
.itdoc-content .cmdb-panel > :where(div,dl,p,ul,ol,form):not(.section-head):not(.section-heading):not(.cmdb-section-head):not(.table-wrap):last-child {
    margin-bottom:18px;
}
.itdoc-content .cmdb-panel > .section-head + .table-wrap,
.itdoc-content .cmdb-panel > .section-heading + .table-wrap,
.itdoc-content .cmdb-panel > .cmdb-section-head + .table-wrap {
    border-top:0;
}

/* Standortkarten wirken als eigenständige Objekte statt als unstrukturierte Vollbreitenliste. */
.itdoc-content .cmdb-location-card {
    border:1px solid #dfe7ed;
    border-radius:10px;
    background:#fff;
    overflow:hidden;
    box-shadow:0 1px 2px rgba(22,45,66,.03);
}
.itdoc-content .cmdb-location-head { padding:13px 14px; border-bottom:1px solid #edf1f4; background:#fbfcfd; }
.itdoc-content .cmdb-location-facts { padding:10px 14px 0; }
.itdoc-content .cmdb-location-card > p { margin:10px 14px; }
.itdoc-content .cmdb-location-card > .cmdb-data-details { margin:10px 14px; }
.itdoc-content .cmdb-location-card > .cmdb-structure-tree { margin:10px 14px 14px; }
.itdoc-content .cmdb-room-row { min-height:42px; }

/* Datenkarten innerhalb der Geräteakte folgen festen, lesbaren Breiten. */
.itdoc-content .cmdb-asset-summary-grid > .cmdb-panel:nth-child(3) { grid-column:span 6; }
.itdoc-content .cmdb-asset-summary-grid > .cmdb-panel:nth-child(4) { grid-column:span 6; }
.itdoc-content .cmdb-asset-summary-grid .detail-list { margin:0; padding:4px 18px 14px; }
.itdoc-content .cmdb-asset-summary-grid .detail-list > div { padding:8px 0; }

/* Listen und Fakten in WorkspaceSection bleiben ebenfalls eingerückt. */
.itdoc-content .workspace-section-body > .workspace-facts,
.itdoc-content .workspace-section-body > .room-action-grid,
.itdoc-content .workspace-section-body > .object-list { margin:0; }
.itdoc-content .workspace-section-body { min-width:0; }

/* Tabs bleiben kompakt und laufen auf schmalen Ansichten horizontal statt Inhalte zu quetschen. */
.itdoc-content .workspace-tabs { max-width:100%; overflow-x:auto; overflow-y:hidden; scrollbar-width:thin; }
.itdoc-content .workspace-tabs > * { flex:0 0 auto; }

/* Formulare und Dialoge: keine Beschriftung oder Eingabe direkt an Außenkante. */
.itdoc-content .cmdb-panel > .form-grid,
.modal-card > .form-grid { box-sizing:border-box; width:auto; }
.modal-card > .modal-actions { padding:0 18px 18px; }
.modal-card > .section-heading,
.modal-card > .section-head { padding:15px 18px; }

/* Begrenzte Breiten für fachlich kompakte Einzelkarten – Vollbreite nur wo fachlich sinnvoll. */
.itdoc-content .cmdb-compact-panel,
.itdoc-content .compact-panel { max-width:860px; }
.itdoc-content .cmdb-rev060-card-grid,
.itdoc-content .device-grid,
.itdoc-content .outlet-grid { justify-content:start; }

@media (max-width:620px) {
    .itdoc-content .cmdb-panel > :where(div,dl,p,h3,h4,ul,ol,form):not(.section-head):not(.section-heading):not(.cmdb-section-head):not(.table-wrap) {
        margin-left:14px;
        margin-right:14px;
    }
    .itdoc-content .cmdb-asset-summary-grid .detail-list { padding-left:14px; padding-right:14px; }
}

/* Rev067 – visuelle Monitoringwerte */
.monitoring-value-bar{height:7px;margin:.65rem 0 .45rem;border-radius:999px;background:#e6edf3;overflow:hidden}
.monitoring-value-bar>i{display:block;height:100%;border-radius:inherit;background:var(--primary,#3386c1);transition:width .2s ease}
.cmdb-metric-card.warning .monitoring-value-bar>i{background:#d99a24}
.cmdb-metric-card.critical .monitoring-value-bar>i,.cmdb-metric-card.offline .monitoring-value-bar>i{background:#c84b4b}

/* Rev068 – Software & Releases */
.release-public-links{display:grid;grid-template-columns:minmax(180px,240px) 1fr;gap:.45rem 1rem;align-items:center;padding:.7rem 0;border-bottom:1px solid var(--border-color,#e5e7eb)}
.release-public-links:last-child{border-bottom:0}.release-public-links code{display:block;overflow-wrap:anywhere}

/* Rev069h – physische Struktur / Rackdarstellung */
.physical-building-section,.physical-rack-section,.physical-outlet-section{margin-top:1rem}.physical-building-list{display:grid;gap:.75rem}.physical-building-card{border:1px solid var(--border-color,#dce5ee);border-radius:10px;padding:.8rem;background:var(--surface,#fff)}.physical-building-main{display:flex;align-items:center;justify-content:space-between;gap:1rem}.physical-building-main>div{display:flex;flex-direction:column;gap:.15rem}.physical-building-main span,.rack-visual-card header span{font-size:.82rem;color:var(--text-muted,#64748b)}.physical-floor-row{display:flex;gap:.45rem;flex-wrap:wrap;margin-top:.65rem;padding-top:.65rem;border-top:1px solid var(--border-color,#e5eaf0)}.physical-floor-chip{display:inline-flex;gap:.35rem;align-items:center;border:1px solid var(--border-color,#ccd8e5);background:var(--surface,#fff);border-radius:7px;padding:.38rem .6rem;font:inherit;color:inherit}.physical-floor-chip:disabled{opacity:1;cursor:default}.physical-floor-chip small{color:var(--text-muted,#64748b)}
.rack-visual-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.rack-visual-card{border:1px solid var(--border-color,#dce5ee);border-radius:10px;padding:.8rem;background:var(--surface,#fff);min-width:0}.rack-visual-card header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.7rem}.rack-visual-card header>div{display:flex;flex-direction:column;gap:.15rem}.rack-frame{position:relative;display:grid;grid-template-columns:52px 1fr;border:2px solid #7d8996;border-radius:5px;overflow:hidden;background:repeating-linear-gradient(to bottom,rgba(100,116,139,.08) 0,rgba(100,116,139,.08) calc(100% / var(--rack-units) - 1px),rgba(100,116,139,.2) calc(100% / var(--rack-units) - 1px),rgba(100,116,139,.2) calc(100% / var(--rack-units)))}.rack-scale{display:grid;grid-template-rows:repeat(var(--rack-units),1fr);border-right:1px solid #aab4bf;background:rgba(248,250,252,.9)}.rack-scale span{display:flex;align-items:center;justify-content:center;font-size:.63rem;color:#64748b;white-space:nowrap}.rack-mount-area{position:relative;min-width:0}.rack-mounted-item{position:absolute;left:7px;right:7px;min-height:13px;border:1px solid #7b8b9a;border-radius:4px;background:#eef4f8;padding:2px 6px;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:.4rem;font-size:.68rem}.rack-mounted-item.patch-panel{background:#f5f0e7;border-style:dashed}.rack-mounted-item strong,.rack-mounted-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rack-mounted-item span{color:#64748b}@media(max-width:720px){.rack-visual-grid{grid-template-columns:1fr}.physical-building-main{align-items:flex-start}}