:root {
    --vm-sweep-radius: 10px;
    --vm-sweep-gap: 10px;
}

/* Remove legacy back-navigation and descriptive helper copy in system views */
body[data-path^="/admin"] .page-back,
body[data-path^="/admin"] .back-nav,
body[data-path^="/integration"] .back-nav,
body[data-path^="/admin"] .page-subtitle,
body[data-path^="/admin"] .panel-subtitle,
body[data-path^="/admin"] .section-desc,
body[data-path^="/admin"] .hint-box,
body[data-path^="/admin"] .field-helper,
body[data-path^="/admin"] .vm-admin-subtitle,
body[data-path^="/admin"] .vm-panel-subtitle,
body[data-path^="/admin"] .visual-v2-hero-copy p,
body[data-path^="/admin"] .visual-section-intro,
body[data-path^="/admin"] .visual-note,
body[data-path^="/admin"] .visual-accordion-title span,
body[data-path^="/admin"] .visual-role-card p,
body[data-path^="/admin"] .visual-preset-library p,
body[data-path^="/admin"] .page-meta,
body[data-path^="/admin"] .section-subtitle,
body[data-path^="/admin"] .access-panel-header p,
body[data-path^="/admin"] .access-inline-header-sub,
body[data-path^="/admin"] .access-legacy-body-note,
body[data-path^="/admin"] .access-legacy-note,
body[data-path^="/admin"] .focus-note,
body[data-path^="/integration"] .page-subtitle {
    display: none !important;
}

/* Make admin content span the full working area */
body[data-path^="/admin"] .sites-page,
body[data-path^="/admin"] .structure-page,
body[data-path^="/admin"] .settings-shell,
body[data-path^="/admin"] .settings-page,
body[data-path^="/admin"] .devices-page,
body[data-path^="/admin"] .hardware-page,
body[data-path^="/admin"] .visual-v2-shell,
body[data-path^="/admin"] .module-workspace,
body[data-path^="/admin"] .module-shell,
body[data-path^="/integration"] .integration-page,
body[data-path^="/integration"] .module-workspace {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
}

body[data-path^="/admin"] .grid-layout,
body[data-path^="/admin"] .network-container {
    gap: var(--vm-sweep-gap) !important;
}

/* Shared panel language for legacy admin pages */
body[data-path^="/admin"] .panel-block,
body[data-path^="/admin"] .panel-shell,
body[data-path^="/admin"] .panel-box,
body[data-path^="/admin"] .device-section,
body[data-path^="/admin"] .info-card,
body[data-path^="/admin"] .table-card,
body[data-path^="/admin"] .intro-card,
body[data-path^="/admin"] .visual-v2-quick-card,
body[data-path^="/admin"] .visual-accordion,
body[data-path^="/admin"] .visual-v2-role-grid article,
body[data-path^="/admin"] .visual-preset-library article,
body[data-path^="/admin"] .visual-preview-shell,
body[data-path^="/integration"] .panel-block,
body[data-path^="/integration"] .panel-shell {
    border-radius: var(--vm-sweep-radius) !important;
    padding: 12px !important;
    border: 1px solid var(--vm-border) !important;
    background: linear-gradient(180deg, var(--panel, #fff) 0%, var(--vm-bg-subtle) 100%) !important;
    box-shadow: none !important;
}

body[data-path^="/admin"] .page-title,
body[data-path^="/admin"] .section-title,
body[data-path^="/admin"] .panel-title,
body[data-path^="/admin"] .section-heading,
body[data-path^="/admin"] .modal-title,
body[data-path^="/integration"] .page-title,
body[data-path^="/integration"] .section-title,
body[data-path^="/integration"] .panel-title {
    color: var(--text) !important;
}

body[data-path^="/admin"] .page-title,
body[data-path^="/integration"] .page-title {
    font-size: 1.15rem !important;
    line-height: 1.08 !important;
    font-weight: 800 !important;
}

body[data-path^="/admin"] .section-title,
body[data-path^="/admin"] .panel-title,
body[data-path^="/admin"] .section-heading,
body[data-path^="/integration"] .section-title,
body[data-path^="/integration"] .panel-title {
    font-size: 0.92rem !important;
    font-weight: 800 !important;
    border-bottom: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: 10px !important;
}

body[data-path^="/admin"] .page-top,
body[data-path^="/integration"] .page-top {
    gap: 8px !important;
}

body[data-path^="/admin"] .page-top > div,
body[data-path^="/integration"] .page-top > div {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

body[data-path^="/admin"] .text-input,
body[data-path^="/admin"] .select-input,
body[data-path^="/admin"] .site-select,
body[data-path^="/admin"] .field-group input,
body[data-path^="/admin"] .field-group select,
body[data-path^="/admin"] .field-group textarea,
body[data-path^="/integration"] .field-group input,
body[data-path^="/integration"] .field-group select,
body[data-path^="/integration"] .field-group textarea {
    background: #fff !important;
    color: var(--text) !important;
    border: 1px solid var(--vm-border) !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}

body[data-path^="/admin"] .empty-state,
body[data-path^="/admin"] .site-item,
body[data-path^="/admin"] .building-card,
body[data-path^="/admin"] .floor-card {
    border-radius: 10px !important;
    border: 1px solid var(--vm-border) !important;
    background: linear-gradient(180deg, #fff 0%, var(--vm-bg-subtle) 100%) !important;
    box-shadow: none !important;
}

body[data-path^="/admin"] .site-header,
body[data-path^="/admin"] .section-header,
body[data-path^="/admin"] .building-card-top,
body[data-path^="/admin"] .floor-card-top {
    border-bottom: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

body[data-path^="/admin"] .device-table th,
body[data-path^="/admin"] .device-table td,
body[data-path^="/admin"] .library-table th,
body[data-path^="/admin"] .library-table td {
    color: var(--text) !important;
}

body[data-path^="/admin"] .device-table th,
body[data-path^="/admin"] .library-table th {
    color: var(--text-muted) !important;
}

body[data-path^="/admin"] .action-btn,
body[data-path^="/admin"] .primary-btn,
body[data-path^="/admin"] .btn-primary,
body[data-path^="/admin"] .btn-secondary,
body[data-path^="/integration"] .btn-primary,
body[data-path^="/integration"] .btn-secondary {
    box-shadow: none !important;
}

/* Keep hardware library clean and compact */
body[data-path^="/admin/hardware_library"] .table-card .table-header,
body[data-path^="/admin/hardware_library"] .table-card h3,
body[data-path^="/admin/hardware_library"] .table-card h4,
body[data-path^="/admin/hardware_library"] .intro-card h3 {
    margin-bottom: 8px !important;
}

body[data-path^="/admin/hardware_library"] .table-wrap {
    margin-top: 4px !important;
}

body[data-path^="/admin/hardware_library"] .muted-cell {
    color: var(--text-soft) !important;
}