/* Ziroone ERP chrome — matches ziroone_erp brand tokens and shell. */

body[data-theme="sky"] {
    --sidebar-w: 240px;
    --forest-50: #EAF7FC;
    --forest-100: #D4F0FA;
    --forest-200: #A8E0F4;
    --forest-300: #73CCEC;
    --forest-400: #40AFE4;
    --forest-500: #1288B8;
    --forest-600: #0E6F96;
    --forest-700: #0B5573;
    --forest-800: #083F56;
    --forest-900: #231F20;
    --forest-950: #231F20;
    --sand: #40AFE4;
    --bg: #F4F8FB;
    --panel: #ffffff;
    --text: #231F20;
    --muted: #6B7280;
    --line: #D4F0FA;
    --theme-primary: #1288B8;
    --theme-primary-dark: #0E6F96;
    --theme-accent: #40AFE4;
    --theme-canvas: #F4F8FB;
    --sidebar: #1288B8;
    --sidebar-deep: #0E6F96;
    --nav-active-text: #083F56;
}

body[data-theme="sky"].mos-app,
body[data-theme="sky"] .mos-main,
body[data-theme="sky"] .mos-content {
    background: #F4F8FB !important;
    color: #231F20 !important;
}

body[data-theme="sky"] .mos-main {
    background: #F4F8FB !important;
}

body[data-theme="sky"] .mos-sidebar {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    width: 240px;
    background:
        linear-gradient(180deg, #1288B8 0%, #0E6F96 62%, #0B5573 100%) !important;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    color: #ffffff !important;
    border-right: 1px solid rgba(11, 85, 115, 0.28);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.14),
        8px 0 22px rgba(11, 85, 115, 0.16);
}

body[data-theme="sky"] .mos-sidebar::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(120% 70% at 0% 0%, rgba(64, 175, 228, 0.28), transparent 55%),
        radial-gradient(90% 50% at 100% 100%, rgba(8, 63, 86, 0.18), transparent 58%);
    pointer-events: none;
    z-index: 0;
}

body[data-theme="sky"] .mos-sidebar > * {
    position: relative;
    z-index: 1;
}

body[data-theme="sky"] .sidebar-brand {
    height: 52px;
    padding: 0 14px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.14);
    background: rgba(255, 255, 255, 0.08);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.08);
}

body[data-theme="sky"] .brand-mark-logo {
    background: rgba(255, 255, 255, 0.96);
    border-color: rgba(255, 255, 255, 0.55);
}
body[data-theme="sky"] .sidebar-brand-logo {
    filter: none;
}

body[data-theme="sky"] .sidebar-section-label {
    color: rgba(255, 255, 255, 0.62) !important;
}

body[data-theme="sky"] .sidebar-nav {
    padding: 6px 10px 12px;
}

body[data-theme="sky"] .nav-item,
body[data-theme="sky"] .nav-group-toggle,
body[data-theme="sky"] .nav-subitem {
    color: rgba(255, 255, 255, 0.94) !important;
    border-radius: 10px;
    min-height: 36px;
    font-size: 14px;
    font-weight: 500;
    border: 1px solid transparent;
    box-shadow: none !important;
}

body[data-theme="sky"] .nav-item:hover,
body[data-theme="sky"] .nav-group-toggle:hover,
body[data-theme="sky"] .nav-subitem:hover,
body[data-theme="sky"] .nav-group-toggle.active-parent {
    background: rgba(255, 255, 255, 0.12) !important;
    border-color: rgba(255, 255, 255, 0.1);
    color: #ffffff !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
}

body[data-theme="sky"] .nav-item.active,
body[data-theme="sky"] .nav-subitem.active {
    background: #40AFE4 !important;
    border-color: rgba(255, 255, 255, 0.18);
    color: #083F56 !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.28),
        0 6px 14px rgba(11, 85, 115, 0.18) !important;
}

body[data-theme="sky"] .nav-item.active .caret {
    color: #083F56 !important;
}

body[data-theme="sky"] .nav-item .caret {
    color: rgba(255, 255, 255, 0.7) !important;
}

body[data-theme="sky"] .sidebar-footer {
    background: rgba(11, 85, 115, 0.35) !important;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
    padding: 10px 14px;
    min-height: 3.25rem;
}

body[data-theme="sky"] .sidebar-footer .sf-row {
    display: none;
}

body[data-theme="sky"] .sidebar-footer .copy {
    margin: 0;
    color: rgba(255, 255, 255, 0.82) !important;
    font-size: 11px;
}

body[data-theme="sky"] .mos-topbar {
    background: #ffffff !important;
    border-bottom: 1px solid #D9F1FA !important;
    color: #231F20 !important;
}

body[data-theme="sky"] .topbar-search {
    border-color: #D9F1FA !important;
    box-shadow: 0 4px 18px rgba(35, 31, 32, 0.05) !important;
}

body[data-theme="sky"] .topbar-search:focus-within {
    border-color: #40AFE4 !important;
    box-shadow: 0 0 0 3px rgba(18, 136, 184, 0.16) !important;
}

body[data-theme="sky"] .topbar-search input,
body[data-theme="sky"] .topbar-user-meta strong {
    color: #231F20 !important;
}

body[data-theme="sky"] .topbar-user-meta span,
body[data-theme="sky"] .page-head p,
body[data-theme="sky"] .fa-list-page-sub {
    color: #6B7280 !important;
}

body[data-theme="sky"] .avatar {
    background: linear-gradient(145deg, #2B9AD4, #231F20) !important;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.85), 0 0 0 3px color-mix(in srgb, #1A82BA 28%, #ffffff);
}

body[data-theme="sky"] .quick-access {
    background: #0E6F96 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.16) !important;
    color: rgba(255, 255, 255, 0.88) !important;
}

body[data-theme="sky"] .qa-switch-btn:hover,
body[data-theme="sky"] .quick-access.is-open .qa-switch-btn {
    background: #40AFE4 !important;
    color: #083F56 !important;
    border-color: transparent !important;
}

body[data-theme="sky"] .page-head h1,
body[data-theme="sky"] .fa-list-page-head h1,
body[data-theme="sky"] .fa-list-page-sub strong {
    color: #231F20 !important;
}

body[data-theme="sky"] .fa-list-page-accent {
    color: #1288B8 !important;
}

body[data-theme="sky"] .btn {
    color: #0B5573;
}

body[data-theme="sky"] .btn.primary {
    background: linear-gradient(180deg, #1A9FD4 0%, #1288B8 100%) !important;
    border-color: #0E6F96 !important;
    color: #ffffff !important;
}

body[data-theme="sky"] .btn.primary:hover {
    background: linear-gradient(180deg, #1288B8 0%, #0E6F96 100%) !important;
}

body[data-theme="sky"] .list-filter-panel,
body[data-theme="sky"] .fa-list-filter,
body[data-theme="sky"] .fa-list-body,
body[data-theme="sky"] .kpi-card,
body[data-theme="sky"] .panel,
body[data-theme="sky"] .card {
    border-color: color-mix(in srgb, #1288B8 18%, #e4eef4);
    background:
        linear-gradient(185deg, #ffffff 0%, #f7fbfe 72%, #eef6fb 100%);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.95),
        0 1px 2px rgba(18, 136, 184, 0.1),
        0 10px 22px -10px rgba(14, 70, 110, 0.16);
}

body[data-theme="sky"] .icon-btn:hover,
body[data-theme="sky"] .logout-btn:hover {
    background: #EAF7FC !important;
    color: #1288B8 !important;
}