:root {
    --fixking-black: #0b0f12;
    --fixking-panel: #12181c;
    --fixking-panel-2: #192126;
    --fixking-border: rgba(201, 151, 43, .22);
    --fixking-gold: #c9972b;
    --fixking-gold-soft: #e0b857;
    --fixking-green: #249b55;
    --fixking-white: #f5f7f8;
    --fixking-muted: #98a4aa;
    --fixking-canvas: #eef1f3;
}

body.fixking-local-theme {
    background: var(--fixking-canvas) !important;
    color: #171a1c;
}

/* FixKING sidebar — official logo asset stays untouched. */
body.fixking-local-theme fuse-sidebar.navbar-fuse-sidebar,
body.fixking-local-theme navbar.left-navbar,
body.fixking-local-theme navbar-vertical-style-1 {
    background: var(--fixking-black) !important;
}

body.fixking-local-theme fuse-sidebar.navbar-fuse-sidebar {
    border-right: 1px solid var(--fixking-border) !important;
    box-shadow: 18px 0 50px rgba(0, 0, 0, .18) !important;
}

body.fixking-local-theme .left-navbar .navbar-top {
    min-height: 76px !important;
    background:
        radial-gradient(circle at 24% 0, rgba(243, 182, 31, .15), transparent 46%),
        linear-gradient(145deg, #111618 0%, #07090a 78%) !important;
    border-bottom: 1px solid var(--fixking-border) !important;
    box-shadow: inset 0 3px 0 var(--fixking-gold) !important;
}

body.fixking-local-theme .left-navbar .navbar-top .logo {
    position: relative;
    min-width: 0;
    padding: 0 0 0 18px !important;
}

body.fixking-local-theme .left-navbar .navbar-top .logo::after {
    content: "LOKÁLNY INFORMAČNÝ SYSTÉM";
    position: absolute;
    left: 76px;
    top: calc(50% + 10px);
    color: var(--fixking-green);
    font: 800 8px/1.1 "Segoe UI", Arial, sans-serif;
    letter-spacing: .16em;
    white-space: nowrap;
}

body.fixking-local-theme .left-navbar .logo-icon {
    width: 44px !important;
    height: 44px !important;
    padding: 5px;
    box-sizing: border-box;
    object-fit: contain;
    border: 1px solid rgba(243, 182, 31, .46);
    border-radius: 12px;
    background: #090c0d;
    box-shadow: 0 0 24px rgba(243, 182, 31, .12);
}

body.fixking-local-theme .left-navbar .logo-text {
    margin: -10px 0 0 12px !important;
    color: var(--fixking-white) !important;
    font: 900 17px/1 "Segoe UI", Arial, sans-serif !important;
    letter-spacing: .08em !important;
}

body.fixking-local-theme .left-navbar .navbar-top button,
body.fixking-local-theme .left-navbar .navbar-top mat-icon {
    color: var(--fixking-gold) !important;
}

body.fixking-local-theme .left-navbar .navbar-scroll-container {
    background:
        linear-gradient(180deg, rgba(84, 226, 61, .035), transparent 36%),
        var(--fixking-black) !important;
}

body.fixking-local-theme .left-navbar .user {
    min-height: 94px !important;
    padding: 20px !important;
    background:
        linear-gradient(135deg, rgba(243, 182, 31, .09), transparent 60%),
        #0b0f11 !important;
    border-bottom: 1px solid rgba(255, 255, 255, .06) !important;
}

body.fixking-local-theme .left-navbar .user .username {
    color: var(--fixking-white) !important;
    font-weight: 800 !important;
    letter-spacing: .01em;
}

body.fixking-local-theme .left-navbar .user .email {
    color: var(--fixking-muted) !important;
}

body.fixking-local-theme .left-navbar .avatar-container {
    display: none !important;
}

body.fixking-local-theme .left-navbar .navbar-content {
    padding: 8px 12px 52px !important;
}

body.fixking-local-theme .left-navbar .nav-group > .group-title {
    margin: 16px 8px 7px !important;
    padding: 0 10px 8px !important;
    border-bottom: 1px solid rgba(243, 182, 31, .16);
}

body.fixking-local-theme .left-navbar .nav-group > .group-title .hint-text {
    color: var(--fixking-gold) !important;
    font: 900 10px/1.2 "Segoe UI", Arial, sans-serif !important;
    letter-spacing: .15em !important;
}

body.fixking-local-theme .left-navbar .nav-link {
    min-height: 44px !important;
    height: auto !important;
    margin: 3px 0 !important;
    padding: 0 14px !important;
    color: #d7dde0 !important;
    border: 1px solid transparent !important;
    border-radius: 10px !important;
    background: transparent !important;
    transition: color .18s ease, background .18s ease, border-color .18s ease, transform .18s ease !important;
}

body.fixking-local-theme .left-navbar .nav-link:hover {
    color: var(--fixking-white) !important;
    border-color: rgba(243, 182, 31, .24) !important;
    background: rgba(243, 182, 31, .08) !important;
    transform: translateX(2px);
}

body.fixking-local-theme .left-navbar .nav-link .nav-link-icon {
    width: 34px !important;
    min-width: 34px !important;
    margin-right: 8px !important;
    color: #7f8b90 !important;
    font-size: 20px !important;
}

body.fixking-local-theme .left-navbar .nav-link .nav-link-title {
    font-weight: 650 !important;
    letter-spacing: .01em;
}

body.fixking-local-theme .left-navbar .nav-link.active,
body.fixking-local-theme .left-navbar .nav-link.active.accent {
    color: #07090a !important;
    border-color: var(--fixking-gold) !important;
    background: linear-gradient(100deg, var(--fixking-gold) 0%, var(--fixking-gold-soft) 100%) !important;
    box-shadow: 0 8px 22px rgba(243, 182, 31, .18) !important;
}

body.fixking-local-theme .left-navbar .nav-link.active .nav-link-icon,
body.fixking-local-theme .left-navbar .nav-link.active.accent .nav-link-icon {
    color: #07090a !important;
}

body.fixking-local-theme .left-navbar .nav-link[data-fixking-cockpit="true"] {
    color: var(--fixking-green) !important;
    border-color: rgba(84, 226, 61, .2) !important;
    background: rgba(84, 226, 61, .055) !important;
}

body.fixking-local-theme .left-navbar .nav-link[data-fixking-cockpit="true"] .nav-link-icon {
    color: var(--fixking-green) !important;
}

body.fixking-local-theme .left-navbar .nav-link[data-fixking-cockpit="true"]:hover {
    color: #071007 !important;
    border-color: var(--fixking-green) !important;
    background: var(--fixking-green) !important;
}

/* Carry the FixKING palette into the application without changing form behavior. */
body.fixking-local-theme toolbar .toolbar,
body.fixking-local-theme mat-toolbar.mat-toolbar {
    border-bottom: 1px solid rgba(243, 182, 31, .18) !important;
    background: #ffffff !important;
    box-shadow: 0 4px 18px rgba(7, 9, 10, .06) !important;
}

body.fixking-local-theme .page-layout > .header.accent,
body.fixking-local-theme .page-layout .header.accent {
    color: var(--fixking-white) !important;
    background:
        radial-gradient(circle at 90% 10%, rgba(84, 226, 61, .14), transparent 35%),
        linear-gradient(120deg, #090c0d, #151b1e) !important;
    border-bottom: 3px solid var(--fixking-gold) !important;
}

body.fixking-local-theme .mat-raised-button.mat-accent,
body.fixking-local-theme .mat-flat-button.mat-accent,
body.fixking-local-theme button.accent {
    color: #080a0b !important;
    background: var(--fixking-gold) !important;
}

body.fixking-local-theme .mat-raised-button.mat-primary,
body.fixking-local-theme .mat-flat-button.mat-primary {
    color: #071007 !important;
    background: var(--fixking-green) !important;
}

body.fixking-local-theme .mat-tab-group.mat-primary .mat-ink-bar,
body.fixking-local-theme .mat-tab-nav-bar.mat-primary .mat-ink-bar {
    background: var(--fixking-gold) !important;
}

body.fixking-local-theme .mat-checkbox-checked.mat-accent .mat-checkbox-background,
body.fixking-local-theme .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle,
body.fixking-local-theme .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
    border-color: var(--fixking-gold) !important;
    background: var(--fixking-gold) !important;
}

body.fixking-local-theme a:not(.nav-link):not(#business-cockpit-launcher) {
    text-decoration-color: rgba(243, 182, 31, .55);
}

body.fixking-local-theme :focus-visible {
    outline: 3px solid rgba(84, 226, 61, .72) !important;
    outline-offset: 2px !important;
}

#business-cockpit-launcher {
    display: none !important;
}

#local-safety-banner {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2147483647;
    min-height: 34px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 7px 16px;
    color: var(--fixking-white);
    border-top: 1px solid rgba(243, 182, 31, .72);
    background: linear-gradient(90deg, #07090a, #101617 50%, #07090a);
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .09em;
    text-align: center;
    pointer-events: none;
    box-shadow: 0 -8px 30px rgba(0, 0, 0, .22);
}

#local-safety-banner::before {
    content: "●";
    margin-right: 10px;
    color: var(--fixking-green);
    text-shadow: 0 0 12px rgba(84, 226, 61, .72);
}

#local-safety-banner.local-safety-blocked {
    color: #fff;
    border-top-color: #ff5a5f;
    background: #a71118;
}

#local-safety-banner.local-safety-blocked::before {
    color: #fff;
}

/* FixKING workspace v2 — restrained chrome, semantic states and denser information. */
body.fixking-local-theme .left-navbar .navbar-top {
    background: #10161a !important;
    box-shadow: inset 0 2px 0 var(--fixking-gold) !important;
}

body.fixking-local-theme .left-navbar .navbar-scroll-container {
    background: #0f1417 !important;
}

body.fixking-local-theme .left-navbar .user {
    min-height: 76px !important;
    padding: 15px 20px !important;
    background: #131a1e !important;
}

body.fixking-local-theme .left-navbar .navbar-top .logo::after {
    color: #7fcf9e;
}

body.fixking-local-theme .left-navbar .logo-icon {
    border-color: rgba(201, 151, 43, .34);
    box-shadow: none;
}

body.fixking-local-theme .left-navbar .nav-link:hover {
    color: #fff !important;
    border-color: rgba(255, 255, 255, .07) !important;
    background: #192126 !important;
    transform: none;
}

body.fixking-local-theme .left-navbar .nav-link.active,
body.fixking-local-theme .left-navbar .nav-link.active.accent,
body.fixking-local-theme .left-navbar .nav-link[data-fixking-cockpit="true"].active {
    color: #fff !important;
    border-color: rgba(201, 151, 43, .24) !important;
    border-left: 3px solid var(--fixking-gold) !important;
    background: #1c2429 !important;
    box-shadow: none !important;
}

body.fixking-local-theme .left-navbar .nav-link.active .nav-link-icon,
body.fixking-local-theme .left-navbar .nav-link.active.accent .nav-link-icon {
    color: var(--fixking-gold-soft) !important;
}

body.fixking-local-theme .left-navbar .nav-link[data-fixking-cockpit="true"] {
    color: #cbd5da !important;
    border-color: transparent !important;
    background: transparent !important;
}

body.fixking-local-theme .left-navbar .nav-link[data-fixking-cockpit="true"] .nav-link-icon {
    color: #76c895 !important;
}

body.fixking-local-theme .left-navbar .nav-link[data-fixking-cockpit="true"]:hover {
    color: #fff !important;
    border-color: rgba(255, 255, 255, .07) !important;
    background: #192126 !important;
}

body.fixking-local-theme toolbar mat-toolbar.mat-toolbar,
body.fixking-local-theme toolbar mat-toolbar.mat-toolbar > div[fxfill] {
    color: #e9eef0 !important;
    background: #151c20 !important;
    border-bottom-color: rgba(201, 151, 43, .26) !important;
    box-shadow: 0 4px 18px rgba(11, 15, 18, .14) !important;
}

body.fixking-local-theme toolbar mat-toolbar button,
body.fixking-local-theme toolbar mat-toolbar mat-icon {
    color: #d7dfe3 !important;
}

body.fixking-local-theme .page-layout .content,
body.fixking-local-theme content .content {
    background: var(--fixking-canvas) !important;
}

body.fixking-local-theme .mat-card,
body.fixking-local-theme .my-card,
body.fixking-local-theme .mat-expansion-panel,
body.fixking-local-theme .mat-dialog-container {
    border: 1px solid #d9e0e3 !important;
    border-radius: 12px !important;
    background: #fff !important;
    box-shadow: 0 10px 30px rgba(18, 28, 34, .08) !important;
}

body.fixking-local-theme .mat-form-field-appearance-outline .mat-form-field-outline {
    color: #c5cfd4 !important;
}

body.fixking-local-theme .mat-form-field.mat-focused .mat-form-field-label {
    color: #926c18 !important;
}

body.fixking-local-theme .mat-form-field.mat-focused .mat-form-field-ripple,
body.fixking-local-theme .mat-form-field.mat-focused .mat-form-field-outline-thick {
    color: var(--fixking-gold) !important;
    background-color: var(--fixking-gold) !important;
}

body.fixking-local-theme button.mat-button,
body.fixking-local-theme button.mat-raised-button,
body.fixking-local-theme button.mat-flat-button,
body.fixking-local-theme button.mat-stroked-button {
    border-radius: 8px !important;
    font-weight: 700 !important;
    letter-spacing: .01em;
}

body.fixking-case-page .page-layout .header.accent {
    min-height: 118px !important;
    color: #f7f9fa !important;
    background: linear-gradient(115deg, #11181c 0%, #1b2429 72%, #222c31 100%) !important;
    border-bottom: 2px solid var(--fixking-gold) !important;
    box-shadow: none !important;
}

body.fixking-case-page .page-layout .header .logo .logo-text,
body.fixking-case-page .page-layout .header .logo span {
    font-weight: 800 !important;
    letter-spacing: -.015em;
}

body.fixking-case-page .page-layout .header .search-wrapper {
    border: 1px solid rgba(255, 255, 255, .14) !important;
    border-radius: 10px !important;
    background: rgba(255, 255, 255, .08) !important;
    box-shadow: none !important;
}

body.fixking-case-page .page-layout .header .search-wrapper input,
body.fixking-case-page .page-layout .header .search-wrapper mat-icon {
    color: #fff !important;
}

body.fixking-case-page .page-layout .header .mat-raised-button.mat-warn {
    color: #11161a !important;
    background: var(--fixking-gold-soft) !important;
    box-shadow: none !important;
}

body.fixking-case-page .page-layout .header .mat-fab.mat-accent {
    color: #eef4f1 !important;
    background: #287349 !important;
    box-shadow: none !important;
}

body.fixking-case-page .page-layout .content {
    padding: 18px 22px 62px !important;
}

#fixking-case-summary {
    margin: 0 0 16px;
    padding: 18px;
    border: 1px solid #d6dde1;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(18, 28, 34, .055);
    font-family: "Segoe UI", Arial, sans-serif;
}

#fixking-case-summary .fixking-summary-heading {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 14px;
}

#fixking-case-summary .fixking-summary-heading > div {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

#fixking-case-summary .fixking-summary-heading span {
    color: #8a6618;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .14em;
}

#fixking-case-summary .fixking-summary-heading strong {
    color: #172027;
    font-size: 20px;
    line-height: 1.15;
}

#fixking-case-summary .fixking-summary-heading small {
    color: #738087;
    font-size: 12px;
}

#fixking-case-summary .fixking-summary-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 10px;
}

#fixking-case-summary article {
    min-width: 0;
    padding: 13px 14px;
    border: 1px solid #e0e6e9;
    border-top: 3px solid var(--metric-color, #6d7a81);
    border-radius: 9px;
    background: #f8fafb;
}

#fixking-case-summary article > span,
#fixking-case-summary article > small {
    display: block;
    color: #68767d;
    font-size: 11px;
}

#fixking-case-summary article > span {
    font-weight: 750;
    text-transform: uppercase;
    letter-spacing: .05em;
}

#fixking-case-summary article > strong {
    display: block;
    margin: 4px 0 2px;
    color: #172027;
    font-size: 27px;
    line-height: 1;
}

#fixking-case-summary article[data-tone="active"] { --metric-color: #526a77; }
#fixking-case-summary article[data-tone="new"] { --metric-color: #2f6f9f; }
#fixking-case-summary article[data-tone="waiting"] { --metric-color: #d97706; }
#fixking-case-summary article[data-tone="invoice"] { --metric-color: #c2413a; }
#fixking-case-summary article[data-tone="closed"] { --metric-color: #249b55; }

#fixking-case-analytics {
    margin: 0 0 18px;
    padding: 18px;
    border: 1px solid #d6dde1;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(18, 28, 34, .055);
    font-family: "Segoe UI", Arial, sans-serif;
}

#fixking-case-analytics .fixking-analytics-heading,
#fixking-case-list-heading {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 16px;
}

#fixking-case-analytics .fixking-analytics-heading {
    margin-bottom: 14px;
}

#fixking-case-analytics .fixking-analytics-heading > div,
#fixking-case-list-heading > div {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

#fixking-case-analytics .fixking-analytics-heading span,
#fixking-case-list-heading span {
    color: #8a6618;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .14em;
}

#fixking-case-analytics .fixking-analytics-heading strong,
#fixking-case-list-heading strong {
    color: #172027;
    font-size: 20px;
    line-height: 1.15;
}

#fixking-case-analytics .fixking-analytics-heading small,
#fixking-case-list-heading > small {
    color: #738087;
    font-size: 12px;
}

#fixking-case-analytics .fixking-analytics-grid {
    display: grid;
    grid-template-columns: 1.1fr 1fr 1fr;
    gap: 12px;
}

#fixking-case-analytics .fixking-chart-card {
    min-width: 0;
    min-height: 210px;
    padding: 16px;
    border: 1px solid #dde4e7;
    border-radius: 11px;
    background: #f8fafb;
}

#fixking-case-analytics .fixking-chart-title {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 14px;
}

#fixking-case-analytics .fixking-chart-title > span {
    color: #1d2930;
    font-size: 14px;
    font-weight: 800;
}

#fixking-case-analytics .fixking-chart-title > small {
    color: #7a878e;
    font-size: 10px;
    text-align: right;
}

#fixking-case-analytics .fixking-donut-wrap {
    display: grid;
    grid-template-columns: 120px 1fr;
    align-items: center;
    gap: 16px;
}

#fixking-case-analytics .fixking-donut {
    position: relative;
    width: 116px;
    height: 116px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #e4e9eb;
}

#fixking-case-analytics .fixking-donut::after {
    content: "";
    position: absolute;
    inset: 18px;
    border-radius: 50%;
    background: #f8fafb;
}

#fixking-case-analytics .fixking-donut > span,
#fixking-case-analytics .fixking-donut > small {
    position: relative;
    z-index: 1;
}

#fixking-case-analytics .fixking-donut > span {
    color: #172027;
    font-size: 27px;
    font-weight: 900;
    line-height: 1;
}

#fixking-case-analytics .fixking-donut > small {
    margin-top: 3px;
    color: #75828a;
    font-size: 9px;
    text-transform: uppercase;
}

#fixking-case-analytics .fixking-chart-legend {
    display: grid;
    gap: 6px;
    margin: 0;
    padding: 0;
    list-style: none;
}

#fixking-case-analytics .fixking-chart-legend li {
    display: grid;
    grid-template-columns: 8px 1fr auto;
    align-items: center;
    gap: 7px;
    color: #5b6970;
    font-size: 10px;
}

#fixking-case-analytics .fixking-chart-legend i {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #6f887b;
}

#fixking-case-analytics [data-status-key="new"] i { background: #2f6f9f; }
#fixking-case-analytics [data-status-key="in-progress"] i { background: #b88817; }
#fixking-case-analytics [data-status-key="waiting"] i { background: #d97706; }
#fixking-case-analytics [data-status-key="invoice"] i { background: #c2413a; }
#fixking-case-analytics [data-status-key="closed"] i { background: #6f887b; }

#fixking-case-analytics .fixking-chart-legend strong {
    color: #1d2930;
    font-size: 11px;
}

#fixking-case-analytics .fixking-flow-bars {
    display: grid;
    gap: 15px;
    margin-top: 6px;
}

#fixking-case-analytics .fixking-flow-bars > div {
    display: grid;
    grid-template-columns: 112px minmax(60px, 1fr) 24px;
    align-items: center;
    gap: 8px;
    color: #536168;
    font-size: 10px;
}

#fixking-case-analytics .fixking-flow-bars > div > div {
    height: 8px;
    overflow: hidden;
    border-radius: 999px;
    background: #e4e9eb;
}

#fixking-case-analytics .fixking-flow-bars i {
    display: block;
    width: 0;
    height: 100%;
    border-radius: inherit;
    background: #526a77;
    transition: width .25s ease;
}

#fixking-case-analytics [data-flow-key="new"] i { background: #2f6f9f; }
#fixking-case-analytics [data-flow-key="in-progress"] i { background: #b88817; }
#fixking-case-analytics [data-flow-key="waiting"] i { background: #d97706; }
#fixking-case-analytics [data-flow-key="invoice"] i { background: #c2413a; }

#fixking-case-analytics .fixking-flow-bars strong {
    color: #26343b;
    text-align: right;
}

#fixking-case-analytics .fixking-age-chart {
    height: 150px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    align-items: end;
    gap: 10px;
    padding-top: 4px;
}

#fixking-case-analytics .fixking-age-chart > div {
    height: 100%;
    display: grid;
    grid-template-rows: 1fr auto auto;
    justify-items: center;
    gap: 4px;
}

#fixking-case-analytics .fixking-age-chart > div > span {
    width: 28px;
    height: 100%;
    display: flex;
    align-items: end;
    overflow: hidden;
    border-radius: 6px 6px 3px 3px;
    background: #e4e9eb;
}

#fixking-case-analytics .fixking-age-chart i {
    display: block;
    width: 100%;
    height: 0;
    border-radius: inherit;
    background: #5d7784;
    transition: height .25s ease;
}

#fixking-case-analytics [data-age-key="3-7"] i { background: #b88817; }
#fixking-case-analytics [data-age-key="8-14"] i { background: #d97706; }
#fixking-case-analytics [data-age-key="15+"] i { background: #c2413a; }

#fixking-case-analytics .fixking-age-chart strong {
    color: #26343b;
    font-size: 12px;
}

#fixking-case-analytics .fixking-age-chart small {
    color: #77858c;
    font-size: 9px;
    white-space: nowrap;
}

#fixking-case-list-heading {
    margin: 2px 2px 10px;
    padding: 0 2px;
}

body.fixking-case-page .my-filter {
    margin: 0 0 14px !important;
    overflow: hidden;
    border: 1px solid #d4dde1 !important;
    border-radius: 11px !important;
    background: #fff !important;
    box-shadow: none !important;
}

body.fixking-case-page .my-filter-header {
    color: #eef2f4 !important;
    background: #273137 !important;
}

body.fixking-case-page .my-filter-content {
    color: #253138 !important;
    background: #fff !important;
}

body.fixking-case-page mat-table.mat-table {
    overflow: hidden;
    border: 1px solid #d4dde1 !important;
    border-radius: 12px 12px 0 0 !important;
    background: #fff !important;
    box-shadow: 0 10px 28px rgba(18, 28, 34, .065) !important;
}

body.fixking-case-page mat-header-row.mat-header-row {
    min-height: 48px !important;
    color: #eef3f5 !important;
    background: #202a2f !important;
    border-bottom: 0 !important;
}

body.fixking-case-page mat-header-cell.mat-header-cell {
    color: #eef3f5 !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: .055em;
    text-transform: uppercase;
}

body.fixking-case-page mat-row.mat-row {
    min-height: 58px !important;
    color: #28343a !important;
    background: #fff !important;
    border-bottom: 1px solid #e3e8eb !important;
    box-shadow: inset 3px 0 0 var(--case-color, transparent);
    transition: background .14s ease, box-shadow .14s ease !important;
}

body.fixking-case-page mat-row.mat-row:nth-child(odd) {
    background: #f8fafb !important;
}

body.fixking-case-page mat-row.mat-row:hover {
    background: #fff9ed !important;
    box-shadow: inset 4px 0 0 var(--case-color, var(--fixking-gold));
}

body.fixking-case-page mat-cell.mat-cell {
    color: #344249 !important;
    font-size: 12px !important;
    line-height: 1.3;
}

body.fixking-case-page mat-cell.mat-column-id {
    color: #172027 !important;
    font-weight: 850 !important;
    font-variant-numeric: tabular-nums;
}

body.fixking-case-page mat-cell.mat-column-state {
    align-self: center;
    min-height: 34px;
    margin: 7px 10px 7px 0 !important;
    padding: 7px 10px !important;
    border: 1px solid var(--case-border, #ccd5da);
    border-radius: 8px;
    color: var(--case-text, #43535b) !important;
    background: var(--case-bg, #eef2f4) !important;
    font-weight: 750 !important;
    box-sizing: border-box;
}

body.fixking-case-page [data-fixking-status="new"] {
    --case-color: #2f6f9f;
    --case-bg: #e8f2fb;
    --case-border: #a8cce7;
    --case-text: #245d87;
}

body.fixking-case-page [data-fixking-status="in-progress"] {
    --case-color: #b88817;
    --case-bg: #fff6df;
    --case-border: #e7c35b;
    --case-text: #7a5205;
}

body.fixking-case-page [data-fixking-status="waiting-customer"] {
    --case-color: #7c5cc4;
    --case-bg: #f3edfb;
    --case-border: #cbb7e9;
    --case-text: #654397;
}

body.fixking-case-page [data-fixking-status="waiting-payment"] {
    --case-color: #d97706;
    --case-bg: #fff0e2;
    --case-border: #efb27b;
    --case-text: #984700;
}

body.fixking-case-page [data-fixking-status="invoice"] {
    --case-color: #c2413a;
    --case-bg: #ffe8e6;
    --case-border: #e8a29d;
    --case-text: #963a34;
}

body.fixking-case-page [data-fixking-status="ready"] {
    --case-color: #249b55;
    --case-bg: #e7f7ed;
    --case-border: #99d4ae;
    --case-text: #1e7844;
}

body.fixking-case-page [data-fixking-status="closed"] {
    --case-color: #789084;
    --case-bg: #edf2ef;
    --case-border: #c7d5cc;
    --case-text: #4e6658;
}

body.fixking-case-page [data-fixking-status="closed-warning"] {
    --case-color: #c59322;
    --case-bg: #fff4df;
    --case-border: #e8c77e;
    --case-text: #80570b;
}

body.fixking-case-page [data-fixking-status="risk"] {
    --case-color: #b63833;
    --case-bg: #fde7e6;
    --case-border: #e79b97;
    --case-text: #8f302c;
}

body.fixking-case-page mat-paginator.mat-paginator {
    border: 1px solid #d4dde1;
    border-top: 0;
    border-radius: 0 0 12px 12px;
    color: #4a5960 !important;
    background: #fff !important;
}

body.fixking-local-theme .my-overlay {
    background: rgba(8, 12, 14, .66) !important;
    backdrop-filter: blur(2px);
}

body.fixking-local-theme app-side-modal-instance .my-card,
body.fixking-local-theme app-service-case-overview .my-card {
    overflow: hidden;
    border-radius: 14px !important;
}

body.fixking-local-theme .my-address-header,
body.fixking-local-theme .my-table-3-header {
    color: #f2f5f6 !important;
    background: #202a2f !important;
}

body.fixking-local-theme .my-table-3-cell {
    color: #344249 !important;
    background: #f8fafb !important;
    border-color: #dfe5e8 !important;
}

body.fixking-local-theme .my-table-3-cell.done,
body.fixking-local-theme .done {
    color: #1c7040 !important;
    background: #e8f6ed !important;
}

body.fixking-local-theme mat-expansion-panel-header.mat-expansion-panel-header {
    color: #243138 !important;
    background: #f7f9fa !important;
    border-bottom: 1px solid #e0e6e9;
}

body.fixking-local-theme mat-expansion-panel-header.mat-expanded {
    background: #eef2f4 !important;
}

@media (max-width: 1100px) {
    #fixking-case-summary .fixking-summary-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    #fixking-case-analytics .fixking-analytics-grid {
        grid-template-columns: 1fr 1fr;
    }

    #fixking-case-analytics .fixking-status-card {
        grid-column: span 2;
    }
}

@media (max-width: 720px) {
    body.fixking-case-page .page-layout .content {
        padding: 12px 10px 54px !important;
    }

    #fixking-case-summary .fixking-summary-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    #fixking-case-analytics .fixking-analytics-grid {
        grid-template-columns: 1fr;
    }

    #fixking-case-analytics .fixking-status-card {
        grid-column: auto;
    }
}

@media (max-width: 959px) {
    body.fixking-local-theme .left-navbar .navbar-top .logo::after {
        display: none;
    }

    body.fixking-local-theme .left-navbar .logo-text {
        margin-top: 0 !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.fixking-local-theme .left-navbar .nav-link {
        transition: none !important;
    }
}

/*
 * Perfect Scrollbar keeps its host at overflow:hidden and expects pointer
 * dragging.  On Windows touch displays that can suppress native panning
 * completely.  Keep the library markup, but let every active scroll host use
 * the browser's native kinetic scrolling when a touch digitizer is present.
 */
html.fixking-touch-device .ps.ps--active-y,
html.fixking-touch-device .ps.ps--active-x,
html.fixking-touch-device .navbar-scroll-container.ps,
html.fixking-touch-device .page-layout .container.ps {
    overflow: auto !important;
    touch-action: pan-x pan-y pinch-zoom !important;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
}

html.fixking-touch-device .mat-drawer-content,
html.fixking-touch-device app-service-case-overview .my-card,
html.fixking-touch-device .table-wrap {
    touch-action: pan-x pan-y pinch-zoom !important;
    -webkit-overflow-scrolling: touch;
}