/* ==========================================================================
   DigiEagle IoT Edge - Industrial Operating Console Theme
   Crafted: Precision Engineering & Architectural Industrial UI
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=IBM+Plex+Mono:wght@400;500;600&display=swap');

:root {
    /* Industrial Safety Core */
    --accent-orange: #E65100;
    --accent-orange-hover: #D84315;
    --accent-orange-muted: #FF7043;
    --accent-orange-subtle: #FFF3E0;

    /* Architectural Neutrals (Warm Stone & Ivory Canvas) */
    --canvas-bg: #F4F1EA;
    --surface-card: #FFFFFF;
    --surface-sunken: #ECE8DE;
    --border-subtle: #E2DDD2;
    --border-strong: #CDC6B8;

    /* Industrial Obsidian & Carbon (Console Surfaces) */
    --carbon-950: #0C0D10;
    --carbon-900: #121418;
    --carbon-850: #181B20;
    --carbon-800: #1F2329;
    --carbon-700: #2C323B;
    --carbon-border: #232730;

    /* Precision Status Accents */
    --status-active: #059669;
    --status-active-subtle: #ECFDF5;
    --status-warning: #D97706;
    --status-warning-subtle: #FFFBEB;
    --status-critical: #DC2626;
    --status-critical-subtle: #FEF2F2;
    --status-cyan: #0284C7;
}

body {
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    background-color: var(--canvas-bg);
    color: #1A1C20;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Tabular numbers for industrial telemetry tables and counters */
.font-mono-num {
    font-family: 'IBM Plex Mono', monospace;
    font-feature-settings: "tnum" 1, "zero" 1;
}

/* Subtle Technical Hairline Dividers */
.hairline-b {
    border-bottom: 1px solid var(--border-subtle);
}
.hairline-t {
    border-top: 1px solid var(--border-subtle);
}
.hairline-r {
    border-right: 1px solid var(--border-subtle);
}

/* Subtle Precision Dot Matrix for Hardware Visualizers */
.bg-dot-matrix {
    background-image: radial-gradient(rgba(26, 28, 32, 0.12) 1px, transparent 1px);
    background-size: 16px 16px;
}

.bg-dot-matrix-dark {
    background-image: radial-gradient(rgba(255, 255, 255, 0.08) 1px, transparent 1px);
    background-size: 16px 16px;
}

/* Restrained, Crisp Shadows (Zero fuzzy AI drop-shadows) */
.shadow-crisp-sm {
    box-shadow: 0 1px 2px 0 rgba(18, 20, 24, 0.03), 0 1px 3px 0 rgba(18, 20, 24, 0.02);
}

.shadow-crisp {
    box-shadow: 0 1px 3px 0 rgba(18, 20, 24, 0.04), 0 4px 12px 0 rgba(18, 20, 24, 0.03);
}

/* Custom Precision Scrollbars */
::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}
::-webkit-scrollbar-track {
    background: transparent;
}
::-webkit-scrollbar-thumb {
    background: #D4CEBF;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #BAAF9C;
}

/* Subtle Hardware Live Beacon */
.beacon-dot {
    position: relative;
}
.beacon-dot::after {
    content: '';
    position: absolute;
    inset: -2px;
    border-radius: 9999px;
    background: currentColor;
    opacity: 0.35;
    animation: beacon-pulse 2.2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@keyframes beacon-pulse {
    0%, 100% {
        transform: scale(1);
        opacity: 0.35;
    }
    50% {
        transform: scale(1.6);
        opacity: 0;
    }
}