@import url("https://fonts.googleapis.com/css2?family=Vazirmatn:wght@100..900&display=swap");
:root {
    --bg: #f6f8fb; --panel: #ffffff; --text: #243044; --muted: #6b7280;
    --border: #e4e8f0; --primary: #2563eb; --danger-soft: #fff1f2;
    --danger: #be123c; --success-soft: #ecfdf5; --success: #047857;
    --warning-soft: #fffbeb; --warning: #b45309;
    --shadow: 0 10px 30px rgba(15, 23, 42, 0.06);
}
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--text); font-family: "Vazirmatn", "Vazir", "IRANSans", "Segoe UI", Tahoma, Arial, sans-serif; }
a { color: inherit; text-decoration: none; }
code { direction: ltr; display: inline-block; }
.boot { min-height: 100vh; display: grid; place-items: center; }
.boot-card { display: grid; gap: .5rem; padding: 2rem; background: var(--panel); border: 1px solid var(--border); border-radius: 1.25rem; box-shadow: var(--shadow); }
.app-shell { min-height: 100vh; display: grid; grid-template-columns: 280px 1fr; }
.sidebar { background: #101827; color: #f9fafb; padding: 1.25rem; }
.brand { display: grid; gap: .25rem; padding-bottom: 1.25rem; border-bottom: 1px solid rgba(255,255,255,.12); }
.brand strong { font-size: 1.35rem; }
.brand span { color: #cbd5e1; font-size: .9rem; }
.nav { display: grid; gap: .5rem; margin-top: 1.25rem; }
.nav a { padding: .75rem .9rem; border-radius: .85rem; color: #dbeafe; }
.nav a.active, .nav a:hover { background: rgba(255,255,255,.10); color: #fff; }
.content { padding: 2rem; }
.header { display: flex; justify-content: space-between; gap: 1rem; align-items: center; margin-bottom: 1.5rem; }
.header h1 { margin: 0; font-size: 1.6rem; }
.header p { margin: .4rem 0 0; color: var(--muted); }
.panel, .metric { background: var(--panel); border: 1px solid var(--border); border-radius: 1.25rem; padding: 1.25rem; box-shadow: var(--shadow); }
.grid { display: grid; gap: 1rem; }
.grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.metric span { color: var(--muted); font-size: .9rem; }
.metric strong { display: block; margin-top: .5rem; font-size: 1.7rem; }
.table-wrap { overflow-x: auto; }
table { width: 100%; border-collapse: collapse; }
th, td { padding: .85rem; border-bottom: 1px solid var(--border); text-align: right; white-space: nowrap; }
th { color: var(--muted); font-weight: 600; background: #fafafa; }
.badge { display: inline-flex; align-items: center; padding: .25rem .55rem; border-radius: 999px; font-size: .8rem; }
.badge-ok { background: var(--success-soft); color: var(--success); }
.badge-danger { background: var(--danger-soft); color: var(--danger); }
.badge-warning { background: var(--warning-soft); color: var(--warning); }
button { border: 0; border-radius: .8rem; background: var(--primary); color: white; padding: .7rem 1rem; cursor: pointer; }
button:disabled { opacity: .6; cursor: not-allowed; }
.error { background: var(--danger-soft); color: var(--danger); border: 1px solid #fecdd3; border-radius: 1rem; padding: 1rem; }
.muted { color: var(--muted); }
.section-gap { margin-top: 1rem; }
@media (max-width: 900px) { .app-shell { grid-template-columns: 1fr; } .grid-3 { grid-template-columns: 1fr; } .header { align-items: flex-start; flex-direction: column; } }

.filter-panel {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
    margin-bottom: 1rem;
}

.filter-panel label {
    display: grid;
    gap: 0.35rem;
    color: var(--muted);
    font-size: 0.9rem;
}

input {
    width: 100%;
    border: 1px solid var(--border);
    border-radius: 0.75rem;
    padding: 0.65rem 0.75rem;
    background: #fff;
    color: var(--text);
}

code {
    direction: ltr;
    display: inline-block;
    background: var(--primary-soft);
    color: var(--primary);
    border-radius: 0.45rem;
    padding: 0.1rem 0.35rem;
}

@media (max-width: 900px) {
    .filter-panel {
        grid-template-columns: 1fr;
    }
}

.form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.form-grid label {
    display: grid;
    gap: 0.35rem;
    color: var(--muted);
    font-size: 0.9rem;
}

.form-grid .wide {
    grid-column: 1 / -1;
}

textarea {
    width: 100%;
    min-height: 6rem;
    border: 1px solid var(--border);
    border-radius: 0.75rem;
    padding: 0.65rem 0.75rem;
    background: #fff;
    color: var(--text);
    font-family: inherit;
}

.form-actions {
    grid-column: 1 / -1;
    display: flex;
    gap: 0.75rem;
    align-items: center;
}

.button-secondary {
    border-radius: 0.8rem;
    background: var(--primary-soft);
    color: var(--primary);
    padding: 0.7rem 1rem;
}

.command-result pre {
    white-space: pre-wrap;
    direction: ltr;
    text-align: left;
    margin-bottom: 0;
}

.command-success {
    border-color: #bbf7d0;
    background: var(--success-soft);
}

.command-failure {
    border-color: #fecdd3;
    background: var(--danger-soft);
}

@media (max-width: 900px) {
    .form-grid {
        grid-template-columns: 1fr;
    }
}

.detail-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.detail-grid div {
    display: grid;
    gap: 0.25rem;
    padding: 0.85rem;
    border: 1px solid var(--border);
    border-radius: 0.85rem;
    background: #fafafa;
}

.detail-grid span {
    color: var(--muted);
    font-size: 0.85rem;
}

.detail-grid strong {
    overflow-wrap: anywhere;
}

.detail-grid .wide {
    grid-column: 1 / -1;
}

.section-gap {
    margin-top: 1rem;
}

@media (max-width: 900px) {
    .detail-grid {
        grid-template-columns: 1fr;
    }
}

.code-block {
    direction: ltr;
    text-align: left;
    white-space: pre-wrap;
    overflow-x: auto;
    max-height: 28rem;
    background: #0f172a;
    color: #e5e7eb;
    border-radius: 1rem;
    padding: 1rem;
    font-family: Consolas, "Courier New", monospace;
    font-size: 0.85rem;
}

ul {
    margin: 0;
    padding-inline-start: 1.5rem;
}

.preview-cell {
    max-width: 34rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    direction: ltr;
    text-align: left;
}

/* PHASE10_STEP03_UI_RC_HARDENING */
.runtime-banner {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
    margin-bottom: 1rem;
    padding: 0.85rem 1rem;
    border: 1px solid var(--border);
    border-radius: 1rem;
    background: var(--panel);
    box-shadow: var(--shadow);
}

.runtime-banner div {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: center;
}

.runtime-banner span {
    color: var(--muted);
    font-size: 0.86rem;
}

.runtime-banner-ok {
    border-color: #bbf7d0;
    background: var(--success-soft);
}

.runtime-banner-warning {
    border-color: #fde68a;
    background: var(--warning-soft);
}

.runtime-banner-danger,
.api-unavailable-panel,
.rc-error-boundary {
    border-color: #fecdd3;
    background: var(--danger-soft);
}

.api-unavailable-panel {
    margin-bottom: 1rem;
    padding: 1rem;
    border: 1px solid #fecdd3;
    border-radius: 1rem;
    color: var(--danger);
}

.loading-panel {
    color: var(--muted);
}

.error p {
    margin: 0.5rem 0;
}

.error details {
    margin-top: 0.75rem;
}

@media (max-width: 900px) {
    .runtime-banner {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* PHASE10_STEP08_COMPREHENSIVE_HEALTH_CENTER */
.system-health-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
    gap: 1rem;
    padding: 1.5rem;
    border: 1px solid var(--border);
    border-radius: 1.35rem;
    background: var(--panel);
    box-shadow: var(--shadow);
}

.system-health-hero strong {
    display: block;
    margin-top: 0.35rem;
    font-size: 2.2rem;
}

.system-health-hero p {
    margin: 0.5rem 0 0;
}

.system-health-hero-ok {
    border-color: #bbf7d0;
    background: var(--success-soft);
}

.system-health-hero-warning {
    border-color: #fde68a;
    background: var(--warning-soft);
}

.system-health-hero-danger {
    border-color: #fecdd3;
    background: var(--danger-soft);
}

.system-health-meta {
    display: grid;
    gap: 0.45rem;
    color: var(--muted);
}

.system-health-component-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.system-health-card {
    display: grid;
    align-content: start;
    gap: 0.75rem;
}

.system-health-card h3,
.system-health-card h4 {
    margin: 0;
}

.system-health-card-title {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
}

.system-health-description {
    white-space: normal;
    max-width: 42rem;
}

.health-detail-list {
    display: grid;
    gap: 0.5rem;
    margin: 0;
}

.health-detail-list.two-column {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.health-detail-list div {
    display: grid;
    gap: 0.2rem;
    padding: 0.65rem;
    border: 1px solid var(--border);
    border-radius: 0.75rem;
    background: #fafafa;
}

.health-detail-list dt {
    color: var(--muted);
    font-size: 0.82rem;
}

.health-detail-list dd {
    margin: 0;
    direction: ltr;
    text-align: left;
    overflow-wrap: anywhere;
}

.decision-box {
    border: 1px solid var(--border);
    border-radius: 1rem;
    padding: 1rem;
}

.decision-box p {
    margin: 0.5rem 0 0;
}

.decision-go {
    border-color: #bbf7d0;
    background: var(--success-soft);
    color: var(--success);
}

.decision-conditional {
    border-color: #fde68a;
    background: var(--warning-soft);
    color: var(--warning);
}

.decision-no-go {
    border-color: #fecdd3;
    background: var(--danger-soft);
    color: var(--danger);
}

@media (max-width: 900px) {
    .system-health-hero,
    .system-health-component-grid,
    .health-detail-list.two-column {
        grid-template-columns: 1fr;
    }
}

/* PHASE10_STEP09_FRONTEND_NAVIGATION_RESPONSIVE_THEME */
:root {
    color-scheme: light;
    --bg: #eef5f7;
    --bg-gradient-a: rgba(13, 148, 136, 0.14);
    --bg-gradient-b: rgba(37, 99, 235, 0.10);
    --panel: rgba(255, 255, 255, 0.92);
    --panel-solid: #ffffff;
    --panel-muted: #f7fafc;
    --text: #172033;
    --heading: #0f172a;
    --muted: #667085;
    --border: rgba(15, 23, 42, 0.10);
    --primary: #0f766e;
    --primary-strong: #115e59;
    --primary-soft: #ccfbf1;
    --accent: #2563eb;
    --accent-soft: #dbeafe;
    --danger-soft: #fff1f2;
    --danger: #be123c;
    --success-soft: #ecfdf5;
    --success: #047857;
    --warning-soft: #fffbeb;
    --warning: #b45309;
    --sidebar-bg: linear-gradient(180deg, #0b1220 0%, #102a43 52%, #063f3b 100%);
    --sidebar-text: #f8fafc;
    --sidebar-muted: #b8c5d6;
    --sidebar-border: rgba(255, 255, 255, 0.10);
    --brand-gradient: linear-gradient(135deg, #14b8a6, #2563eb);
    --active-indicator: #5eead4;
    --shadow: 0 20px 50px rgba(15, 23, 42, 0.10);
    --shadow-soft: 0 10px 24px rgba(15, 23, 42, 0.07);
    --radius-sm: 0.75rem;
    --radius-md: 1rem;
    --radius-lg: 1.35rem;
}

* {
    box-sizing: border-box;
}

html {
    min-width: 320px;
    scroll-behavior: smooth;
}

body {
    margin: 0;
    min-height: 100vh;
    overflow-x: hidden;
    background:
        radial-gradient(circle at top right, var(--bg-gradient-a), transparent 30rem),
        radial-gradient(circle at bottom left, var(--bg-gradient-b), transparent 28rem),
        var(--bg);
    color: var(--text);
    font-family: "Vazirmatn", "Vazir", "IRANSans", "Segoe UI", Tahoma, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

body, button, input, textarea, select {
    font: inherit;
}

button, a, input, textarea, select, summary {
    -webkit-tap-highlight-color: transparent;
}

button:focus-visible,
a:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
summary:focus-visible {
    outline: 3px solid rgba(13, 148, 136, 0.28);
    outline-offset: 3px;
}

.boot {
    min-height: 100vh;
    display: grid;
    place-items: center;
    padding: 1rem;
}

.boot-card {
    display: grid;
    gap: .5rem;
    width: min(28rem, 100%);
    padding: 1.5rem;
    background: var(--panel);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow);
    text-align: center;
}

.app-shell {
    --topbar-height: 72px;
    min-height: 100vh;
    display: grid;
    grid-template-columns: 304px minmax(0, 1fr);
    grid-template-rows: var(--topbar-height) minmax(0, 1fr);
    grid-template-areas:
        "sidebar topbar"
        "sidebar content";
    transition: grid-template-columns 180ms ease;
}


/* SMARTCO_FREEZE_v4.4.0: complete readable theme system. Previous experimental themes were removed. */
.app-shell.theme-clarity-blue,
.app-shell.theme-executive-slate,
.app-shell.theme-alpine-green,
.app-shell.theme-sandstone-light,
.app-shell.theme-pearl-violet,
.app-shell.theme-copper-mist,
.app-shell.theme-cyan-precision,
.app-shell.theme-olive-control,
.app-shell.theme-rose-quartz,
.app-shell.theme-mono-carbon {
    --danger-soft: #fff1f2;
    --danger: #be123c;
    --success-soft: #ecfdf5;
    --success: #047857;
    --warning-soft: #fffbeb;
    --warning: #b45309;
    --sidebar-border: rgba(255, 255, 255, 0.14);
    background:
        radial-gradient(circle at top right, var(--bg-gradient-a), transparent 30rem),
        radial-gradient(circle at bottom left, var(--bg-gradient-b), transparent 28rem),
        var(--bg);
}

.app-shell.theme-clarity-blue {
    color-scheme: light;
    --bg: #f3f7ff;
    --bg-gradient-a: rgba(37, 99, 235, 0.13);
    --bg-gradient-b: rgba(14, 165, 233, 0.10);
    --panel: rgba(255, 255, 255, 0.97);
    --panel-solid: #ffffff;
    --panel-muted: #eef5ff;
    --text: #172033;
    --heading: #0f172a;
    --muted: #5f6f86;
    --border: rgba(37, 99, 235, 0.13);
    --primary: #2563eb;
    --primary-strong: #1d4ed8;
    --primary-soft: #dbeafe;
    --accent: #0891b2;
    --accent-soft: #cffafe;
    --sidebar-bg: linear-gradient(180deg, #0f172a 0%, #1e3a8a 52%, #0e7490 100%);
    --sidebar-text: #f8fafc;
    --sidebar-muted: #cbd5e1;
    --brand-gradient: linear-gradient(135deg, #2563eb, #06b6d4);
    --active-indicator: #93c5fd;
    --shadow: 0 18px 45px rgba(37, 99, 235, 0.10);
}

.app-shell.theme-executive-slate {
    color-scheme: light;
    --bg: #f5f7fa;
    --bg-gradient-a: rgba(71, 85, 105, 0.13);
    --bg-gradient-b: rgba(15, 118, 110, 0.09);
    --panel: rgba(255, 255, 255, 0.97);
    --panel-solid: #ffffff;
    --panel-muted: #f1f5f9;
    --text: #1f2937;
    --heading: #111827;
    --muted: #64748b;
    --border: rgba(51, 65, 85, 0.13);
    --primary: #334155;
    --primary-strong: #1f2937;
    --primary-soft: #e2e8f0;
    --accent: #0f766e;
    --accent-soft: #ccfbf1;
    --sidebar-bg: linear-gradient(180deg, #111827 0%, #334155 58%, #0f766e 100%);
    --sidebar-text: #f9fafb;
    --sidebar-muted: #d1d5db;
    --brand-gradient: linear-gradient(135deg, #475569, #0f766e);
    --active-indicator: #99f6e4;
    --shadow: 0 18px 42px rgba(15, 23, 42, 0.10);
}

.app-shell.theme-alpine-green {
    color-scheme: light;
    --bg: #f1fbf5;
    --bg-gradient-a: rgba(22, 163, 74, 0.13);
    --bg-gradient-b: rgba(13, 148, 136, 0.10);
    --panel: rgba(255, 255, 255, 0.97);
    --panel-solid: #ffffff;
    --panel-muted: #f0fdf4;
    --text: #12251d;
    --heading: #052e1b;
    --muted: #60766b;
    --border: rgba(21, 128, 61, 0.13);
    --primary: #15803d;
    --primary-strong: #166534;
    --primary-soft: #dcfce7;
    --accent: #0f766e;
    --accent-soft: #ccfbf1;
    --sidebar-bg: linear-gradient(180deg, #052e1b 0%, #14532d 58%, #064e3b 100%);
    --sidebar-text: #f7fee7;
    --sidebar-muted: #bbf7d0;
    --brand-gradient: linear-gradient(135deg, #22c55e, #0f766e);
    --active-indicator: #86efac;
    --shadow: 0 18px 42px rgba(21, 128, 61, 0.10);
}

.app-shell.theme-sandstone-light {
    color-scheme: light;
    --bg: #fff8ed;
    --bg-gradient-a: rgba(217, 119, 6, 0.12);
    --bg-gradient-b: rgba(15, 118, 110, 0.08);
    --panel: rgba(255, 255, 255, 0.97);
    --panel-solid: #ffffff;
    --panel-muted: #fff7ed;
    --text: #2f2418;
    --heading: #1f1608;
    --muted: #75695c;
    --border: rgba(180, 83, 9, 0.14);
    --primary: #b45309;
    --primary-strong: #92400e;
    --primary-soft: #fef3c7;
    --accent: #0f766e;
    --accent-soft: #ccfbf1;
    --sidebar-bg: linear-gradient(180deg, #1f2937 0%, #78350f 56%, #0f766e 100%);
    --sidebar-text: #fff7ed;
    --sidebar-muted: #fde68a;
    --brand-gradient: linear-gradient(135deg, #f59e0b, #14b8a6);
    --active-indicator: #fcd34d;
    --shadow: 0 18px 42px rgba(180, 83, 9, 0.10);
}

.app-shell.theme-pearl-violet {
    color-scheme: light;
    --bg: #f8f5ff;
    --bg-gradient-a: rgba(124, 58, 237, 0.12);
    --bg-gradient-b: rgba(37, 99, 235, 0.08);
    --panel: rgba(255, 255, 255, 0.98);
    --panel-solid: #ffffff;
    --panel-muted: #f5f3ff;
    --text: #241c35;
    --heading: #181026;
    --muted: #6b617a;
    --border: rgba(109, 40, 217, 0.12);
    --primary: #6d28d9;
    --primary-strong: #5b21b6;
    --primary-soft: #ede9fe;
    --accent: #2563eb;
    --accent-soft: #dbeafe;
    --sidebar-bg: linear-gradient(180deg, #181026 0%, #4c1d95 58%, #1e3a8a 100%);
    --sidebar-text: #faf5ff;
    --sidebar-muted: #ddd6fe;
    --brand-gradient: linear-gradient(135deg, #8b5cf6, #2563eb);
    --active-indicator: #c4b5fd;
    --shadow: 0 18px 42px rgba(109, 40, 217, 0.10);
}

.app-shell.theme-copper-mist {
    color-scheme: light;
    --bg: #fff5f0;
    --bg-gradient-a: rgba(194, 65, 12, 0.12);
    --bg-gradient-b: rgba(14, 116, 144, 0.08);
    --panel: rgba(255, 255, 255, 0.97);
    --panel-solid: #ffffff;
    --panel-muted: #fff7ed;
    --text: #2b1d16;
    --heading: #1c120c;
    --muted: #7c5f4c;
    --border: rgba(154, 52, 18, 0.13);
    --primary: #c2410c;
    --primary-strong: #9a3412;
    --primary-soft: #ffedd5;
    --accent: #0e7490;
    --accent-soft: #cffafe;
    --sidebar-bg: linear-gradient(180deg, #1c120c 0%, #7c2d12 54%, #0e7490 100%);
    --sidebar-text: #fff7ed;
    --sidebar-muted: #fed7aa;
    --brand-gradient: linear-gradient(135deg, #ea580c, #0e7490);
    --active-indicator: #fdba74;
    --shadow: 0 18px 42px rgba(194, 65, 12, 0.10);
}

.app-shell.theme-cyan-precision {
    color-scheme: light;
    --bg: #f0fbff;
    --bg-gradient-a: rgba(8, 145, 178, 0.13);
    --bg-gradient-b: rgba(37, 99, 235, 0.08);
    --panel: rgba(255, 255, 255, 0.97);
    --panel-solid: #ffffff;
    --panel-muted: #ecfeff;
    --text: #102833;
    --heading: #082f49;
    --muted: #5c7280;
    --border: rgba(8, 145, 178, 0.13);
    --primary: #0891b2;
    --primary-strong: #0e7490;
    --primary-soft: #cffafe;
    --accent: #2563eb;
    --accent-soft: #dbeafe;
    --sidebar-bg: linear-gradient(180deg, #082f49 0%, #0e7490 56%, #1d4ed8 100%);
    --sidebar-text: #f0f9ff;
    --sidebar-muted: #bae6fd;
    --brand-gradient: linear-gradient(135deg, #06b6d4, #2563eb);
    --active-indicator: #67e8f9;
    --shadow: 0 18px 42px rgba(8, 145, 178, 0.10);
}

.app-shell.theme-olive-control {
    color-scheme: light;
    --bg: #f8faef;
    --bg-gradient-a: rgba(101, 163, 13, 0.12);
    --bg-gradient-b: rgba(15, 118, 110, 0.08);
    --panel: rgba(255, 255, 255, 0.97);
    --panel-solid: #ffffff;
    --panel-muted: #f7fee7;
    --text: #202515;
    --heading: #1a2e05;
    --muted: #667052;
    --border: rgba(77, 124, 15, 0.13);
    --primary: #4d7c0f;
    --primary-strong: #3f6212;
    --primary-soft: #ecfccb;
    --accent: #0f766e;
    --accent-soft: #ccfbf1;
    --sidebar-bg: linear-gradient(180deg, #1a2e05 0%, #365314 58%, #0f766e 100%);
    --sidebar-text: #f7fee7;
    --sidebar-muted: #d9f99d;
    --brand-gradient: linear-gradient(135deg, #65a30d, #14b8a6);
    --active-indicator: #bef264;
    --shadow: 0 18px 42px rgba(77, 124, 15, 0.10);
}

.app-shell.theme-rose-quartz {
    color-scheme: light;
    --bg: #fff6f8;
    --bg-gradient-a: rgba(219, 39, 119, 0.10);
    --bg-gradient-b: rgba(124, 58, 237, 0.08);
    --panel: rgba(255, 255, 255, 0.98);
    --panel-solid: #ffffff;
    --panel-muted: #fff1f2;
    --text: #2d1b24;
    --heading: #1f1117;
    --muted: #79606b;
    --border: rgba(190, 24, 93, 0.12);
    --primary: #be185d;
    --primary-strong: #9d174d;
    --primary-soft: #fce7f3;
    --accent: #7c3aed;
    --accent-soft: #ede9fe;
    --sidebar-bg: linear-gradient(180deg, #1f1117 0%, #831843 58%, #4c1d95 100%);
    --sidebar-text: #fff1f2;
    --sidebar-muted: #fbcfe8;
    --brand-gradient: linear-gradient(135deg, #db2777, #8b5cf6);
    --active-indicator: #f9a8d4;
    --shadow: 0 18px 42px rgba(190, 24, 93, 0.10);
}

.app-shell.theme-mono-carbon {
    color-scheme: dark;
    --bg: #0b0f14;
    --bg-gradient-a: rgba(148, 163, 184, 0.10);
    --bg-gradient-b: rgba(34, 197, 94, 0.08);
    --panel: rgba(15, 23, 42, 0.92);
    --panel-solid: #111827;
    --panel-muted: #1f2937;
    --text: #f3f4f6;
    --heading: #ffffff;
    --muted: #cbd5e1;
    --border: rgba(226, 232, 240, 0.14);
    --primary: #e5e7eb;
    --primary-strong: #ffffff;
    --primary-soft: rgba(226, 232, 240, 0.16);
    --accent: #34d399;
    --accent-soft: rgba(52, 211, 153, 0.16);
    --danger-soft: rgba(248, 113, 113, 0.14);
    --danger: #fca5a5;
    --success-soft: rgba(52, 211, 153, 0.15);
    --success: #86efac;
    --warning-soft: rgba(251, 191, 36, 0.16);
    --warning: #fde68a;
    --sidebar-bg: linear-gradient(180deg, #020617 0%, #111827 58%, #064e3b 100%);
    --sidebar-text: #f8fafc;
    --sidebar-muted: #cbd5e1;
    --brand-gradient: linear-gradient(135deg, #f8fafc, #34d399);
    --active-indicator: #86efac;
    --shadow: 0 20px 50px rgba(0, 0, 0, 0.32);
}

.app-shell.sidebar-collapsed {
    grid-template-columns: 96px minmax(0, 1fr);
}

.topbar {
    grid-area: topbar;
    position: sticky;
    top: 0;
    z-index: 30;
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    height: var(--topbar-height);
    padding: 0.85rem 1.35rem;
    background: color-mix(in srgb, var(--panel-solid), transparent 8%);
    border-bottom: 1px solid var(--border);
    backdrop-filter: blur(16px);
}

.topbar-start,
.topbar-actions {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-width: 0;
}

.topbar-title {
    display: grid;
    gap: 0.15rem;
    min-width: 0;
}

.topbar-title span {
    color: var(--muted);
    font-size: 0.78rem;
    letter-spacing: 0.02em;
    direction: ltr;
    text-align: right;
}

.topbar-title strong {
    color: var(--heading);
    font-size: clamp(0.92rem, 1.5vw, 1.05rem);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hamburger-button,
.sidebar-collapse-button,
.theme-toggle-button,
.sidebar-overlay {
    border: 0;
}

.hamburger-button,
.sidebar-collapse-button,
.theme-toggle-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.55rem;
    border-radius: 999px;
    cursor: pointer;
    transition: transform 140ms ease, box-shadow 140ms ease, background 140ms ease;
}

.hamburger-button {
    width: 2.75rem;
    flex-direction: column;
    gap: 0.22rem;
    background: var(--primary-soft);
    color: var(--primary-strong);
}

.hamburger-button span {
    width: 1.15rem;
    height: 2px;
    border-radius: 999px;
    background: currentColor;
}

.sidebar-collapse-button,
.theme-toggle-button {
    padding: 0.55rem 0.85rem;
    background: var(--panel-muted);
    color: var(--text);
    border: 1px solid var(--border);
}

.topbar-pill {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.55rem 0.8rem;
    border: 1px solid var(--border);
    border-radius: 999px;
    background: var(--panel-muted);
    color: var(--muted);
    font-size: 0.82rem;
    white-space: nowrap;
}

.hamburger-button:hover,
.sidebar-collapse-button:hover,
.theme-toggle-button:hover {
    transform: translateY(-1px);
    box-shadow: var(--shadow-soft);
}

.sidebar {
    grid-area: sidebar;
    position: sticky;
    top: 0;
    z-index: 40;
    height: 100vh;
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 1.1rem 0.95rem;
    background: var(--sidebar-bg);
    color: var(--sidebar-text);
    border-left: 1px solid var(--sidebar-border);
    box-shadow: 10px 0 34px rgba(15, 23, 42, 0.18);
    scrollbar-width: thin;
}

.sidebar::-webkit-scrollbar {
    width: 8px;
}

.sidebar::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.18);
}

.brand {
    display: grid;
    grid-template-columns: 3rem minmax(0, 1fr);
    align-items: center;
    gap: 0.8rem;
    padding: 0.35rem 0.25rem 1rem;
    border-bottom: 1px solid var(--sidebar-border);
}

.brand-mark {
    display: grid;
    place-items: center;
    width: 3rem;
    height: 3rem;
    border-radius: 1rem;
    background: var(--brand-gradient);
    color: #fff;
    font-weight: 800;
    font-size: 1.25rem;
    box-shadow: 0 12px 26px rgba(20, 184, 166, 0.24);
}

.brand-copy {
    display: grid;
    gap: 0.25rem;
    min-width: 0;
}

.brand strong {
    color: #fff;
    font-size: 1.25rem;
    direction: ltr;
    text-align: right;
}

.brand span {
    color: var(--sidebar-muted);
    font-size: 0.82rem;
    line-height: 1.7;
}

.nav-shell {
    display: grid;
    gap: 0.65rem;
    margin-top: 1rem;
}

.nav-group {
    border: 1px solid transparent;
    border-radius: 1.1rem;
    background: rgba(255, 255, 255, 0.045);
    overflow: hidden;
}

.nav-group[open] {
    border-color: rgba(255, 255, 255, 0.075);
}

.nav-group summary {
    display: grid;
    grid-template-columns: 2.1rem minmax(0, 1fr);
    align-items: center;
    gap: 0.55rem;
    padding: 0.75rem 0.75rem;
    cursor: pointer;
    list-style: none;
    color: #fff;
    user-select: none;
}

.nav-group summary::-webkit-details-marker {
    display: none;
}

.nav-group summary::after {
    content: "⌄";
    grid-column: 2;
    justify-self: end;
    opacity: 0.68;
    transform: translateY(-1px);
    transition: transform 160ms ease;
}

.nav-group[open] summary::after {
    transform: rotate(180deg) translateY(1px);
}

.nav-group-icon {
    display: inline-grid;
    place-items: center;
    width: 2.1rem;
    height: 2.1rem;
    border-radius: 0.72rem;
    background: rgba(255, 255, 255, 0.10);
    color: #ccfbf1;
    font-size: 0.72rem;
    font-weight: 800;
    direction: ltr;
}

.nav-group-label {
    min-width: 0;
    padding-inline-end: 1.2rem;
    font-size: 0.88rem;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.nav-group-links {
    display: grid;
    gap: 0.25rem;
    padding: 0 0.45rem 0.55rem;
}

.nav-link {
    position: relative;
    display: grid;
    grid-template-columns: 0.7rem minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.55rem;
    min-height: 2.55rem;
    padding: 0.54rem 0.62rem;
    border-radius: 0.88rem;
    color: #dbeafe;
    text-decoration: none;
    transition: background 140ms ease, color 140ms ease, transform 140ms ease;
}

.nav-link:hover,
.nav-link.active {
    background: rgba(255, 255, 255, 0.11);
    color: #fff;
    transform: translateX(-2px);
}

.nav-link.active::before {
    content: "";
    position: absolute;
    inset-block: 0.55rem;
    inset-inline-start: 0;
    width: 3px;
    border-radius: 999px;
    background: var(--active-indicator);
}

.nav-link-bullet {
    width: 0.42rem;
    height: 0.42rem;
    border-radius: 999px;
    background: rgba(203, 213, 225, 0.70);
}

.nav-link.active .nav-link-bullet,
.nav-link:hover .nav-link-bullet {
    background: var(--active-indicator);
}

.nav-link-text {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.88rem;
}

.nav-link-meta {
    padding: 0.16rem 0.42rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
    color: #b8c5d6;
    font-size: 0.66rem;
    direction: ltr;
    white-space: nowrap;
}

.sidebar-overlay {
    display: none;
}

.content {
    grid-area: content;
    min-width: 0;
    padding: clamp(1rem, 2.2vw, 2rem);
}

.page-surface {
    display: grid;
    gap: 1rem;
    width: min(100%, 1480px);
    margin-inline: auto;
}

.header {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
    margin-bottom: 0.25rem;
    padding: 1rem 1.1rem;
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    background: linear-gradient(135deg, color-mix(in srgb, var(--panel-solid), transparent 4%), color-mix(in srgb, var(--primary-soft), transparent 32%));
    box-shadow: var(--shadow-soft);
}

.header h1,
.panel h1,
.panel h2,
.panel h3,
.panel h4 {
    color: var(--heading);
}

.header h1 {
    margin: 0;
    font-size: clamp(1.25rem, 2.5vw, 1.85rem);
    letter-spacing: -0.02em;
}

.header p {
    margin: .45rem 0 0;
    color: var(--muted);
    line-height: 1.9;
}

.panel,
.metric {
    background: var(--panel);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: clamp(1rem, 1.8vw, 1.35rem);
    box-shadow: var(--shadow-soft);
    backdrop-filter: blur(10px);
}

.metric {
    position: relative;
    overflow: hidden;
}

.metric::after {
    content: "";
    position: absolute;
    inset-inline-start: 1rem;
    inset-block-start: 1rem;
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 999px;
    background: var(--primary-soft);
    opacity: 0.55;
    filter: blur(10px);
}

.metric > * {
    position: relative;
    z-index: 1;
}

.grid {
    display: grid;
    gap: 1rem;
}

.grid-3,
.ui08-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.filter-panel,
.form-grid,
.detail-grid,
.system-health-component-grid,
.health-detail-list.two-column {
    gap: 1rem;
}

input,
textarea,
select {
    width: 100%;
    border: 1px solid var(--border);
    border-radius: 0.9rem;
    padding: 0.72rem 0.85rem;
    background: var(--panel-solid);
    color: var(--text);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.02);
}

textarea {
    min-height: 7rem;
    resize: vertical;
}

button,
.button-secondary {
    min-height: 2.55rem;
    border-radius: 999px;
    padding: 0.68rem 1.05rem;
    font-weight: 700;
    box-shadow: none;
    transition: transform 140ms ease, box-shadow 140ms ease, opacity 140ms ease;
}

button:not(:disabled):hover,
.button-secondary:hover {
    transform: translateY(-1px);
    box-shadow: var(--shadow-soft);
}

button:disabled {
    opacity: .58;
    cursor: not-allowed;
}

table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

th,
td {
    padding: 0.88rem;
    border-bottom: 1px solid var(--border);
    text-align: right;
    white-space: nowrap;
    vertical-align: middle;
}

th {
    position: sticky;
    top: 0;
    z-index: 2;
    color: var(--muted);
    font-weight: 800;
    background: var(--panel-muted);
}

.table-wrap {
    overflow-x: auto;
    max-width: 100%;
    scrollbar-width: thin;
}

.badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 1.65rem;
    padding: .25rem .62rem;
    border-radius: 999px;
    font-size: .78rem;
    font-weight: 800;
}

.code-block,
.command-result pre {
    max-width: 100%;
    overflow-x: auto;
}

.detail-grid div,
.health-detail-list div {
    background: var(--panel-muted);
}

.runtime-banner,
.api-unavailable-panel,
.error {
    border-radius: var(--radius-lg);
}

.app-shell.sidebar-collapsed .sidebar {
    padding-inline: 0.7rem;
}

.app-shell.sidebar-collapsed .brand {
    grid-template-columns: 1fr;
    justify-items: center;
}

.app-shell.sidebar-collapsed .brand-copy,
.app-shell.sidebar-collapsed .nav-group-label,
.app-shell.sidebar-collapsed .nav-link-text,
.app-shell.sidebar-collapsed .nav-link-meta,
.app-shell.sidebar-collapsed .nav-group summary::after {
    display: none;
}

.app-shell.sidebar-collapsed .nav-group summary,
.app-shell.sidebar-collapsed .nav-link {
    grid-template-columns: 1fr;
    justify-items: center;
    padding-inline: 0.5rem;
}

.app-shell.sidebar-collapsed .nav-group-links {
    padding-inline: 0.3rem;
}

.app-shell.sidebar-collapsed .nav-link-bullet {
    width: 0.55rem;
    height: 0.55rem;
}

@media (max-width: 900px) {
    .app-shell,
    .app-shell.sidebar-collapsed {
        grid-template-columns: 1fr;
        grid-template-rows: var(--topbar-height) minmax(0, 1fr);
        grid-template-areas:
            "topbar"
            "content";
    }

    .sidebar {
        position: fixed;
        inset-block: 0;
        inset-inline-start: 0;
        width: min(86vw, 320px);
        transform: translateX(105%);
        transition: transform 180ms ease;
    }

    .app-shell.sidebar-open .sidebar {
        transform: translateX(0);
    }

    .sidebar-overlay {
        display: block;
        position: fixed;
        inset: 0;
        z-index: 35;
        background: rgba(2, 6, 23, 0.52);
        opacity: 0;
        pointer-events: none;
        transition: opacity 180ms ease;
        cursor: pointer;
    }

    .app-shell.sidebar-open .sidebar-overlay {
        opacity: 1;
        pointer-events: auto;
    }

    .sidebar-collapse-button {
        display: none;
    }

    .topbar {
        padding-inline: 0.85rem;
    }

    .topbar-title strong {
        max-width: 56vw;
    }

    .grid-3,
    .ui08-grid,
    .filter-panel,
    .form-grid,
    .detail-grid,
    .system-health-hero,
    .system-health-component-grid,
    .health-detail-list.two-column {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 760px) {
    .topbar {
        height: auto;
        min-height: var(--topbar-height);
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .topbar-start {
        width: 100%;
    }

    .topbar-actions {
        width: 100%;
        justify-content: space-between;
    }

    .topbar-title span {
        display: none;
    }

    .topbar-title strong {
        max-width: calc(100vw - 6rem);
        white-space: normal;
        line-height: 1.7;
    }

    .content {
        padding: 0.85rem;
    }

    .header {
        flex-direction: column;
        align-items: stretch;
    }

    .header > button,
    .header > a,
    .form-actions button,
    .form-actions a {
        width: 100%;
    }

    .grid-3,
    .ui08-grid,
    .filter-panel,
    .form-grid,
    .detail-grid,
    .system-health-hero,
    .system-health-component-grid,
    .health-detail-list.two-column,
    .release-evidence-grid {
        grid-template-columns: 1fr !important;
    }

    .form-actions {
        flex-direction: column;
        align-items: stretch;
    }

    th,
    td {
        padding: 0.72rem;
        font-size: 0.88rem;
    }

    .panel,
    .metric {
        border-radius: 1.05rem;
    }
}

@media (max-width: 480px) {
    .topbar-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .topbar-pill,
    .theme-toggle-button {
        justify-content: center;
        width: 100%;
    }

    .sidebar {
        width: min(92vw, 320px);
    }
}

/* PHASE10_STEP09_2_FRONTEND_UX_POLISH_HOTFIX */
html,
body,
#app {
    width: 100%;
    min-width: 0;
}

body,
button,
input,
textarea,
select {
    font-family: "Vazirmatn", "Vazir", "IRANSans", "Segoe UI", Tahoma, Arial, sans-serif;
}

.app-shell {
    width: 100%;
    max-width: none;
}

.content {
    width: 100%;
    max-width: none;
    padding: clamp(0.9rem, 1.5vw, 1.35rem);
}

.page-surface {
    width: 100%;
    max-width: none;
    margin-inline: 0;
}

.hamburger-button {
    position: relative;
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--primary), transparent 72%);
}

.app-shell.sidebar-collapsed .hamburger-button,
.app-shell.sidebar-open .hamburger-button {
    background: var(--primary);
    color: #fff;
}

.sidebar-collapse-button {
    min-height: 2.35rem;
    padding: 0.45rem 0.7rem;
    font-size: 0.76rem;
}

.sidebar {
    padding: 0.72rem 0.58rem;
}

.brand {
    grid-template-columns: 2.55rem minmax(0, 1fr);
    gap: 0.58rem;
    padding: 0.25rem 0.15rem 0.65rem;
}

.brand-mark {
    width: 2.55rem;
    height: 2.55rem;
    border-radius: 0.82rem;
    font-size: 1.08rem;
}

.brand strong {
    font-size: 1.05rem;
}

.brand span {
    font-size: 0.74rem;
    line-height: 1.45;
}

.nav-shell {
    gap: 0.36rem;
    margin-top: 0.62rem;
}

.nav-group {
    border-radius: 0.78rem;
}

.nav-group summary {
    grid-template-columns: 1.72rem minmax(0, 1fr);
    gap: 0.42rem;
    min-height: 2.25rem;
    padding: 0.42rem 0.48rem;
}

.nav-group-icon {
    width: 1.72rem;
    height: 1.72rem;
    border-radius: 0.55rem;
    font-size: 0.61rem;
}

.nav-group-label {
    padding-inline-end: 0.8rem;
    font-size: 0.78rem;
}

.nav-group-links {
    gap: 0.12rem;
    padding: 0 0.32rem 0.35rem;
}

.nav-link {
    grid-template-columns: 0.48rem minmax(0, 1fr) auto;
    gap: 0.4rem;
    min-height: 2.05rem;
    padding: 0.34rem 0.46rem;
    border-radius: 0.66rem;
}

.nav-link-text {
    font-size: 0.77rem;
}

.nav-link-meta {
    padding: 0.1rem 0.32rem;
    font-size: 0.58rem;
}

.nav-link-bullet {
    width: 0.32rem;
    height: 0.32rem;
}

.app-shell.sidebar-collapsed {
    grid-template-columns: 82px minmax(0, 1fr);
}

.app-shell.sidebar-collapsed .sidebar {
    padding-inline: 0.48rem;
}

@media (max-width: 900px) {
    .content {
        padding: 0.85rem;
    }

    .sidebar {
        width: min(88vw, 310px);
        padding: 0.72rem 0.58rem;
    }

    .app-shell.sidebar-collapsed .brand-copy,
    .app-shell.sidebar-collapsed .nav-group-label,
    .app-shell.sidebar-collapsed .nav-link-text,
    .app-shell.sidebar-collapsed .nav-link-meta,
    .app-shell.sidebar-collapsed .nav-group summary::after {
        display: initial;
    }

    .app-shell.sidebar-collapsed .nav-group summary,
    .app-shell.sidebar-collapsed .nav-link {
        grid-template-columns: 1.72rem minmax(0, 1fr);
        justify-items: stretch;
    }

    .app-shell.sidebar-collapsed .nav-link {
        grid-template-columns: 0.48rem minmax(0, 1fr) auto;
    }

    .app-shell.sidebar-collapsed .brand {
        grid-template-columns: 2.55rem minmax(0, 1fr);
        justify-items: stretch;
    }
}

@media (max-width: 760px) {
    .content {
        padding: 0.65rem;
    }

    .page-surface {
        gap: 0.75rem;
    }

    .panel,
    .metric,
    .header,
    .runtime-banner,
    .api-unavailable-panel,
    .error {
        border-radius: 0.95rem;
    }
}


/* PHASE11_UI_COMPLETION */
.phase11-page-header {
    align-items: flex-start;
}

.phase11-header-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    align-items: center;
    justify-content: flex-end;
}

.phase11-form {
    display: grid;
    gap: 1rem;
}

.phase11-section {
    display: grid;
    gap: 1rem;
}

.phase11-section-title {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
    padding-bottom: 0.65rem;
    border-bottom: 1px solid var(--border);
}

.phase11-section-title.compact {
    padding-bottom: 0.4rem;
    margin-bottom: 0.75rem;
}

.phase11-section-title h2 {
    margin: 0;
    font-size: 1.05rem;
}

.phase11-section-title span {
    color: var(--muted);
    font-size: 0.86rem;
}

.checkbox-field {
    display: flex !important;
    flex-direction: row !important;
    gap: 0.55rem !important;
    align-items: center;
    min-height: 2.75rem;
    padding: 0.65rem 0.75rem;
    border: 1px solid var(--border);
    border-radius: 0.75rem;
    background: #fff;
}

.checkbox-field input {
    width: auto;
}

select {
    width: 100%;
    border: 1px solid var(--border);
    border-radius: 0.75rem;
    padding: 0.65rem 0.75rem;
    background: #fff;
    color: var(--text);
    font-family: inherit;
}

.phase11-sticky-actions {
    position: sticky;
    bottom: 1rem;
    z-index: 5;
}

.phase11-toolbar {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
    margin-bottom: 1rem;
}

.phase11-toolbar div {
    display: grid;
    gap: 0.25rem;
}

.phase11-toolbar span {
    color: var(--muted);
    font-size: 0.88rem;
}

.table-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    align-items: center;
}

.button-ghost,
.button-danger-soft {
    border-radius: 0.8rem;
    padding: 0.7rem 1rem;
    background: #f8fafc;
    color: var(--muted);
    border: 1px solid var(--border);
}

.button-danger-soft {
    background: var(--danger-soft);
    color: var(--danger);
}

.phase11-asset-hero {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

.phase11-asset-hero div {
    display: grid;
    gap: 0.35rem;
    padding: 0.9rem;
    border-radius: 1rem;
    background: #f8fafc;
    border: 1px solid var(--border);
}

.phase11-asset-hero span {
    color: var(--muted);
    font-size: 0.85rem;
}

.phase11-asset-hero strong {
    overflow-wrap: anywhere;
}

.phase11-profile-section .detail-grid strong {
    font-weight: 600;
}

.phase11-lookup-table table td:nth-child(1),
.phase11-lookup-table table td:nth-child(3) {
    direction: ltr;
    text-align: left;
}

@media (max-width: 1100px) {
    .phase11-asset-hero {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {
    .phase11-section-title,
    .phase11-toolbar,
    .phase11-header-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .phase11-asset-hero {
        grid-template-columns: 1fr;
    }

    .phase11-sticky-actions {
        position: static;
    }
}

.pagination-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.85rem 1rem;
    margin-top: 0.75rem;
    border: 1px solid var(--border);
    border-radius: 1rem;
    background: #f8fafc;
}

.pagination-summary,
.pagination-page {
    color: var(--muted);
    font-size: 0.92rem;
}

.pagination-actions {
    display: flex;
    align-items: center;
    gap: 0.65rem;
}

@media (max-width: 700px) {
    .pagination-bar,
    .pagination-actions {
        align-items: stretch;
        flex-direction: column;
    }
}

/* SMARTCO_FREEZE_v3.5.6: desktop navigation is always expanded; hamburger is mobile-only. */
.nav-group-expanded {
    border-color: rgba(255, 255, 255, 0.075);
}

.nav-group-header {
    display: grid;
    grid-template-columns: 2.1rem minmax(0, 1fr);
    align-items: center;
    gap: 0.55rem;
    padding: 0.75rem 0.75rem;
    color: #fff;
    user-select: none;
}

.nav-group-expanded .nav-group-links {
    display: grid;
}

.mobile-navigation-button,
.hamburger-button,
.sidebar-collapse-button {
    display: none !important;
}

@media (min-width: 901px) {
    .app-shell,
    .app-shell.sidebar-collapsed {
        grid-template-columns: 304px minmax(0, 1fr);
        grid-template-rows: var(--topbar-height) minmax(0, 1fr);
        grid-template-areas:
            "sidebar topbar"
            "sidebar content";
    }

    .sidebar {
        position: sticky;
        top: 0;
        inset: auto;
        width: auto;
        height: 100vh;
        transform: none !important;
    }

    .sidebar-overlay {
        display: none !important;
        pointer-events: none !important;
        opacity: 0 !important;
    }
}

@media (max-width: 900px) {
    .app-shell,
    .app-shell.sidebar-collapsed {
        grid-template-columns: 1fr;
        grid-template-rows: var(--topbar-height) minmax(0, 1fr);
        grid-template-areas:
            "topbar"
            "content";
    }

    .mobile-navigation-button,
    .hamburger-button {
        display: inline-flex !important;
    }

    .sidebar-collapse-button {
        display: none !important;
    }

    .sidebar {
        position: fixed;
        inset-block: 0;
        inset-inline-start: 0;
        width: min(88vw, 320px);
        transform: translateX(105%);
        transition: transform 180ms ease;
    }

    .app-shell.sidebar-open .sidebar {
        transform: translateX(0);
    }

    .sidebar-overlay {
        display: block;
        position: fixed;
        inset: 0;
        z-index: 35;
        background: rgba(2, 6, 23, 0.52);
        opacity: 0;
        pointer-events: none;
        transition: opacity 180ms ease;
        cursor: pointer;
    }

    .app-shell.sidebar-open .sidebar-overlay {
        opacity: 1;
        pointer-events: auto;
    }
}

/* SMARTCO_FREEZE_v3.5.8: brand kit + readable always-expanded desktop navigation. */
.boot-card {
    width: min(30rem, calc(100vw - 2rem));
}

.boot-logo {
    width: 5rem;
    height: 5rem;
    object-fit: contain;
    margin-inline: auto;
    filter: drop-shadow(0 14px 24px rgba(15, 23, 42, 0.16));
}

@media (min-width: 901px) {
    .app-shell,
    .app-shell.sidebar-collapsed {
        grid-template-columns: 352px minmax(0, 1fr) !important;
        grid-template-rows: var(--topbar-height) minmax(0, 1fr) !important;
        grid-template-areas:
            "sidebar topbar"
            "sidebar content" !important;
    }

    .sidebar {
        position: sticky !important;
        top: 0 !important;
        align-self: start !important;
        height: 100vh !important;
        height: 100dvh !important;
        max-height: 100vh !important;
        max-height: 100dvh !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        padding: 1.1rem 0.95rem 1.35rem !important;
        transform: none !important;
    }

    .content {
        padding: clamp(1.05rem, 1.8vw, 1.65rem) !important;
    }
}

.brand {
    grid-template-columns: 3.6rem minmax(0, 1fr) !important;
    gap: 0.85rem !important;
    padding: 0.35rem 0.25rem 1.05rem !important;
}

.brand-mark {
    width: 3.6rem !important;
    height: 3.6rem !important;
    border-radius: 1.05rem !important;
    overflow: hidden !important;
    background: rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 16px 28px rgba(2, 6, 23, 0.28) !important;
}

.brand-logo {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    padding: 0.18rem;
}

.brand strong {
    font-size: 1.22rem !important;
    letter-spacing: 0.02em;
}

.brand span {
    font-size: 0.86rem !important;
    line-height: 1.75 !important;
}

.nav-shell {
    gap: 0.58rem !important;
    margin-top: 0.95rem !important;
    padding-bottom: 1rem;
}

.nav-group {
    border-radius: 1rem !important;
    background: rgba(255, 255, 255, 0.055) !important;
}

.nav-group-header {
    grid-template-columns: 2.35rem minmax(0, 1fr) !important;
    gap: 0.65rem !important;
    min-height: 2.9rem !important;
    padding: 0.68rem 0.75rem !important;
}

.nav-group-icon {
    width: 2.35rem !important;
    height: 2.35rem !important;
    border-radius: 0.78rem !important;
    font-size: 0.76rem !important;
}

.nav-group-label {
    padding-inline-end: 0 !important;
    font-size: 0.98rem !important;
    font-weight: 800 !important;
    white-space: normal !important;
    line-height: 1.55 !important;
}

.nav-group-links {
    gap: 0.22rem !important;
    padding: 0 0.5rem 0.65rem !important;
}

.nav-link {
    grid-template-columns: 0.62rem minmax(0, 1fr) auto !important;
    gap: 0.55rem !important;
    min-height: 2.55rem !important;
    padding: 0.48rem 0.58rem !important;
    border-radius: 0.82rem !important;
}

.nav-link-text {
    font-size: 0.94rem !important;
    font-weight: 650 !important;
    line-height: 1.6 !important;
    white-space: normal !important;
}

.nav-link-meta {
    font-size: 0.62rem !important;
    padding: 0.12rem 0.36rem !important;
}

.nav-link-bullet {
    width: 0.38rem !important;
    height: 0.38rem !important;
}

.mobile-navigation-button,
.hamburger-button,
.sidebar-collapse-button {
    display: none !important;
}

@media (max-width: 900px) {
    .app-shell,
    .app-shell.sidebar-collapsed {
        grid-template-columns: 1fr !important;
        grid-template-areas:
            "topbar"
            "content" !important;
    }

    .mobile-navigation-button,
    .hamburger-button {
        display: inline-flex !important;
    }

    .sidebar {
        position: fixed !important;
        inset-block: 0 !important;
        inset-inline-start: 0 !important;
        width: min(90vw, 342px) !important;
        height: 100dvh !important;
        max-height: 100dvh !important;
        overflow-y: auto !important;
        transform: translateX(105%) !important;
        padding: 0.95rem 0.8rem 1.35rem !important;
    }

    .app-shell.sidebar-open .sidebar {
        transform: translateX(0) !important;
    }

    .brand {
        grid-template-columns: 3.15rem minmax(0, 1fr) !important;
    }

    .brand-mark {
        width: 3.15rem !important;
        height: 3.15rem !important;
    }
}



/* SMARTCO_FREEZE_v3.6.1: theme picker controls. */
.theme-picker {
    display: inline-grid;
    grid-auto-flow: column;
    align-items: center;
    gap: 0.55rem;
    color: var(--muted);
    font-size: 0.82rem;
    white-space: nowrap;
}

.theme-picker span {
    color: var(--muted);
}

.theme-select {
    min-width: 11.5rem;
    height: 2.55rem;
    padding: 0.45rem 0.85rem;
    border-radius: 999px;
    border: 1px solid var(--border);
    background: var(--panel-muted);
    color: var(--text);
    cursor: pointer;
    text-align: center;
}

.theme-select option {
    color: #111827;
    background: #ffffff;
}

.theme-mono-carbon .theme-select option {
    color: #e5edf6;
    background: #111827;
}

.mobile-theme-picker {
    width: 100%;
    grid-auto-flow: row;
    justify-items: stretch;
    gap: 0.4rem;
}

.mobile-theme-picker .theme-select {
    width: 100%;
}

/* SMARTCO_FREEZE_v3.6.0: pagination size selector, Jalali date/time inputs, and refined navigation behavior. */
.pagination-summary-block {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem 1rem;
}

.pagination-size-selector {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    color: var(--muted);
    font-size: 0.9rem;
}

.pagination-size-selector select {
    width: auto;
    min-width: 5.5rem;
    padding: 0.45rem 0.65rem;
    border-radius: 999px;
}

.persian-datetime-input {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(7rem, 0.75fr);
    gap: 0.55rem;
    align-items: center;
}

.persian-date-input,
.persian-time-input {
    text-align: center;
}

button,
.button-secondary,
.button-ghost,
.button-danger-soft,
.theme-toggle-button,
.hamburger-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height: 1.5;
}

.nav-group summary.nav-group-header {
    list-style: none;
    cursor: pointer;
}

.nav-group summary.nav-group-header::-webkit-details-marker {
    display: none;
}

.nav-group summary.nav-group-header::after {
    content: "⌄";
    justify-self: end;
    opacity: 0.72;
    transform: translateY(-1px);
    transition: transform 160ms ease;
}

.nav-group[open] summary.nav-group-header::after {
    transform: rotate(180deg) translateY(1px);
}

.nav-group .nav-group-links {
    display: none;
}

.nav-group[open] .nav-group-links {
    display: grid;
}

.mobile-sidebar-actions {
    display: none;
}

@media (max-width: 900px) {
    .topbar-pill,
    .desktop-theme-toggle,
    .nav-group-overview,
    .nav-group-release-evidence {
        display: none !important;
    }

    .mobile-sidebar-actions {
        display: grid;
        margin-bottom: 0.75rem;
    }

    .mobile-theme-toggle {
        width: 100%;
    }

    .pagination-bar,
    .pagination-summary-block,
    .pagination-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .pagination-size-selector {
        justify-content: space-between;
    }

    .pagination-size-selector select {
        flex: 1;
    }

    .persian-datetime-input {
        grid-template-columns: 1fr;
    }
}

.ops-ltr-page,
.ops-ltr-page *:not(.badge) {
    direction: ltr;
}

.ops-ltr-page {
    text-align: left;
}

.ops-ltr-page .header,
.ops-ltr-page th,
.ops-ltr-page td,
.ops-ltr-page .metric,
.ops-ltr-page .panel,
.ops-ltr-page .system-health-meta,
.ops-ltr-page .health-detail-list dd,
.ops-ltr-page .preview-cell,
.ops-ltr-page .code-block {
    text-align: left;
}

.ops-ltr-page table th,
.ops-ltr-page table td {
    text-align: left;
}

/* SMARTCO_FREEZE_v3.6.2: Operational Readiness page layout repair. */
.ops-ltr-page {
    direction: ltr !important;
    text-align: left !important;
    font-family: "Segoe UI", Inter, Roboto, Arial, sans-serif !important;
}

.ops-ltr-page * {
    direction: ltr !important;
}

.ops-hero {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 1rem;
    padding: clamp(1.1rem, 2vw, 1.6rem);
    margin-bottom: 1.1rem;
    border: 1px solid var(--border);
    border-radius: 1.35rem;
    background: linear-gradient(135deg, color-mix(in srgb, var(--panel-solid), transparent 2%), color-mix(in srgb, var(--primary-soft), transparent 48%));
    box-shadow: var(--shadow);
}

.ops-hero h1 {
    margin: 0.25rem 0 0;
    color: var(--heading);
    font-size: clamp(1.55rem, 3vw, 2.2rem);
    line-height: 1.2;
}

.ops-hero p {
    max-width: 58rem;
    margin: 0.5rem 0 0;
    color: var(--muted);
    line-height: 1.75;
}

.ops-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: var(--primary-strong);
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.ops-primary-action {
    align-self: center;
    min-width: 12.5rem;
    white-space: nowrap;
}

.ops-metric-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.ops-metric-card {
    min-width: 0;
    padding: 1.1rem;
    border: 1px solid var(--border);
    border-radius: 1.15rem;
    background: var(--panel);
    box-shadow: var(--shadow);
}

.ops-metric-card span {
    color: var(--muted);
    font-size: 0.86rem;
    font-weight: 700;
}

.ops-metric-card strong {
    display: block;
    margin-top: 0.45rem;
    color: var(--heading);
    font-size: clamp(1.15rem, 2.2vw, 1.75rem);
    line-height: 1.3;
    overflow-wrap: anywhere;
}

.ops-panel {
    min-width: 0;
}

.ops-section-title {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.85rem;
}

.ops-section-title h2 {
    margin: 0;
    color: var(--heading);
    font-size: 1.1rem;
}

.ops-section-title p {
    margin: 0.35rem 0 0;
    color: var(--muted);
    line-height: 1.65;
}

.ops-table-wrap {
    border: 1px solid var(--border);
    border-radius: 1rem;
}

.ops-ltr-page th,
.ops-ltr-page td {
    text-align: left !important;
}

.ops-code-block {
    max-height: 22rem;
}

@media (max-width: 900px) {
    .ops-hero {
        flex-direction: column;
    }

    .ops-primary-action {
        width: 100%;
        min-width: 0;
    }

    .ops-metric-grid {
        grid-template-columns: 1fr;
    }
}


/* SMARTCO_FREEZE_v3.6.3: enterprise navigation/catalog polish and form readability. */
.table-wrap th,
table th {
    text-align: center !important;
}

.form-grid label,
.filter-panel label,
.panel label,
.phase11-form label,
.pagination-size-selector span {
    font-size: 1.08rem !important;
    font-weight: 750 !important;
    line-height: 1.75 !important;
    color: var(--heading) !important;
}

.form-grid input,
.form-grid select,
.form-grid textarea,
.filter-panel input,
.filter-panel select,
.filter-panel textarea,
.panel input,
.panel select,
.panel textarea,
.persian-date-input,
.persian-time-input {
    font-size: 1rem !important;
    line-height: 1.7 !important;
}

.checkbox-field {
    align-items: center !important;
    grid-auto-flow: column !important;
    justify-content: start !important;
    gap: 0.65rem !important;
}

.nav-shell {
    gap: 0.68rem !important;
}

.nav-group {
    overflow: hidden !important;
}

.nav-group-header {
    width: 100% !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #fff !important;
    box-shadow: none !important;
    text-align: start !important;
    cursor: pointer !important;
}

.nav-group-header::after {
    content: "⌄";
    grid-column: 2;
    justify-self: end;
    opacity: 0.72;
    transform: translateY(-1px);
    transition: transform 160ms ease;
}

.nav-group-expanded .nav-group-header::after {
    transform: rotate(180deg) translateY(1px);
}

.nav-group-collapsed .nav-group-links {
    display: none !important;
}

.nav-group-expanded .nav-group-links {
    display: grid !important;
}

.nav-group-collapsed {
    border-color: rgba(255, 255, 255, 0.03) !important;
}

.nav-group-expanded {
    border-color: rgba(255, 255, 255, 0.13) !important;
    background: rgba(255, 255, 255, 0.075) !important;
}

.nav-group-master-data .nav-group-icon {
    color: #fef3c7 !important;
    background: rgba(245, 158, 11, 0.22) !important;
}

@media (max-width: 900px) {
    .nav-group-overview,
    .nav-group-release-evidence {
        display: none !important;
    }
}

/* SMARTCO_FREEZE_v3.8.1: professional Jalali date picker and mobile-friendly time picker. */
.smart-datetime-input {
    align-items: start;
}

.smart-picker {
    position: relative;
    width: 100%;
}

.smart-picker-control {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.45rem;
    width: 100%;
    padding: 0.25rem;
    border: 1px solid var(--border);
    border-radius: 1rem;
    background: color-mix(in srgb, var(--panel) 94%, var(--primary) 6%);
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.06);
    transition: border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}

.smart-picker-control:focus-within {
    border-color: color-mix(in srgb, var(--primary) 60%, var(--border));
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--primary) 12%, transparent), 0 14px 34px rgba(15, 23, 42, 0.08);
    background: var(--panel);
}

.smart-picker-text {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    min-height: 2.65rem;
    padding: 0.45rem 0.55rem !important;
    font-weight: 750;
    letter-spacing: 0.02em;
}

.smart-picker-text:focus {
    outline: 0;
}

.smart-picker-toggle,
.smart-picker-nav,
.smart-picker-action,
.smart-time-quick {
    min-height: 2.35rem;
    border-radius: 0.85rem;
    white-space: nowrap;
}

.smart-picker-toggle {
    padding-inline: 0.85rem;
    background: color-mix(in srgb, var(--primary) 11%, var(--panel));
    color: var(--primary);
    border: 1px solid color-mix(in srgb, var(--primary) 18%, var(--border));
}

.smart-picker-toggle:hover,
.smart-picker-nav:hover,
.smart-time-quick:hover {
    background: color-mix(in srgb, var(--primary) 16%, var(--panel));
}

.smart-picker-popover {
    position: absolute;
    z-index: 80;
    inset-inline-start: 0;
    top: calc(100% + 0.55rem);
    width: min(23rem, 92vw);
    padding: 1rem;
    border: 1px solid color-mix(in srgb, var(--primary) 12%, var(--border));
    border-radius: 1.25rem;
    background: color-mix(in srgb, var(--panel) 98%, var(--primary) 2%);
    box-shadow: 0 26px 70px rgba(15, 23, 42, 0.18);
}

.smart-time-popover {
    width: min(21rem, 92vw);
}

.smart-picker-header,
.smart-picker-footer,
.smart-time-selectors,
.smart-time-quick-grid {
    display: grid;
    gap: 0.65rem;
}

.smart-picker-header {
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    margin-bottom: 0.85rem;
    text-align: center;
}

.smart-time-header {
    grid-template-columns: minmax(0, 1fr) auto;
    text-align: start;
}

.smart-picker-header strong {
    color: var(--heading, var(--text));
    font-size: 1.02rem;
}

.smart-picker-nav,
.smart-picker-action,
.smart-time-quick {
    background: color-mix(in srgb, var(--panel) 92%, var(--primary) 8%);
    color: var(--text);
    border: 1px solid var(--border);
    padding: 0.48rem 0.7rem;
}

.smart-calendar-weekdays,
.smart-calendar-grid {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 0.35rem;
}

.smart-calendar-weekdays {
    margin-bottom: 0.45rem;
    color: var(--muted);
    font-size: 0.82rem;
    font-weight: 800;
    text-align: center;
}

.smart-calendar-day {
    aspect-ratio: 1;
    width: 100%;
    min-height: 2.25rem;
    padding: 0;
    border-radius: 0.9rem;
    background: transparent;
    color: var(--text);
    border: 1px solid transparent;
    font-weight: 750;
}

.smart-calendar-day:hover {
    border-color: color-mix(in srgb, var(--primary) 26%, var(--border));
    background: color-mix(in srgb, var(--primary) 10%, var(--panel));
}

.smart-calendar-day.is-today {
    border-color: color-mix(in srgb, var(--primary) 38%, var(--border));
    color: var(--primary);
}

.smart-calendar-day.is-selected {
    background: var(--primary);
    color: #fff;
    border-color: var(--primary);
    box-shadow: 0 10px 22px color-mix(in srgb, var(--primary) 25%, transparent);
}

.smart-calendar-day-empty {
    min-height: 2.25rem;
}

.smart-picker-footer {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 0.9rem;
}

.smart-time-selectors {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-bottom: 0.85rem;
}

.smart-time-selectors label {
    display: grid;
    gap: 0.35rem;
    color: var(--muted);
    font-size: 0.86rem;
    font-weight: 700;
}

.smart-time-select {
    width: 100%;
    min-height: 3rem;
    border: 1px solid var(--border);
    border-radius: 1rem;
    padding: 0.55rem 0.7rem;
    background: var(--panel);
    color: var(--text);
    text-align: center;
    font-size: 1.05rem;
    font-weight: 800;
}

.smart-time-quick-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.smart-time-quick {
    min-height: 2.7rem;
    direction: ltr;
    font-weight: 750;
}

.smart-picker.is-disabled {
    opacity: 0.68;
}

@media (max-width: 720px) {
    .persian-datetime-input {
        grid-template-columns: 1fr !important;
        gap: 0.75rem;
    }

    .smart-picker-popover {
        position: fixed;
        inset-inline: 0.75rem;
        top: auto;
        bottom: 0.75rem;
        width: auto;
        max-height: min(78vh, 36rem);
        overflow-y: auto;
        border-radius: 1.35rem;
        padding: 1rem;
    }

    .smart-picker-control {
        min-height: 3.35rem;
    }

    .smart-calendar-day {
        min-height: 2.55rem;
    }

    .smart-time-selectors,
    .smart-time-quick-grid {
        grid-template-columns: 1fr 1fr;
    }
}

@supports not (color: color-mix(in srgb, #000 50%, #fff)) {
    .smart-picker-control,
    .smart-picker-popover,
    .smart-picker-toggle,
    .smart-picker-nav,
    .smart-picker-action,
    .smart-time-quick {
        background: var(--panel);
    }
}

.mobile-card-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1rem;
}

.mobile-work-card {
    display: flex;
    flex-direction: column;
    gap: .45rem;
    padding: 1rem;
    border: 1px solid var(--border-color, rgba(148, 163, 184, .28));
    border-radius: 1.25rem;
    background: linear-gradient(145deg, rgba(255,255,255,.82), rgba(248,250,252,.62));
    box-shadow: 0 16px 40px rgba(15, 23, 42, .08);
    text-decoration: none;
    color: inherit;
    min-height: 150px;
}

.mobile-work-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 22px 52px rgba(15, 23, 42, .12);
}

.mobile-card-kicker {
    width: fit-content;
    border-radius: 999px;
    padding: .2rem .6rem;
    font-size: .75rem;
    background: rgba(59, 130, 246, .12);
    color: var(--accent-color, #2563eb);
}

.mobile-package-hero {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.25rem;
    border-radius: 1.5rem;
    background: radial-gradient(circle at top right, rgba(59,130,246,.18), transparent 36%), var(--panel-bg, #fff);
    border: 1px solid var(--border-color, rgba(148, 163, 184, .28));
    box-shadow: 0 20px 60px rgba(15, 23, 42, .08);
}

@media (max-width: 720px) {
    .mobile-package-hero {
        align-items: stretch;
        flex-direction: column;
    }

    .mobile-package-hero button,
    .mobile-work-card {
        width: 100%;
    }
}

/* SMARTCO_POST_ROADMAP_UI_LOCALIZATION_READINESS: language and digit-direction controls. */
.language-picker .theme-select,
.language-select {
    min-width: 7.5rem;
}

.app-shell[dir="ltr"] .topbar-title span,
.app-shell[dir="ltr"] .brand strong {
    text-align: left;
}

.app-shell[dir="ltr"] .nav-link:hover,
.app-shell[dir="ltr"] .nav-link.active {
    transform: translateX(2px);
}

.app-shell[dir="ltr"] .sidebar {
    border-left: 0;
    border-right: 1px solid var(--sidebar-border);
    box-shadow: 10px 0 34px rgba(15, 23, 42, 0.18);
}

.app-shell[dir="ltr"] .nav-group-header::after {
    justify-self: end;
}

[data-number-system="latin"],
[data-number-system="latin"] * {
    font-variant-numeric: tabular-nums;
}

.latin-number-grid dd {
    direction: ltr !important;
    text-align: left !important;
    unicode-bidi: plaintext;
}

.governance-final-stabilization-page .definition-grid dt,
.governance-final-stabilization-page .definition-grid dd {
    text-align: left !important;
}

@media (max-width: 900px) {
    .topbar-actions {
        gap: 0.5rem;
    }

    .language-picker .theme-select,
    .language-select {
        min-width: 6.5rem;
    }
}

/* SMARTCO Post-Freeze v5.25.46 — Real-time Asset and Digital Twin monitoring */
.realtime-asset-header .phase11-header-actions,
.realtime-panel-header,
.realtime-detail-grid,
.realtime-kpi-grid {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.realtime-kpi-grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(9rem, 1fr));
    gap: 0.8rem;
    margin: 1rem 0;
}

.realtime-kpi-card,
.realtime-asset-card,
.realtime-detail-hero,
.realtime-detail-grid > div,
.realtime-twin-panel {
    border: 1px solid rgba(148, 163, 184, 0.28);
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.84);
    box-shadow: 0 16px 34px rgba(15, 23, 42, 0.07);
}

.realtime-kpi-card {
    display: grid;
    gap: 0.3rem;
    padding: 0.95rem;
}

.realtime-kpi-card span,
.realtime-panel-header span,
.realtime-asset-card small,
.realtime-detail-grid span {
    color: var(--muted, #64748b);
}

.realtime-kpi-card strong {
    font-size: 1.65rem;
}

.realtime-layout {
    display: grid;
    grid-template-columns: minmax(24rem, 1.15fr) minmax(24rem, 0.85fr);
    gap: 1rem;
    align-items: start;
}

.realtime-panel-header {
    justify-content: space-between;
    margin-bottom: 1rem;
}

.realtime-panel-header h2 {
    margin: 0;
}

.realtime-card-grid {
    display: grid;
    gap: 0.7rem;
    max-height: 68vh;
    overflow: auto;
    padding-inline-end: 0.25rem;
}

.realtime-asset-card {
    position: relative;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.2rem 0.7rem;
    text-align: inherit;
    padding: 0.9rem;
    color: inherit;
    cursor: pointer;
    transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

.realtime-asset-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 20px 40px rgba(15, 23, 42, 0.11);
}

.realtime-asset-card strong,
.realtime-asset-card span:not(.realtime-health-dot),
.realtime-asset-card small {
    grid-column: 2;
}

.realtime-health-dot {
    grid-row: 1 / span 4;
    width: 0.86rem;
    height: 0.86rem;
    border-radius: 999px;
    margin-top: 0.3rem;
    background: #64748b;
    box-shadow: 0 0 0 5px rgba(100, 116, 139, 0.14);
}

.realtime-asset-card-healthy .realtime-health-dot {
    background: #10b981;
    box-shadow: 0 0 0 5px rgba(16, 185, 129, 0.14);
}

.realtime-asset-card-warning .realtime-health-dot {
    background: #f59e0b;
    box-shadow: 0 0 0 5px rgba(245, 158, 11, 0.18);
}

.realtime-asset-card-critical .realtime-health-dot {
    background: #ef4444;
    box-shadow: 0 0 0 5px rgba(239, 68, 68, 0.18);
}

.realtime-detail {
    display: grid;
    gap: 1rem;
}

.realtime-detail-hero {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    background:
        radial-gradient(circle at 15% 20%, rgba(47, 156, 149, 0.16), transparent 34%),
        rgba(255, 255, 255, 0.88);
}

.realtime-detail-hero h3 {
    margin: 0.15rem 0;
    font-size: 1.35rem;
}

.realtime-detail-hero > strong {
    display: grid;
    place-items: center;
    min-width: 5.2rem;
    height: 5.2rem;
    border-radius: 999px;
    background: rgba(47, 156, 149, 0.13);
    color: var(--accent, #2f9c95);
    font-size: 1.45rem;
}

.realtime-detail-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(7rem, 1fr));
    gap: 0.7rem;
}

.realtime-detail-grid > div {
    display: grid;
    gap: 0.25rem;
    padding: 0.85rem;
}

.realtime-detail-grid strong {
    font-size: 1.15rem;
}

.realtime-twin-panel {
    padding: 1rem;
}

.realtime-twin-panel h3 {
    margin-top: 0;
}

.realtime-twin-panel dl {
    display: grid;
    grid-template-columns: minmax(8rem, auto) 1fr;
    gap: 0.55rem 0.9rem;
}

.realtime-twin-panel dt {
    color: var(--muted, #64748b);
    font-weight: 800;
}

.realtime-twin-panel dd {
    margin: 0;
    font-weight: 900;
}

@media (max-width: 1200px) {
    .realtime-kpi-grid {
        grid-template-columns: repeat(3, minmax(9rem, 1fr));
    }

    .realtime-layout {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .realtime-kpi-grid,
    .realtime-detail-grid {
        grid-template-columns: 1fr;
    }
}

/* SMARTCO_LOGIN_RESTORE_V5_25_29 */
.auth-layout {
    min-height: 100vh;
    background:
        radial-gradient(circle at 15% 15%, rgba(20, 184, 166, 0.14), transparent 28rem),
        radial-gradient(circle at 85% 10%, rgba(59, 130, 246, 0.10), transparent 30rem),
        linear-gradient(135deg, #eaf4f3 0%, #f7fbfa 48%, #edf6fb 100%);
}

.auth-layout-main {
    min-height: 100vh;
    display: grid;
    place-items: center;
    padding: clamp(1rem, 3vw, 2.6rem);
}

.auth-shell {
    width: min(1120px, 100%);
}

.auth-card {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(360px, 0.85fr);
    min-height: min(720px, calc(100vh - 4rem));
    overflow: hidden;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 30px;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 26px 75px rgba(15, 23, 42, 0.14);
}

.auth-brand-panel {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 2rem;
    padding: clamp(2rem, 5vw, 4.2rem);
    color: #ffffff;
    background:
        linear-gradient(135deg, rgba(15, 118, 110, 0.96), rgba(30, 64, 175, 0.92)),
        linear-gradient(180deg, #0f766e, #1e3a8a);
}

.auth-brand-panel::after {
    content: "";
    position: absolute;
    inset: auto -5rem -7rem auto;
    width: 18rem;
    height: 18rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.10);
}

.auth-brand-mark {
    display: grid;
    place-items: center;
    width: 4.25rem;
    height: 4.25rem;
    border-radius: 1.35rem;
    background: rgba(255, 255, 255, 0.18);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28);
    font-size: 1.65rem;
    font-weight: 900;
    letter-spacing: 0.04em;
}

.auth-brand-copy {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 1rem;
    max-width: 34rem;
}

.auth-kicker {
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    opacity: 0.86;
}

.auth-brand-copy h1 {
    margin: 0;
    font-size: clamp(2rem, 4vw, 3.65rem);
    line-height: 1.16;
    font-weight: 900;
}

.auth-brand-copy p {
    margin: 0;
    color: rgba(255, 255, 255, 0.86);
    font-size: 1.02rem;
    line-height: 1.9;
}

.auth-brand-points {
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.auth-brand-points span {
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 999px;
    padding: 0.48rem 0.78rem;
    background: rgba(255, 255, 255, 0.12);
    color: rgba(255, 255, 255, 0.92);
    font-size: 0.82rem;
    font-weight: 700;
}

.auth-form-panel {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 1.25rem;
    padding: clamp(2rem, 4vw, 3.4rem);
    background: rgba(255, 255, 255, 0.98);
}

.auth-form-heading {
    display: grid;
    gap: 0.45rem;
}

.auth-form-heading > span {
    color: #0f766e;
    font-size: 0.82rem;
    font-weight: 900;
}

.auth-form-heading h2 {
    margin: 0;
    color: #0f172a;
    font-size: clamp(1.45rem, 2.2vw, 2.15rem);
    line-height: 1.25;
    font-weight: 900;
}

.auth-form-heading p {
    margin: 0;
    color: #64748b;
    line-height: 1.75;
}

.auth-form {
    display: grid;
    gap: 1rem;
}

.auth-field {
    display: grid;
    gap: 0.45rem;
    color: #334155;
    font-size: 0.9rem;
    font-weight: 800;
}

.auth-field input {
    width: 100%;
    min-height: 3.05rem;
    border: 1px solid #cbd5e1;
    border-radius: 1rem;
    padding: 0.78rem 0.95rem;
    background: #f8fafc;
    color: #0f172a;
    font: inherit;
    outline: none;
    box-sizing: border-box;
}

.auth-field input:focus {
    border-color: #0f766e;
    background: #ffffff;
    box-shadow: 0 0 0 4px rgba(15, 118, 110, 0.14);
}

.auth-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
    min-height: 3.1rem;
    border: 0;
    border-radius: 1rem;
    padding: 0.8rem 1rem;
    background: linear-gradient(135deg, #0f766e, #0f5f8f);
    color: #ffffff;
    font-weight: 900;
    cursor: pointer;
    box-shadow: 0 16px 30px rgba(15, 118, 110, 0.22);
}

.auth-submit:disabled {
    cursor: not-allowed;
    opacity: 0.72;
    box-shadow: none;
}

.auth-spinner {
    width: 1rem;
    height: 1rem;
    border: 2px solid rgba(255, 255, 255, 0.42);
    border-top-color: #ffffff;
    border-radius: 999px;
    animation: smartco-auth-spin 0.8s linear infinite;
}

.auth-security-note {
    margin: 0;
    color: #64748b;
    font-size: 0.86rem;
    line-height: 1.75;
    text-align: center;
}

@keyframes smartco-auth-spin {
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 900px) {
    .auth-card {
        grid-template-columns: 1fr;
        min-height: auto;
    }

    .auth-brand-panel {
        min-height: 22rem;
    }
}

@media (max-width: 560px) {
    .auth-layout-main {
        padding: 0.75rem;
    }

    .auth-card {
        border-radius: 1.4rem;
    }

    .auth-brand-panel,
    .auth-form-panel {
        padding: 1.45rem;
    }
}


/* SMARTCO Post-Freeze v5.25.38 - animated grouped navigation convergence */
.smartco-nav-clean .nav-group-links {
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    transition: max-height 260ms ease, opacity 180ms ease;
}

.smartco-nav-clean .nav-group-links-open {
    max-height: 48rem;
    opacity: 1;
}

.smartco-nav-clean .nav-group-links-closed {
    max-height: 0;
    opacity: 0;
}

@media (prefers-reduced-motion: reduce) {
    .smartco-nav-clean .nav-group-links {
        transition: none;
    }
}

/* SMARTCO Post-Freeze v5.25.40 - fixed rounded template and language flags */
.theme-smartco-rounded {
    --smartco-radius: 1rem;
}

.smartco-language-flag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.smartco-workflow-editor {
    border-radius: var(--smartco-radius, 1rem);
}

.desktop-template-picker,
.mobile-template-picker,
.legacy-template-picker {
    display: none !important;
}


/* SMARTCO Post-Freeze list intelligence controls */
.smartco-grid-toolbar { display: flex; gap: .75rem; align-items: center; justify-content: space-between; margin-bottom: .75rem; }
.smartco-grid-search { min-width: 14rem; border: 1px solid var(--border, #d7dde8); border-radius: .75rem; padding: .55rem .75rem; }
.smartco-grid-group-select { border: 1px solid var(--border, #d7dde8); border-radius: .75rem; padding: .55rem .75rem; }
.smartco-data-grid-table th.smartco-grid-sortable { cursor: pointer; user-select: none; }
.smartco-grid-group-row td { font-weight: 700; background: rgba(15, 23, 42, .04); }

.auth-card-narrow {
    grid-template-columns: minmax(18rem, 0.95fr) minmax(22rem, 1.05fr);
}

.auth-secondary-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.75rem;
    color: rgba(71, 85, 105, 0.96);
    font-size: 0.88rem;
}

.auth-secondary-actions-split {
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 1rem;
}

.auth-inline-link {
    color: var(--primary, #2563eb);
    font-weight: 800;
    text-decoration: none;
}

.auth-inline-link:hover {
    text-decoration: underline;
}

.auth-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.9rem;
}

.auth-token-field {
    min-height: 7rem;
    resize: vertical;
    width: 100%;
}

.auth-reset-confirmation {
    display: grid;
    gap: 1rem;
    padding: 1rem;
    border: 1px solid rgba(4, 120, 87, 0.22);
    border-radius: 1.1rem;
    background: rgba(236, 253, 245, 0.86);
    color: var(--success, #047857);
}

.auth-submit-link {
    display: inline-flex;
    justify-content: center;
    text-decoration: none;
}

@media (max-width: 720px) {
    .auth-card-narrow,
    .auth-form-grid {
        grid-template-columns: 1fr;
    }

    .auth-secondary-actions,
    .auth-secondary-actions-split {
        align-items: stretch;
        flex-direction: column;
    }
}

/* SMARTCO Post-Freeze v5.25.35 — bilingual runtime stabilization */
[data-smartco-language="en-US"],
[data-smartco-language="en"],
[lang="en"] {
    direction: ltr;
}

[data-smartco-language="fa-IR"],
[data-smartco-language="fa"],
[lang="fa"] {
    direction: rtl;
}

.smartco-language-flags {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
}

.smartco-language-flag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .25rem;
    min-height: 2rem;
    padding: .3rem .65rem;
    border: 1px solid rgba(15, 118, 110, .24);
    border-radius: 999px;
    background: rgba(255, 255, 255, .74);
    color: #134e4a;
    font-weight: 700;
    cursor: pointer;
}

.smartco-language-flag--active {
    background: #0f766e;
    color: #ffffff;
    border-color: #0f766e;
}

.smartco-language-flag:focus-visible {
    outline: 3px solid rgba(20, 184, 166, .35);
    outline-offset: 2px;
}

.smartco-nav-clean .nav-group-links-closed {
    display: none;
}

.smartco-nav-clean .nav-group-links-open {
    display: grid;
}

html[dir="ltr"] .smartco-ops-dashboard,
html[dir="ltr"] .page-surface,
html[dir="ltr"] .content {
    direction: ltr;
}

html[dir="rtl"] .smartco-ops-dashboard,
html[dir="rtl"] .page-surface,
html[dir="rtl"] .content {
    direction: rtl;
}

.desktop-template-picker,
.mobile-template-picker,
.theme-picker,
.template-picker {
    display: none !important;
}

/* SMARTCO Post-Freeze v5.25.107 - restore grouped navigation search */
.nav-menu-search {
    display: grid;
    gap: 0.45rem;
    margin: 0.75rem 0 0.9rem;
    padding: 0 0.75rem;
}

.nav-search-label {
    color: rgba(226, 232, 240, 0.78);
    font-size: 0.74rem;
    font-weight: 850;
}

.nav-search-control {
    align-items: center;
    background: rgba(15, 23, 42, 0.42);
    border: 1px solid rgba(148, 163, 184, 0.24);
    border-radius: 14px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    min-height: 42px;
    overflow: hidden;
}

.nav-search-input {
    background: transparent;
    border: 0;
    color: #e5f4f2;
    font: inherit;
    min-width: 0;
    outline: 0;
    padding: 0.65rem 0.75rem;
}

.nav-search-input::placeholder {
    color: rgba(203, 213, 225, 0.64);
}

.nav-search-clear {
    align-items: center;
    background: rgba(20, 184, 166, 0.14);
    border: 0;
    border-inline-start: 1px solid rgba(148, 163, 184, 0.18);
    color: #ccfbf1;
    cursor: pointer;
    display: inline-flex;
    font-size: 1.25rem;
    font-weight: 900;
    height: 42px;
    justify-content: center;
    min-width: 42px;
}

.nav-search-clear:hover {
    background: rgba(20, 184, 166, 0.24);
}

.nav-search-empty {
    border: 1px dashed rgba(148, 163, 184, 0.32);
    border-radius: 14px;
    color: rgba(226, 232, 240, 0.76);
    font-size: 0.84rem;
    margin: 0.35rem 0.75rem;
    padding: 0.85rem;
    text-align: center;
}

.app-shell.sidebar-collapsed .nav-menu-search {
    display: none;
}


/* SMARTCO v5.25.149R3 - Reliability Intelligence dashboard presentation fix.
   Scoped global styles are used because the current shell loads app.css, not the Blazor CSS isolation bundle. */
.smartco-reliability-intelligence {
    --ri-text: #0f172a;
    --ri-muted: #64748b;
    --ri-panel: rgba(255, 255, 255, 0.96);
    --ri-border: rgba(15, 23, 42, 0.08);
    --ri-shadow: 0 18px 48px rgba(15, 23, 42, 0.08);
    width: 100%;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 0;
    color: var(--ri-text);
}

.smartco-reliability-intelligence .reliability-hero,
.smartco-reliability-intelligence .reliability-kpi-card,
.smartco-reliability-intelligence .reliability-panel {
    border: 1px solid var(--ri-border);
    border-radius: 22px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.94));
    box-shadow: var(--ri-shadow);
}

.smartco-reliability-intelligence .reliability-hero {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: center;
    min-height: 0;
    padding: 1.35rem;
}

.smartco-reliability-intelligence .reliability-hero::before {
    content: "";
    position: absolute;
    inset-inline-end: -5.5rem;
    inset-block-start: -5.5rem;
    width: 17rem;
    height: 17rem;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(20, 184, 166, 0.18), transparent 70%);
    pointer-events: none;
}

.smartco-reliability-intelligence .reliability-hero > *,
.smartco-reliability-intelligence .reliability-panel > * {
    position: relative;
    z-index: 1;
}

.smartco-reliability-intelligence .reliability-hero p,
.smartco-reliability-intelligence .reliability-panel-head p {
    margin: 0 0 0.35rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-size: 0.76rem;
    font-weight: 850;
    color: #0f766e;
}

.smartco-reliability-intelligence .reliability-hero h1,
.smartco-reliability-intelligence .reliability-panel-head h2 {
    margin: 0;
    color: var(--ri-text);
    line-height: 1.45;
}

.smartco-reliability-intelligence .reliability-hero h1 {
    font-size: clamp(1.35rem, 1.8vw, 2.05rem);
}

.smartco-reliability-intelligence .reliability-panel-head h2 {
    font-size: clamp(1.05rem, 1.35vw, 1.35rem);
}

.smartco-reliability-intelligence .reliability-hero span,
.smartco-reliability-intelligence .reliability-panel-head span,
.smartco-reliability-intelligence .reliability-kpi-card small,
.smartco-reliability-intelligence .reliability-table small,
.smartco-reliability-intelligence .repeat-list small,
.smartco-reliability-intelligence .risk-signal-list small,
.smartco-reliability-intelligence .heatmap-cell small {
    color: var(--ri-muted);
}

.smartco-reliability-intelligence .reliability-hero span,
.smartco-reliability-intelligence .reliability-panel-head span {
    display: inline-block;
    margin-top: 0.45rem;
}

.smartco-reliability-intelligence .reliability-hero-actions {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-end;
    gap: 0.55rem;
    min-width: min(100%, 25rem);
}

.smartco-reliability-intelligence[dir="rtl"] .reliability-hero-actions {
    justify-content: flex-start;
}

.smartco-reliability-intelligence .reliability-hero-actions a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.35rem;
    padding: 0.55rem 0.85rem;
    border-radius: 999px;
    border: 1px solid rgba(15, 118, 110, 0.18);
    background: rgba(240, 253, 250, 0.88);
    color: #0f766e;
    font-weight: 850;
    text-decoration: none;
    white-space: nowrap;
}

.smartco-reliability-intelligence .reliability-kpi-strip {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.9rem;
}

.smartco-reliability-intelligence .reliability-kpi-card {
    min-height: 8.25rem;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 0.35rem;
}

.smartco-reliability-intelligence .reliability-kpi-card span {
    color: #475569;
    font-weight: 850;
}

.smartco-reliability-intelligence .reliability-kpi-card strong {
    font-size: clamp(1.65rem, 2.4vw, 2.15rem);
    line-height: 1.1;
    color: var(--ri-text);
    direction: ltr;
    text-align: start;
}

.smartco-reliability-intelligence .reliability-kpi-critical { border-block-start: 4px solid #dc2626; }
.smartco-reliability-intelligence .reliability-kpi-warning { border-block-start: 4px solid #f59e0b; }
.smartco-reliability-intelligence .reliability-kpi-info { border-block-start: 4px solid #0ea5e9; }

.smartco-reliability-intelligence .reliability-layout {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(20rem, 0.85fr);
    gap: 1rem;
    align-items: stretch;
}

.smartco-reliability-intelligence .reliability-layout.second-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.smartco-reliability-intelligence .reliability-panel {
    min-width: 0;
    padding: 1rem;
}

.smartco-reliability-intelligence .reliability-panel-wide {
    min-width: 0;
}

.smartco-reliability-intelligence .reliability-panel-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.95rem;
}

.smartco-reliability-intelligence .reliability-panel-head.compact {
    display: block;
    margin-bottom: 0.75rem;
}

.smartco-reliability-intelligence .reliability-table-wrap {
    overflow-x: auto;
    border-radius: 18px;
}

.smartco-reliability-intelligence .reliability-table {
    width: 100%;
    min-width: 760px;
    border-collapse: separate;
    border-spacing: 0 0.55rem;
}

.smartco-reliability-intelligence .reliability-table th {
    padding: 0.35rem 0.75rem;
    color: #64748b;
    font-size: 0.78rem;
    font-weight: 900;
    text-align: center !important;
    background: transparent;
    border: 0;
    vertical-align: middle !important;
    white-space: nowrap;
}

.smartco-reliability-intelligence .reliability-table td {
    padding: 0.85rem 0.75rem;
    text-align: center !important;
    vertical-align: middle !important;
    background: #f8fafc;
    border-block: 1px solid rgba(15, 23, 42, 0.06);
    white-space: nowrap;
}

.smartco-reliability-intelligence .reliability-table td:first-child {
    border-inline-start: 1px solid rgba(15, 23, 42, 0.06);
    border-start-start-radius: 16px;
    border-end-start-radius: 16px;
}

.smartco-reliability-intelligence .reliability-table td:last-child {
    border-inline-end: 1px solid rgba(15, 23, 42, 0.06);
    border-start-end-radius: 16px;
    border-end-end-radius: 16px;
}

.smartco-reliability-intelligence .reliability-table .text-column {
    text-align: start !important;
    white-space: normal;
    min-width: 11rem;
}

.smartco-reliability-intelligence .reliability-table .text-column strong,
.smartco-reliability-intelligence .reliability-table .text-column small {
    display: block;
}

.smartco-reliability-intelligence .risk-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 3rem;
    min-height: 2rem;
    padding: 0.35rem 0.65rem;
    border-radius: 999px;
    font-weight: 900;
    direction: ltr;
}

.smartco-reliability-intelligence .risk-critical { background: #fee2e2; color: #991b1b; }
.smartco-reliability-intelligence .risk-warning { background: #fef3c7; color: #92400e; }
.smartco-reliability-intelligence .risk-info { background: #e0f2fe; color: #075985; }
.smartco-reliability-intelligence .risk-stable { background: #dcfce7; color: #166534; }

.smartco-reliability-intelligence .repeat-list,
.smartco-reliability-intelligence .risk-signal-list {
    display: grid;
    gap: 0.7rem;
}

.smartco-reliability-intelligence .repeat-list article,
.smartco-reliability-intelligence .risk-signal-list article {
    display: grid;
    gap: 0.25rem;
    padding: 0.85rem;
    border-radius: 16px;
    background: #f8fafc;
    border: 1px solid rgba(15, 23, 42, 0.05);
}

.smartco-reliability-intelligence .repeat-list strong {
    color: var(--ri-text);
    font-size: 1.5rem;
    line-height: 1.1;
    direction: ltr;
}

.smartco-reliability-intelligence .heatmap-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
}

.smartco-reliability-intelligence .heatmap-cell {
    min-height: 7rem;
    border-radius: 18px;
    padding: 0.9rem;
    display: grid;
    gap: 0.35rem;
    align-content: center;
    border: 1px solid rgba(15, 23, 42, 0.08);
}

.smartco-reliability-intelligence .heatmap-cell strong {
    font-size: 1.35rem;
    direction: ltr;
}

.smartco-reliability-intelligence .heatmap-critical { background: #fff1f2; color: #9f1239; }
.smartco-reliability-intelligence .heatmap-warning { background: #fffbeb; color: #92400e; }
.smartco-reliability-intelligence .heatmap-stable { background: #f0fdf4; color: #166534; }

.smartco-reliability-intelligence .risk-signal-list article {
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
}

.smartco-reliability-intelligence .risk-dot {
    width: 0.8rem;
    height: 0.8rem;
    margin-top: 0.35rem;
    border-radius: 999px;
    flex: 0 0 auto;
}

.smartco-reliability-intelligence .risk-dot.risk-critical { background: #dc2626; }
.smartco-reliability-intelligence .risk-dot.risk-warning { background: #f59e0b; }
.smartco-reliability-intelligence .risk-dot.risk-info { background: #0ea5e9; }
.smartco-reliability-intelligence .risk-dot.risk-stable { background: #16a34a; }

.smartco-reliability-intelligence .smartco-grid-toolbar {
    display: none !important;
}

@media (max-width: 1280px) {
    .smartco-reliability-intelligence .reliability-kpi-strip {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .smartco-reliability-intelligence .reliability-layout,
    .smartco-reliability-intelligence .reliability-layout.second-row {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .smartco-reliability-intelligence .reliability-hero {
        grid-template-columns: 1fr;
    }

    .smartco-reliability-intelligence .reliability-hero-actions,
    .smartco-reliability-intelligence[dir="rtl"] .reliability-hero-actions {
        justify-content: flex-start;
        min-width: 0;
    }

    .smartco-reliability-intelligence .reliability-kpi-strip,
    .smartco-reliability-intelligence .heatmap-grid {
        grid-template-columns: 1fr;
    }
}

/* SMARTCO v5.25.149R4 asset/mobile dashboard UI fix - START */
.asset-health-dashboard,
.asset-criticality-page,
.asset-structure-page,
.mobile-safety-page {
    display: grid;
    gap: 1.1rem;
    width: 100%;
    max-width: 100%;
    color: #0f172a;
}

.asset-health-dashboard *,
.asset-criticality-page *,
.asset-structure-page *,
.mobile-safety-page * {
    box-sizing: border-box;
}

.asset-health-dashboard a,
.asset-criticality-page a,
.asset-structure-page a,
.mobile-safety-page a {
    text-decoration: none;
}

.asset-health-hero,
.asset-criticality-hero,
.asset-structure-hero,
.mobile-safety-hero {
    border: 1px solid rgba(20, 184, 166, .22);
    border-radius: 22px;
    background:
        radial-gradient(circle at 8% 12%, rgba(20, 184, 166, .16), transparent 30%),
        radial-gradient(circle at 88% 8%, rgba(14, 165, 233, .12), transparent 28%),
        linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(240, 253, 250, .92));
    box-shadow: 0 18px 45px rgba(15, 23, 42, .07);
    padding: 1.25rem;
}

.asset-health-hero,
.asset-criticality-hero,
.asset-structure-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 360px);
    align-items: stretch;
    gap: 1rem;
}

.mobile-safety-hero {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
}

.asset-health-hero p,
.asset-criticality-eyebrow,
.asset-structure-eyebrow,
.mobile-safety-page .eyebrow,
.asset-health-panel-head p,
.asset-criticality-panel-head p,
.asset-structure-panel-head p {
    margin: 0 0 .35rem;
    color: #0f766e;
    font-size: .78rem;
    font-weight: 850;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.asset-health-hero h1,
.asset-criticality-hero h1,
.asset-structure-hero h1,
.mobile-safety-hero h1 {
    margin: 0;
    color: #0f172a;
    font-size: clamp(1.45rem, 2.1vw, 2.15rem);
    line-height: 1.35;
}

.asset-health-hero span,
.asset-criticality-hero span,
.asset-structure-hero span,
.mobile-safety-hero p {
    display: block;
    margin-top: .65rem;
    color: #475569;
    line-height: 1.85;
}

.asset-health-hero-status,
.asset-criticality-scorebox,
.asset-structure-actions {
    display: grid;
    align-content: center;
    gap: .55rem;
    border: 1px solid rgba(20, 184, 166, .18);
    border-radius: 18px;
    background: rgba(255, 255, 255, .76);
    padding: 1rem;
}

.asset-criticality-scorebox strong {
    color: #0f766e;
    font-size: 2.4rem;
    line-height: 1;
}

.asset-health-kpis,
.asset-criticality-kpis,
.asset-structure-kpis,
.mobile-safety-kpis {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .85rem;
}

.asset-health-kpi,
.asset-criticality-kpi,
.asset-structure-kpis article,
.mobile-safety-card,
.asset-health-panel,
.asset-health-toolbar,
.asset-health-card,
.asset-criticality-panel,
.asset-structure-panel,
.mobile-safety-panel {
    border: 1px solid rgba(148, 163, 184, .22);
    border-radius: 20px;
    background: linear-gradient(180deg, rgba(255, 255, 255, .97), rgba(248, 250, 252, .94));
    box-shadow: 0 14px 34px rgba(15, 23, 42, .055);
}

.asset-health-kpi,
.asset-criticality-kpi,
.asset-structure-kpis article,
.mobile-safety-card {
    display: grid;
    gap: .35rem;
    min-height: 126px;
    padding: 1rem;
}

.asset-health-kpi span,
.asset-health-kpi small,
.asset-criticality-kpi span,
.asset-criticality-kpi small,
.asset-structure-kpis span,
.asset-structure-kpis small,
.mobile-safety-card span,
.mobile-safety-card small,
.asset-health-toolbar span,
.asset-health-panel-head span,
.asset-criticality-panel-head span,
.asset-structure-panel-head span,
.asset-criticality-card span,
.asset-criticality-facts dt,
.asset-health-card span,
.asset-health-facts dt {
    color: #64748b;
}

.asset-health-kpi strong,
.asset-criticality-kpi strong,
.asset-structure-kpis strong,
.mobile-safety-card strong {
    color: #0f172a;
    font-size: 2rem;
    line-height: 1.15;
}

.asset-health-kpi-critical,
.asset-criticality-kpi.critical,
.mobile-safety-card.critical { border-top: 4px solid #dc2626; }
.asset-health-kpi-warning,
.asset-criticality-kpi.high,
.mobile-safety-card.warning { border-top: 4px solid #d97706; }
.asset-health-kpi-normal,
.asset-criticality-kpi.medium,
.mobile-safety-card.success { border-top: 4px solid #059669; }

.asset-health-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem;
}

.asset-health-filter-buttons,
.mobile-safety-actions,
.asset-structure-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
}

.asset-health-filter {
    border: 1px solid rgba(15, 118, 110, .28);
    border-radius: 999px;
    background: #fff;
    color: #134e4a;
    cursor: pointer;
    font-weight: 750;
    padding: .5rem .9rem;
}

.asset-health-filter.active {
    background: #0f766e;
    border-color: #0f766e;
    color: #fff;
}

.asset-health-layout,
.asset-criticality-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(300px, .65fr);
    gap: .9rem;
}

.asset-health-panel,
.asset-criticality-panel,
.asset-structure-panel,
.mobile-safety-panel {
    padding: 1rem;
}

.asset-health-panel-head,
.asset-criticality-panel-head,
.asset-structure-panel-head,
.panel-title-row,
.asset-criticality-card-head,
.asset-health-card-head,
.asset-health-score-row,
.asset-criticality-score-row,
.asset-health-card-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .8rem;
}

.asset-health-panel-head,
.asset-criticality-panel-head,
.asset-structure-panel-head,
.panel-title-row {
    align-items: flex-start;
    margin-bottom: .95rem;
}

.asset-health-panel-head h2,
.asset-criticality-panel-head h2,
.asset-structure-panel-head h2,
.mobile-safety-panel h2,
.panel-title-row h2 {
    margin: 0;
    color: #0f172a;
    font-size: 1.18rem;
}

.asset-health-matrix,
.asset-criticality-matrix {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
}

.asset-health-quadrant,
.asset-criticality-quadrant {
    display: grid;
    align-content: space-between;
    gap: .65rem;
    min-height: 138px;
    border: 1px solid rgba(148, 163, 184, .22);
    border-radius: 16px;
    padding: .9rem;
}

.asset-health-quadrant strong,
.asset-criticality-quadrant strong {
    font-size: 2.2rem;
    line-height: 1;
}

.asset-health-quadrant-critical,
.asset-criticality-quadrant.emergency { background: #fff1f2; color: #991b1b; }
.asset-health-quadrant-warning,
.asset-criticality-quadrant.safety { background: #fffbeb; color: #92400e; }
.asset-health-quadrant-watch,
.asset-criticality-quadrant.continuity { background: #eff6ff; color: #1d4ed8; }
.asset-health-quadrant-normal,
.asset-criticality-quadrant.planned { background: #ecfdf5; color: #047857; }

.asset-health-risk-list,
.asset-criticality-action-list,
.mobile-safety-checklist,
.mobile-safety-action-list,
.asset-structure-tree {
    display: grid;
    gap: .7rem;
}

.asset-health-risk-card,
.asset-criticality-action,
.asset-structure-node {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .9rem;
    border: 1px solid rgba(148, 163, 184, .2);
    border-radius: 16px;
    background: rgba(255, 255, 255, .94);
    padding: .85rem;
}

.asset-health-risk-card b,
.asset-criticality-action b {
    color: #0f766e;
    font-size: 1.3rem;
}

.asset-health-cards,
.asset-criticality-cards {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .9rem;
}

.asset-health-card,
.asset-criticality-card {
    display: grid;
    gap: .85rem;
    padding: 1rem;
}

.asset-health-card h3,
.asset-health-card p,
.asset-criticality-card h3,
.asset-criticality-card p {
    margin: 0;
}

.asset-health-status,
.asset-criticality-band,
.status-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    padding: .28rem .65rem;
    font-size: .78rem;
    font-weight: 850;
    white-space: nowrap;
}

.asset-health-card.is-critical,
.asset-criticality-card.is-extreme,
.asset-criticality-action.is-extreme,
.asset-structure-node.is-critical { border-top: 4px solid #dc2626; }
.asset-health-card.is-warning,
.asset-criticality-card.is-high,
.asset-criticality-action.is-high { border-top: 4px solid #d97706; }
.asset-health-card.is-normal,
.asset-criticality-card.is-medium,
.asset-criticality-action.is-medium,
.asset-structure-node.has-children { border-top: 4px solid #0f766e; }

.is-critical .asset-health-status,
.is-extreme .asset-criticality-band { background: #fee2e2; color: #991b1b; }
.is-warning .asset-health-status,
.is-high .asset-criticality-band { background: #fef3c7; color: #92400e; }
.is-normal .asset-health-status,
.is-medium .asset-criticality-band,
.is-controlled .asset-criticality-band { background: #d1fae5; color: #065f46; }

.asset-health-score-bar,
.asset-criticality-score-bar {
    height: .62rem;
    overflow: hidden;
    border-radius: 999px;
    background: #e2e8f0;
}

.asset-health-score-bar i,
.asset-criticality-score-bar i {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #dc2626, #d97706, #0f766e);
}

.asset-health-facts,
.asset-criticality-facts {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .5rem;
    margin: 0;
}

.asset-health-facts div,
.asset-criticality-facts div,
.asset-criticality-card-action {
    display: grid;
    gap: .2rem;
    border-radius: 14px;
    background: #f8fafc;
    padding: .65rem;
}

.asset-health-facts dd,
.asset-criticality-facts dd {
    margin: 0;
    color: #0f172a;
    font-weight: 850;
}

.asset-health-card-actions a,
.asset-structure-actions a,
.asset-structure-node-actions a,
.mobile-safety-actions a,
.asset-structure-hero button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(15, 118, 110, .22);
    border-radius: 12px;
    background: #ecfdf5;
    color: #0f766e;
    cursor: pointer;
    font-weight: 800;
    min-height: 38px;
    padding: .55rem .8rem;
}

.asset-health-actions-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .8rem;
}

.asset-health-actions-grid article {
    display: grid;
    gap: .45rem;
    border: 1px solid rgba(148, 163, 184, .2);
    border-radius: 16px;
    background: #f8fafc;
    padding: .9rem;
}

.asset-structure-warning {
    display: grid;
    gap: .3rem;
    border: 1px solid rgba(217, 119, 6, .28);
    border-radius: 16px;
    background: #fffbeb;
    color: #92400e;
    padding: .9rem 1rem;
}

.asset-structure-node {
    padding-inline-start: calc(.85rem + (var(--asset-tree-depth, 0) * 1.15rem));
}

.asset-structure-node-main {
    display: flex;
    align-items: center;
    gap: .75rem;
    min-width: 0;
}

.asset-structure-node-main strong,
.asset-structure-node-main span,
.asset-structure-node-main small {
    display: block;
}

.asset-structure-node-main small,
.asset-structure-node-meta {
    color: #64748b;
}

.asset-structure-node-mark {
    width: .8rem;
    height: .8rem;
    border-radius: 999px;
    background: #14b8a6;
    box-shadow: 0 0 0 5px rgba(20, 184, 166, .12);
    flex: 0 0 auto;
}

.asset-structure-node-meta,
.asset-structure-node-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .45rem;
}

.asset-structure-node-meta span {
    border-radius: 999px;
    background: #f1f5f9;
    padding: .25rem .55rem;
    font-size: .78rem;
    font-weight: 750;
}

.mobile-safety-grid {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(280px, 1fr);
    gap: .9rem;
}

.mobile-safety-panel.wide {
    grid-row: span 2;
}

.mobile-safety-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    overflow: hidden;
    border: 1px solid rgba(148, 163, 184, .2);
    border-radius: 16px;
}

.mobile-safety-table th,
.mobile-safety-table td {
    border-bottom: 1px solid rgba(148, 163, 184, .18);
    padding: .75rem;
    vertical-align: middle;
}

.mobile-safety-table th {
    background: #f8fafc;
    color: #334155;
    font-size: .8rem;
    font-weight: 850;
}

.mobile-safety-table td strong,
.mobile-safety-table td small {
    display: block;
}

.mobile-safety-table td small,
.mobile-safety-action small {
    color: #64748b;
}

.status-success { background: #dcfce7; color: #166534; }
.status-warning { background: #fef3c7; color: #92400e; }
.status-danger { background: #fee2e2; color: #991b1b; }
.status-info { background: #dbeafe; color: #1e40af; }

.mobile-safety-checklist {
    list-style: none;
    margin: 0;
    padding: 0;
}

.mobile-safety-checklist li,
.mobile-safety-action {
    display: flex;
    justify-content: space-between;
    gap: .75rem;
    border: 1px solid rgba(148, 163, 184, .18);
    border-radius: 14px;
    background: #f8fafc;
    padding: .75rem;
}

.mobile-safety-action {
    align-items: flex-start;
    flex-direction: column;
}

.check-done strong { color: #166534; }
.check-warning strong { color: #92400e; }
.check-pending strong { color: #475569; }

[dir="ltr"] .asset-health-dashboard,
[dir="ltr"] .asset-criticality-page,
[dir="ltr"] .asset-structure-page,
[dir="ltr"] .mobile-safety-page {
    direction: ltr;
    text-align: left;
}

[dir="rtl"] .asset-health-dashboard,
[dir="rtl"] .asset-criticality-page,
[dir="rtl"] .asset-structure-page,
[dir="rtl"] .mobile-safety-page {
    direction: rtl;
    text-align: right;
}

@media (max-width: 1180px) {
    .asset-health-hero,
    .asset-criticality-hero,
    .asset-structure-hero,
    .asset-health-layout,
    .asset-criticality-layout,
    .mobile-safety-grid {
        grid-template-columns: 1fr;
    }

    .asset-health-kpis,
    .asset-criticality-kpis,
    .asset-structure-kpis,
    .mobile-safety-kpis,
    .asset-health-cards,
    .asset-criticality-cards,
    .asset-health-actions-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .mobile-safety-hero {
        flex-direction: column;
    }
}

@media (max-width: 760px) {
    .asset-health-toolbar,
    .asset-health-panel-head,
    .asset-criticality-panel-head,
    .asset-structure-panel-head,
    .panel-title-row,
    .asset-health-card-head,
    .asset-criticality-card-head,
    .asset-health-score-row,
    .asset-criticality-score-row,
    .asset-health-card-actions,
    .asset-structure-node {
        align-items: stretch;
        flex-direction: column;
    }

    .asset-health-kpis,
    .asset-criticality-kpis,
    .asset-structure-kpis,
    .mobile-safety-kpis,
    .asset-health-cards,
    .asset-criticality-cards,
    .asset-health-actions-grid,
    .asset-health-matrix,
    .asset-criticality-matrix {
        grid-template-columns: 1fr;
    }

    .asset-health-facts,
    .asset-criticality-facts {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .mobile-safety-panel {
        overflow-x: auto;
    }
}
/* SMARTCO v5.25.149R4 asset/mobile dashboard UI fix - END */

/* SMARTCO v5.25.149R5 work order intelligence UI fix - START */
.smartco-work-intelligence {
    --woi-text: #0f172a;
    --woi-muted: #64748b;
    --woi-panel: rgba(255, 255, 255, 0.97);
    --woi-border: rgba(15, 23, 42, 0.08);
    --woi-shadow: 0 18px 48px rgba(15, 23, 42, 0.08);
    width: 100%;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 0;
    color: var(--woi-text);
}

.smartco-work-intelligence .work-intelligence-hero,
.smartco-work-intelligence .work-intelligence-kpi,
.smartco-work-intelligence .work-intelligence-panel {
    border: 1px solid var(--woi-border);
    border-radius: 22px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.94));
    box-shadow: var(--woi-shadow);
}

.smartco-work-intelligence .work-intelligence-hero {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: center;
    min-height: 0;
    padding: 1.35rem;
}

.smartco-work-intelligence .work-intelligence-hero::before {
    content: "";
    position: absolute;
    inset-inline-end: -5.5rem;
    inset-block-start: -5.5rem;
    width: 17rem;
    height: 17rem;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(37, 99, 235, 0.16), transparent 70%);
    pointer-events: none;
}

.smartco-work-intelligence .work-intelligence-hero > *,
.smartco-work-intelligence .work-intelligence-panel > * {
    position: relative;
    z-index: 1;
}

.smartco-work-intelligence .work-intelligence-hero p,
.smartco-work-intelligence .work-intelligence-panel-head p {
    margin: 0 0 0.35rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-size: 0.76rem;
    font-weight: 850;
    color: #2563eb;
}

.smartco-work-intelligence .work-intelligence-hero h1,
.smartco-work-intelligence .work-intelligence-panel-head h2 {
    margin: 0;
    color: var(--woi-text);
    line-height: 1.45;
}

.smartco-work-intelligence .work-intelligence-hero h1 {
    font-size: clamp(1.35rem, 1.8vw, 2.05rem);
}

.smartco-work-intelligence .work-intelligence-panel-head h2 {
    font-size: clamp(1.05rem, 1.35vw, 1.35rem);
}

.smartco-work-intelligence .work-intelligence-hero span,
.smartco-work-intelligence .work-intelligence-panel-head span,
.smartco-work-intelligence .work-intelligence-kpi small,
.smartco-work-intelligence .work-intelligence-table small,
.smartco-work-intelligence .decision-card small,
.smartco-work-intelligence .formula-grid small,
.smartco-work-intelligence .technician-list small,
.smartco-work-intelligence .signal-card small {
    color: var(--woi-muted);
}

.smartco-work-intelligence .work-intelligence-hero span,
.smartco-work-intelligence .work-intelligence-panel-head span {
    display: inline-block;
    margin-top: 0.45rem;
}

.smartco-work-intelligence .work-intelligence-actions {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-end;
    gap: 0.55rem;
    min-width: min(100%, 25rem);
}

.smartco-work-intelligence[dir="rtl"] .work-intelligence-actions {
    justify-content: flex-start;
}

.smartco-work-intelligence .work-intelligence-actions a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.35rem;
    padding: 0.55rem 0.85rem;
    border-radius: 999px;
    border: 1px solid rgba(37, 99, 235, 0.18);
    background: rgba(239, 246, 255, 0.88);
    color: #1d4ed8;
    font-weight: 850;
    text-decoration: none;
    white-space: nowrap;
}

.smartco-work-intelligence .work-intelligence-kpis {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.9rem;
}

.smartco-work-intelligence .work-intelligence-kpi {
    min-height: 8.25rem;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 0.35rem;
}

.smartco-work-intelligence .work-intelligence-kpi span {
    color: #475569;
    font-weight: 850;
}

.smartco-work-intelligence .work-intelligence-kpi strong {
    font-size: clamp(1.65rem, 2.4vw, 2.15rem);
    line-height: 1.1;
    color: var(--woi-text);
    direction: ltr;
    text-align: start;
}

.smartco-work-intelligence .kpi-critical { border-block-start: 4px solid #dc2626; }
.smartco-work-intelligence .kpi-warning { border-block-start: 4px solid #f59e0b; }
.smartco-work-intelligence .kpi-info { border-block-start: 4px solid #0ea5e9; }
.smartco-work-intelligence .kpi-stable { border-block-start: 4px solid #16a34a; }

.smartco-work-intelligence .work-intelligence-layout {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(20rem, 0.85fr);
    gap: 1rem;
    align-items: stretch;
}

.smartco-work-intelligence .work-intelligence-layout.second-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.smartco-work-intelligence .work-intelligence-panel {
    min-width: 0;
    padding: 1rem;
}

.smartco-work-intelligence .work-intelligence-panel-wide {
    min-width: 0;
}

.smartco-work-intelligence .work-intelligence-panel-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.95rem;
}

.smartco-work-intelligence .work-intelligence-panel-head.compact {
    display: block;
    margin-bottom: 0.75rem;
}

.smartco-work-intelligence .work-intelligence-table-wrap {
    overflow-x: auto;
    border-radius: 18px;
}

.smartco-work-intelligence .work-intelligence-table {
    width: 100%;
    min-width: 920px;
    border-collapse: separate;
    border-spacing: 0 0.55rem;
}

.smartco-work-intelligence .work-intelligence-table th {
    padding: 0.35rem 0.75rem;
    color: #64748b;
    font-size: 0.78rem;
    font-weight: 900;
    text-align: center !important;
    background: transparent;
    border: 0;
    vertical-align: middle !important;
    white-space: nowrap;
}

.smartco-work-intelligence .work-intelligence-table td {
    padding: 0.85rem 0.75rem;
    text-align: center !important;
    vertical-align: middle !important;
    background: #f8fafc;
    border-block: 1px solid rgba(15, 23, 42, 0.06);
    white-space: nowrap;
}

.smartco-work-intelligence .work-intelligence-table td:first-child {
    border-inline-start: 1px solid rgba(15, 23, 42, 0.06);
    border-start-start-radius: 16px;
    border-end-start-radius: 16px;
}

.smartco-work-intelligence .work-intelligence-table td:last-child {
    border-inline-end: 1px solid rgba(15, 23, 42, 0.06);
    border-start-end-radius: 16px;
    border-end-end-radius: 16px;
}

.smartco-work-intelligence .work-intelligence-table .text-column {
    text-align: start !important;
    white-space: normal;
    min-width: 11rem;
}

.smartco-work-intelligence .work-intelligence-table .text-column strong,
.smartco-work-intelligence .work-intelligence-table .text-column small {
    display: block;
}

.smartco-work-intelligence .priority-pill,
.smartco-work-intelligence .sla-pill,
.smartco-work-intelligence .load-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 3rem;
    min-height: 2rem;
    padding: 0.35rem 0.65rem;
    border-radius: 999px;
    font-weight: 900;
    direction: ltr;
}

.smartco-work-intelligence .priority-critical,
.smartco-work-intelligence .sla-critical,
.smartco-work-intelligence .load-critical {
    color: #991b1b;
    background: #fee2e2;
}

.smartco-work-intelligence .priority-warning,
.smartco-work-intelligence .sla-warning,
.smartco-work-intelligence .load-warning {
    color: #92400e;
    background: #fef3c7;
}

.smartco-work-intelligence .priority-stable,
.smartco-work-intelligence .sla-stable,
.smartco-work-intelligence .load-stable {
    color: #166534;
    background: #dcfce7;
}

.smartco-work-intelligence .decision-list,
.smartco-work-intelligence .technician-list,
.smartco-work-intelligence .signal-grid,
.smartco-work-intelligence .formula-grid {
    display: grid;
    gap: 0.75rem;
}

.smartco-work-intelligence .decision-card,
.smartco-work-intelligence .formula-grid article,
.smartco-work-intelligence .technician-list article,
.smartco-work-intelligence .signal-card {
    border: 1px solid rgba(15, 23, 42, 0.07);
    border-radius: 18px;
    background: #f8fafc;
    padding: 0.9rem;
}

.smartco-work-intelligence .decision-card strong {
    display: block;
    font-size: 1.45rem;
    line-height: 1.1;
    color: var(--woi-text);
    margin: 0.2rem 0;
    direction: ltr;
}

.smartco-work-intelligence .decision-critical { border-inline-start: 4px solid #dc2626; }
.smartco-work-intelligence .decision-warning { border-inline-start: 4px solid #f59e0b; }
.smartco-work-intelligence .decision-info { border-inline-start: 4px solid #0ea5e9; }

.smartco-work-intelligence .formula-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.smartco-work-intelligence .formula-grid article {
    min-height: 7.5rem;
}

.smartco-work-intelligence .formula-grid span,
.smartco-work-intelligence .formula-grid strong,
.smartco-work-intelligence .formula-grid small {
    display: block;
}

.smartco-work-intelligence .formula-grid strong {
    color: #2563eb;
    font-size: 1.35rem;
    line-height: 1.1;
    margin: 0.25rem 0;
    direction: ltr;
}

.smartco-work-intelligence .technician-list article {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.smartco-work-intelligence .technician-list strong {
    display: block;
}

.smartco-work-intelligence .insight-panel {
    margin-bottom: 1rem;
}

.smartco-work-intelligence .signal-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.smartco-work-intelligence .signal-card {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.65rem;
    align-items: start;
}

.smartco-work-intelligence .signal-card > span {
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 999px;
    margin-top: 0.35rem;
    background: #2563eb;
}

.smartco-work-intelligence .signal-critical > span { background: #dc2626; }
.smartco-work-intelligence .signal-warning > span { background: #f59e0b; }
.smartco-work-intelligence .signal-info > span { background: #0ea5e9; }

.smartco-work-intelligence .smartco-grid-toolbar {
    display: none !important;
}

@media (max-width: 1280px) {
    .smartco-work-intelligence .work-intelligence-kpis {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .smartco-work-intelligence .work-intelligence-layout,
    .smartco-work-intelligence .work-intelligence-layout.second-row {
        grid-template-columns: 1fr;
    }

    .smartco-work-intelligence .formula-grid,
    .smartco-work-intelligence .signal-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .smartco-work-intelligence .work-intelligence-hero {
        grid-template-columns: 1fr;
    }

    .smartco-work-intelligence .work-intelligence-actions,
    .smartco-work-intelligence[dir="rtl"] .work-intelligence-actions {
        justify-content: flex-start;
        min-width: 0;
    }

    .smartco-work-intelligence .work-intelligence-kpis,
    .smartco-work-intelligence .formula-grid,
    .smartco-work-intelligence .signal-grid {
        grid-template-columns: 1fr;
    }
}
/* SMARTCO v5.25.149R5 work order intelligence UI fix - END */

/* SMARTCO v5.25.149R6 inventory spares dashboards UI fix - START */
.smartco-inventory-intelligence {
    --inventory-border: rgba(15, 23, 42, .08);
    --inventory-muted: #64748b;
    --inventory-text: #0f172a;
    --inventory-panel: rgba(255, 255, 255, .94);
    display: grid;
    gap: 1rem;
    padding: 1rem;
}

.smartco-inventory-intelligence .inventory-intelligence-hero {
    align-items: stretch;
    background: linear-gradient(135deg, rgba(240, 253, 250, .96), rgba(239, 246, 255, .94));
    border: 1px solid var(--inventory-border);
    border-radius: 24px;
    box-shadow: 0 18px 45px rgba(15, 23, 42, .08);
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1fr) auto;
    overflow: hidden;
    padding: 1.25rem;
    position: relative;
}

.smartco-inventory-intelligence .inventory-intelligence-hero:before {
    background: radial-gradient(circle at center, rgba(20, 184, 166, .2), transparent 68%);
    content: "";
    height: 11rem;
    inset-block-start: -5.5rem;
    inset-inline-end: -4rem;
    pointer-events: none;
    position: absolute;
    width: 11rem;
}

.smartco-inventory-intelligence[data-smartco-page="inventory-stockout-risk"] .inventory-intelligence-hero:before {
    background: radial-gradient(circle at center, rgba(249, 115, 22, .2), transparent 68%);
}

.smartco-inventory-intelligence[data-smartco-page="spare-parts-criticality"] .inventory-intelligence-hero:before {
    background: radial-gradient(circle at center, rgba(99, 102, 241, .18), transparent 68%);
}

.smartco-inventory-intelligence .inventory-intelligence-hero p,
.smartco-inventory-intelligence .inventory-panel-head p {
    color: #0f766e;
    font-size: .78rem;
    font-weight: 900;
    letter-spacing: .04em;
    margin: 0 0 .35rem;
    text-transform: uppercase;
}

.smartco-inventory-intelligence[data-smartco-page="inventory-stockout-risk"] .inventory-intelligence-hero p,
.smartco-inventory-intelligence[data-smartco-page="inventory-stockout-risk"] .inventory-panel-head p {
    color: #c2410c;
}

.smartco-inventory-intelligence[data-smartco-page="spare-parts-criticality"] .inventory-intelligence-hero p,
.smartco-inventory-intelligence[data-smartco-page="spare-parts-criticality"] .inventory-panel-head p {
    color: #4f46e5;
}

.smartco-inventory-intelligence .inventory-intelligence-hero h1 {
    color: var(--inventory-text);
    font-size: clamp(1.45rem, 2.4vw, 2.15rem);
    line-height: 1.25;
    margin: 0;
}

.smartco-inventory-intelligence .inventory-intelligence-hero span {
    color: #475569;
    display: block;
    line-height: 1.85;
    margin-top: .55rem;
    max-width: 72rem;
}

.smartco-inventory-intelligence .inventory-route-actions {
    align-content: center;
    display: grid;
    gap: .55rem;
    min-width: 13rem;
    position: relative;
    z-index: 1;
}

.smartco-inventory-intelligence .inventory-route-actions a {
    background: rgba(255, 255, 255, .74);
    border: 1px solid rgba(15, 23, 42, .1);
    border-radius: 999px;
    color: #334155;
    font-weight: 850;
    padding: .62rem .85rem;
    text-align: center;
    text-decoration: none;
    transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}

.smartco-inventory-intelligence .inventory-route-actions a:hover {
    box-shadow: 0 10px 24px rgba(15, 23, 42, .08);
    transform: translateY(-1px);
}

.smartco-inventory-intelligence .inventory-route-actions a.active {
    background: #0f766e;
    border-color: #0f766e;
    color: #fff;
}

.smartco-inventory-intelligence[data-smartco-page="inventory-stockout-risk"] .inventory-route-actions a.active {
    background: #c2410c;
    border-color: #c2410c;
}

.smartco-inventory-intelligence[data-smartco-page="spare-parts-criticality"] .inventory-route-actions a.active {
    background: #4f46e5;
    border-color: #4f46e5;
}

.smartco-inventory-intelligence .inventory-intelligence-kpis {
    display: grid;
    gap: .85rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.smartco-inventory-intelligence .inventory-kpi,
.smartco-inventory-intelligence .inventory-panel {
    background: var(--inventory-panel);
    border: 1px solid var(--inventory-border);
    border-radius: 20px;
    box-shadow: 0 10px 28px rgba(15, 23, 42, .06);
}

.smartco-inventory-intelligence .inventory-kpi {
    display: grid;
    gap: .25rem;
    min-height: 8.1rem;
    overflow: hidden;
    padding: 1rem;
    position: relative;
}

.smartco-inventory-intelligence .inventory-kpi:after {
    border-radius: 999px;
    content: "";
    height: 4.5rem;
    inset-block-start: -2.3rem;
    inset-inline-end: -2.1rem;
    opacity: .22;
    position: absolute;
    width: 4.5rem;
}

.smartco-inventory-intelligence .inventory-kpi span,
.smartco-inventory-intelligence .inventory-kpi small {
    color: var(--inventory-muted);
    font-weight: 750;
}

.smartco-inventory-intelligence .inventory-kpi strong {
    color: var(--inventory-text);
    font-size: 1.85rem;
    line-height: 1.1;
}

.smartco-inventory-intelligence .kpi-critical:after { background: #ef4444; }
.smartco-inventory-intelligence .kpi-warning:after { background: #f59e0b; }
.smartco-inventory-intelligence .kpi-info:after { background: #0ea5e9; }
.smartco-inventory-intelligence .kpi-stable:after { background: #10b981; }

.smartco-inventory-intelligence .inventory-intelligence-layout {
    align-items: start;
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1.55fr) minmax(18rem, .75fr);
}

.smartco-inventory-intelligence .inventory-intelligence-layout.second-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.smartco-inventory-intelligence .inventory-panel {
    display: grid;
    gap: 1rem;
    padding: 1rem;
}

.smartco-inventory-intelligence .inventory-panel-head {
    align-items: start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.smartco-inventory-intelligence .inventory-panel-head.compact {
    display: block;
}

.smartco-inventory-intelligence .inventory-panel-head h2 {
    color: var(--inventory-text);
    font-size: 1.05rem;
    line-height: 1.5;
    margin: 0;
}

.smartco-inventory-intelligence .inventory-panel-head > span {
    background: #f8fafc;
    border: 1px solid var(--inventory-border);
    border-radius: 999px;
    color: #475569;
    font-size: .8rem;
    font-weight: 800;
    padding: .45rem .7rem;
    white-space: nowrap;
}

.smartco-inventory-intelligence .inventory-table-wrap {
    overflow-x: auto;
    overflow-y: hidden;
}

.smartco-inventory-intelligence .inventory-table-wrap.compact-table-space {
    margin-top: .3rem;
}

.smartco-inventory-intelligence .inventory-intelligence-table {
    border-collapse: separate;
    border-spacing: 0;
    min-width: 980px;
    width: 100%;
}

.smartco-inventory-intelligence .inventory-intelligence-table th,
.smartco-inventory-intelligence .inventory-intelligence-table td {
    border-bottom: 1px solid rgba(15, 23, 42, .08);
    padding: .78rem .7rem;
    text-align: center;
    vertical-align: middle;
}

.smartco-inventory-intelligence .inventory-intelligence-table th {
    background: #f8fafc;
    color: #475569;
    font-size: .76rem;
    font-weight: 900;
    position: sticky;
    top: 0;
    z-index: 1;
}

.smartco-inventory-intelligence .inventory-intelligence-table tbody tr:hover {
    background: rgba(15, 118, 110, .045);
}

.smartco-inventory-intelligence .inventory-intelligence-table .text-column {
    min-width: 13rem;
    text-align: start;
}

.smartco-inventory-intelligence .inventory-intelligence-table small {
    color: var(--inventory-muted);
    display: block;
    font-weight: 700;
    margin-top: .2rem;
}

.smartco-inventory-intelligence .inventory-pill,
.smartco-inventory-intelligence .class-pill {
    align-items: center;
    border-radius: 999px;
    display: inline-flex;
    font-size: .78rem;
    font-weight: 900;
    justify-content: center;
    min-width: 4.5rem;
    padding: .35rem .65rem;
}

.smartco-inventory-intelligence .pill-critical,
.smartco-inventory-intelligence .class-a {
    background: #fee2e2;
    color: #991b1b;
}

.smartco-inventory-intelligence .pill-warning,
.smartco-inventory-intelligence .class-b {
    background: #fef3c7;
    color: #92400e;
}

.smartco-inventory-intelligence .pill-info,
.smartco-inventory-intelligence .class-c {
    background: #e0f2fe;
    color: #075985;
}

.smartco-inventory-intelligence .pill-stable {
    background: #dcfce7;
    color: #166534;
}

.smartco-inventory-intelligence .inventory-card-list,
.smartco-inventory-intelligence .inventory-action-list,
.smartco-inventory-intelligence .inventory-weight-list,
.smartco-inventory-intelligence .inventory-funnel-list {
    display: grid;
    gap: .7rem;
}

.smartco-inventory-intelligence .inventory-action-card {
    border: 1px solid rgba(15, 23, 42, .08);
    border-radius: 18px;
    display: grid;
    gap: .2rem;
    padding: .85rem;
}

.smartco-inventory-intelligence .inventory-action-card span,
.smartco-inventory-intelligence .inventory-action-card small,
.smartco-inventory-intelligence .inventory-signal-grid span,
.smartco-inventory-intelligence .inventory-signal-grid small {
    color: var(--inventory-muted);
    font-weight: 750;
}

.smartco-inventory-intelligence .inventory-action-card strong,
.smartco-inventory-intelligence .inventory-signal-grid strong {
    color: var(--inventory-text);
    font-size: 1.45rem;
}

.smartco-inventory-intelligence .action-critical { background: #fff1f2; }
.smartco-inventory-intelligence .action-warning { background: #fffbeb; }
.smartco-inventory-intelligence .action-info { background: #eff6ff; }
.smartco-inventory-intelligence .action-stable { background: #ecfdf5; }

.smartco-inventory-intelligence .inventory-action-list article {
    align-items: start;
    background: #f8fafc;
    border: 1px solid rgba(15, 23, 42, .06);
    border-radius: 16px;
    display: grid;
    gap: .7rem;
    grid-template-columns: auto minmax(0, 1fr);
    padding: .85rem;
}

.smartco-inventory-intelligence .inventory-action-list strong {
    color: var(--inventory-text);
    display: block;
    line-height: 1.5;
}

.smartco-inventory-intelligence .inventory-action-list small {
    color: var(--inventory-muted);
    display: block;
    line-height: 1.7;
    margin-top: .2rem;
}

.smartco-inventory-intelligence .inventory-dot {
    border-radius: 999px;
    display: inline-flex;
    height: .75rem;
    margin-top: .45rem;
    width: .75rem;
}

.smartco-inventory-intelligence .dot-critical { background: #dc2626; }
.smartco-inventory-intelligence .dot-warning { background: #d97706; }
.smartco-inventory-intelligence .dot-info { background: #0284c7; }
.smartco-inventory-intelligence .dot-stable { background: #059669; }

.smartco-inventory-intelligence .inventory-signal-grid {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.smartco-inventory-intelligence .inventory-signal-grid article {
    border: 1px solid rgba(15, 23, 42, .06);
    border-radius: 18px;
    display: grid;
    gap: .25rem;
    min-height: 7.2rem;
    padding: .9rem;
}

.smartco-inventory-intelligence .signal-critical { background: #fff1f2; }
.smartco-inventory-intelligence .signal-warning { background: #fffbeb; }
.smartco-inventory-intelligence .signal-info { background: #eff6ff; }
.smartco-inventory-intelligence .signal-stable { background: #ecfdf5; }

.smartco-inventory-intelligence .inventory-funnel-list article,
.smartco-inventory-intelligence .inventory-weight-list article {
    align-items: center;
    display: grid;
    gap: .65rem;
    grid-template-columns: minmax(9rem, 1fr) minmax(8rem, 1.3fr) auto;
}

.smartco-inventory-intelligence .inventory-funnel-list span,
.smartco-inventory-intelligence .inventory-weight-list span {
    color: #334155;
    font-weight: 850;
}

.smartco-inventory-intelligence .inventory-funnel-list div,
.smartco-inventory-intelligence .inventory-weight-list div {
    background: #e2e8f0;
    border-radius: 999px;
    height: .65rem;
    overflow: hidden;
}

.smartco-inventory-intelligence .inventory-funnel-list i,
.smartco-inventory-intelligence .inventory-weight-list i {
    background: linear-gradient(90deg, #14b8a6, #0ea5e9);
    border-radius: inherit;
    display: block;
    height: 100%;
}

.smartco-inventory-intelligence .inventory-funnel-list strong,
.smartco-inventory-intelligence .inventory-weight-list strong {
    color: var(--inventory-text);
    font-weight: 900;
}

.smartco-inventory-intelligence .criticality-quadrant-grid {
    display: grid;
    gap: .85rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.smartco-inventory-intelligence .quadrant-card {
    border: 1px solid rgba(15, 23, 42, .07);
    border-radius: 18px;
    display: grid;
    gap: .3rem;
    min-height: 9.8rem;
    padding: 1rem;
    position: relative;
}

.smartco-inventory-intelligence .quadrant-card span,
.smartco-inventory-intelligence .quadrant-card small {
    color: var(--inventory-muted);
    font-weight: 750;
}

.smartco-inventory-intelligence .quadrant-card strong {
    color: var(--inventory-text);
    font-size: 1.05rem;
}

.smartco-inventory-intelligence .quadrant-card b {
    align-items: center;
    background: rgba(255, 255, 255, .72);
    border: 1px solid rgba(15, 23, 42, .07);
    border-radius: 999px;
    display: inline-flex;
    font-size: 1.35rem;
    height: 3.1rem;
    inset-block-end: .85rem;
    inset-inline-end: .85rem;
    justify-content: center;
    position: absolute;
    width: 3.1rem;
}

.smartco-inventory-intelligence .quadrant-critical { background: #fff1f2; }
.smartco-inventory-intelligence .quadrant-warning { background: #fffbeb; }
.smartco-inventory-intelligence .quadrant-info { background: #eff6ff; }
.smartco-inventory-intelligence .quadrant-stable { background: #ecfdf5; }

html[dir="ltr"] .smartco-inventory-intelligence,
html[dir="ltr"] .smartco-inventory-intelligence * {
    direction: ltr;
}

html[dir="rtl"] .smartco-inventory-intelligence,
html[dir="rtl"] .smartco-inventory-intelligence * {
    direction: rtl;
}

@media (max-width: 1100px) {
    .smartco-inventory-intelligence .inventory-intelligence-layout,
    .smartco-inventory-intelligence .inventory-intelligence-layout.second-row,
    .smartco-inventory-intelligence .inventory-intelligence-hero {
        grid-template-columns: 1fr;
    }

    .smartco-inventory-intelligence .inventory-route-actions {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        min-width: 0;
    }
}

@media (max-width: 760px) {
    .smartco-inventory-intelligence {
        padding: .65rem;
    }

    .smartco-inventory-intelligence .inventory-intelligence-kpis,
    .smartco-inventory-intelligence .criticality-quadrant-grid,
    .smartco-inventory-intelligence .inventory-signal-grid,
    .smartco-inventory-intelligence .inventory-route-actions {
        grid-template-columns: 1fr;
    }

    .smartco-inventory-intelligence .inventory-panel-head {
        display: block;
    }

    .smartco-inventory-intelligence .inventory-panel-head > span {
        display: inline-flex;
        margin-top: .6rem;
        white-space: normal;
    }

    .smartco-inventory-intelligence .inventory-funnel-list article,
    .smartco-inventory-intelligence .inventory-weight-list article {
        grid-template-columns: 1fr;
    }
}
/* SMARTCO v5.25.149R6 inventory spares dashboards UI fix - END */