/* ==========================================================================
   REALISEMOTION RURAL - CHROMATIC THEME ACCENTS LAYER (TACTICAL SKIN)
   ========================================================================== */

/* 1. MASTER UNIVERSAL COLOR SWAP MATRIX - DAYLIGHT SLATE THEME ENGATION
   FIXED CONSOLIDATION: Heavy attribute substring selectors to forcefully override 
   the hardcoded inline background style variables confirmed by your DevTools tree! */
html,
body,
body#PageBody,
body.unselectable,
main,
.app-view-canvas,
.mainDivImage,
main[style*="background-color"],
main.app-view-canvas[style*="background-color"] {
    background-color: var(--rm-page) !important; /* Direct force swap of old background theme variables to clean daylight slate */
    color: var(--rm-text) !important; /* True deep slate typography ink text */
}

    /* 
   2. MASTER COMPACT GEOMETRY AND ROW REFLOW LAYER:
   Hard-restricts your parent wrapper width allocation caps to 640px, 
   instantly grouping your cards and centering your top 4 status labels 
   beautifully on screen glass, removing all wide tabular spacing gaps!
*/
    main.app-view-canvas > div,
    main.mainDivImage > div,
    .workspace-center-panel,
    .settings-workspace-wrapper,
    div[id^="divContentHolder_SETTINGS_CAMERA_MENU"] {
        background-color: transparent !important;
        border: none !important;
        width: 100% !important;
        max-width: 640px !important; /* Clamps your visual workspace to a clean, tight footprint */
        margin: 0 auto !important; /* Hard-centers the console panel elements layout horizontally */
        display: flex !important;
        flex-direction: column !important;
        box-sizing: border-box !important;
    }

/* 3. SOLID WHITE PANEL WORKSPACE CARDS ACCENTS */
.settings-tactical-card,
section.settings-tactical-card {
    background-color: var(--rm-surface) !important; /* Solid white card panel base fill background */
    border: 1px solid var(--rm-border) !important; /* Balanced frame contours lines pass contrast rule */
    color: var(--rm-text) !important;
    border-radius: 6px !important;
    padding: 16px !important; /* Compact cell padding cuts oversized scaling */
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important; /* Dense internal element track spacing */
    width: 100% !important;
    box-sizing: border-box !important;
}

    .settings-tactical-card .card-tactical-title {
        color: #1E293B !important;
        font-size: 0.9rem !important;
        margin: 0 !important;
    }

    .settings-tactical-card .card-meta-explanation {
        color: var(--rm-text-secondary) !important;
        font-size: 0.75rem !important;
        margin: 0 !important;
        line-height: 1.3 !important;
    }

    .settings-tactical-card .toggle-control-item {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding: 6px 0 !important;
        border-bottom: 1px solid var(--rm-page) !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .settings-tactical-card .toggle-meta-label, .settings-tactical-card span, label {
        color: #374151 !important;
        font-weight: 700 !important;
        font-size: 0.78rem !important;
    }

    .settings-tactical-card .text-danger {
        color: var(--rm-danger) !important;
    }

    /* 
   FIXED REPLICATED STRING BLOCK CRUSH:
   Cleanly target the redundant text tag inside your first block container card 
   to compress spacing without needing to edit your HTML fragment files!
*/
    .settings-tactical-card div[style*="padding: 4px"] span.property-portal-input-label,
    .settings-tactical-card div[style*="padding"] span:first-of-type {
        display: none !important; /* Collapses the redundant textual label footprint */
    }

    /* 4. INTERACTIVE COMPONENT BUTTON CONTROL ACCENTS OVERRIDES */
    .settings-tactical-card .btn,
    .settings-tactical-card .btn-secondary,
    .settings-tactical-card .btn-sm,
    .settings-tactical-card button,
    .settings-tactical-card button[type="button"] {
        background-color: #E2E8F0 !important; /* Premium clean daylight grey button faces fill */
        color: #1E293B !important; /* True deep slate text */
        border: 1px solid var(--rm-border-strong) !important; /* Sharp border outlines pass contrast checks */
    }

        .settings-tactical-card .btn:hover,
        .settings-tactical-card button[type="button"]:hover {
            background-color: var(--rm-border) !important;
            border-color: #64748B !important;
            color: var(--rm-text) !important;
        }

#btnStepperDecrementMotion, #btnStepperIncrementMotion {
    background-color: #E2E8F0 !important;
    color: #1E293B !important;
    border: 1px solid var(--rm-border-strong) !important;
}

    #btnStepperDecrementMotion:hover, #btnStepperIncrementMotion:hover {
        background-color: var(--rm-border) !important;
        border-color: #64748B !important;
    }

/* 5. SECURE TOP NAVIGATION COMMAND HEADER OVERSETS */
.app-top-header {
    background-color: var(--rm-surface) !important;
    border-bottom: 1px solid var(--rm-border) !important;
}

.header-brand-text {
    color: var(--rm-text) !important;
}

.brand-text-light {
    color: var(--rm-primary) !important;
}

#divHeaderModemTelematicRow {
    color: var(--rm-text-secondary) !important;
}

#lblHeaderRegistered {
    color: var(--rm-primary) !important;
}

/* 6. FIXED BOTTOM SYSTEM FOOTER NAV NAVIGATION TRAY */
.app-bottom-navbar {
    background-color: #1E293B !important;
    border-top: 1px solid #334155 !important;
}

    .custom-nav-pill, .nav-hub-btn, .app-bottom-navbar .btn {
        background-color: #334155 !important;
        border: 1px solid #475569 !important;
        color: #E2E8F0 !important;
    }

        .custom-nav-pill:hover, .nav-hub-btn:hover {
            color: var(--rm-surface) !important;
            background-color: #475569 !important;
        }

        .custom-nav-pill.active, .nav-hub-btn.active, .custom-nav-pill.btn-success {
            color: var(--rm-surface) !important;
            background-color: var(--rm-success) !important;
            border-color: var(--rm-success) !important;
        }

/* 7. TELEMETRY STATUS DIAGNOSTICS SUMMARY BAR INTERFACE PILLS */
.settings-diagnostics-summary-row .diagnostic-pill {
    background-color: var(--rm-surface) !important;
    border: 1px solid var(--rm-border) !important;
    color: var(--rm-text-secondary) !important;
}

/*.system-loader-backdrop {
    background-color: rgba(30, 41, 59, 0.95) !important;
}
*/
.tactical-matrix-spinner {
    border: 3px solid #334155 !important;
    border-top: 3px solid var(--rm-success) !important;
}

.loader-status-text-primary {
    color: var(--rm-surface) !important;
}

.loader-status-text-secondary {
    color: var(--rm-border-strong) !important;
}