/* Overlay stack must beat local Tailwind utility z-index rules. */
        #entity-panel,
        #supervisor-panel,
        #service-panel,
        #domain-panel,
        #judge-panel,
        #kpi-panel,
        #criterion-panel,
        #user-panel {
            z-index: 10000 !important;
            top: 0 !important;
            height: 100vh !important;
        }

        #main-backdrop,
        #panel-backdrop,
        #user-backdrop,
        #kpi-backdrop {
            z-index: 9990 !important;
        }

        /* ── Migrated view-local styles ── */

        /* Source: app/Views/core/service/index.php */
/* ── بطاقات صغيرة ── */
.domain-mini-btn { text-align:right; }
.domain-mini-btn:hover {
    transform: translateY(-2px);
    box-shadow: var(--ui-card-shadow) !important;
    border-color: var(--ui-card-button-border) !important;
}
.domain-mini-btn.active {
    border-color: var(--ui-card-button-border) !important;
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--ui-card-button-border) 35%, transparent), var(--ui-card-shadow) !important;
}

/* ── منطقة التفاصيل ── */
.domain-detail {
    animation: slideDown .25s cubic-bezier(.25,.46,.45,.94);
}
@keyframes slideDown {
    from { opacity:0; transform:translateY(-12px); }
    to   { opacity:1; transform:translateY(0); }
}

/* Unified core cards: apply card theme tokens everywhere except the card background. */
.domain-mini-btn,
.entity-mini-btn,
.judge-mini-btn,
.user-mini-btn,
.user-item,
#cards-view article,
.domain-detail > .rounded-2xl,
.entity-detail > .rounded-2xl,
.judge-detail > .rounded-2xl {
    border-color: var(--ui-card-border) !important;
    border-width: var(--ui-card-border-width) !important;
    border-radius: var(--ui-card-radius) !important;
    box-shadow: var(--ui-card-shadow) !important;
    margin-block: var(--ui-card-margin-y) !important;
    transition: background var(--tr), border-color var(--tr), box-shadow var(--tr), transform var(--tr) !important;
}

.domain-mini-btn > div:last-child,
.entity-mini-btn > div:last-child,
.judge-mini-btn > div:last-child,
.user-mini-btn > div:last-child,
.user-item > div:not(:first-child):not(:last-child),
#cards-view article > div:not(:first-child),
.domain-detail > .rounded-2xl > div:not(:first-child),
.entity-detail > .rounded-2xl > div:not(:first-child),
.judge-detail > .rounded-2xl > div:not(:first-child) {
    padding: var(--ui-card-padding) !important;
}

.domain-mini-btn > div:last-child,
.entity-mini-btn > div:last-child,
.judge-mini-btn > div:last-child,
.user-mini-btn > div:last-child {
    display: flex !important;
    flex-direction: column !important;
    gap: var(--ui-card-gap) !important;
}

.domain-mini-btn [style*="font-size:12px"],
.entity-mini-btn [style*="font-size:12px"],
.judge-mini-btn [style*="font-size:12px"],
.user-mini-btn [style*="font-size:13px"],
.user-item h3,
#cards-view article h3,
.domain-detail h2,
.entity-detail [style*="font-size:15px"],
.judge-detail [style*="font-size:15px"] {
    color: var(--ui-card-title) !important;
    font-size: var(--ui-card-title-size) !important;
}

.domain-mini-btn [style*="color:var(--ui-card-text)"],
.entity-mini-btn [style*="color:var(--c-text-muted)"],
.entity-mini-btn [style*="color:var(--c-text-primary)"] + div,
.judge-mini-btn [style*="color:var(--c-text-muted)"],
.user-mini-btn [style*="color:var(--txt-muted)"],
.user-mini-btn [style*="color:var(--txt-secondary)"],
.user-item p,
#cards-view article p,
.domain-detail p,
.entity-detail [style*="color:var(--c-text-muted)"],
.entity-detail [style*="color:var(--c-text-secondary)"],
.judge-detail [style*="color:var(--c-text-muted)"],
.judge-detail [style*="color:var(--c-text-secondary)"] {
    color: var(--ui-card-text) !important;
    font-size: var(--ui-card-text-size) !important;
}

.domain-mini-btn > div:last-child > .flex:first-child > div:first-child,
.entity-mini-btn > div:last-child > div:first-child,
.judge-mini-btn > div:last-child > div:first-child,
.user-mini-btn > div:last-child > div:first-child > div:first-child,
.user-item .w-12,
#cards-view article [style*="width:42px"],
.domain-detail [style*="width:44px"],
.entity-detail [style*="width:44px"],
.entity-detail [style*="width:40px"],
.judge-detail [style*="width:48px"],
.judge-detail [style*="width:40px"] {
    background: var(--ui-card-icon-bg) !important;
    color: var(--ui-card-icon-color) !important;
    border: var(--ui-card-border-width) solid var(--ui-card-border) !important;
    border-radius: var(--ui-card-inner-radius) !important;
    font-size: var(--ui-card-icon-size) !important;
}

.domain-mini-btn span,
.entity-mini-btn span,
.judge-mini-btn span,
.user-mini-btn span,
.user-item span,
#cards-view article span,
.domain-detail span,
.entity-detail span,
.judge-detail span {
    border-radius: var(--ui-card-inner-radius) !important;
}

.domain-mini-btn span,
.entity-mini-btn span,
.judge-mini-btn span,
.user-mini-btn span,
.user-item span:not([style*="var(--white)"]),
#cards-view article span,
.domain-detail .judge-pill,
.domain-detail span[style*="px-2"],
.entity-detail span,
.judge-detail span {
    background: var(--ui-card-badge-bg) !important;
    color: var(--ui-card-badge-text) !important;
    border-color: var(--ui-card-badge-border) !important;
}

.domain-detail button,
.entity-detail button,
.judge-detail button,
.user-mini-btn button,
.user-item button,
.user-item a,
#cards-view article button {
    background: var(--ui-card-button-bg) !important;
    color: var(--ui-card-button-text) !important;
    border: var(--ui-card-border-width) solid var(--ui-card-button-border) !important;
    border-radius: var(--ui-card-inner-radius) !important;
    font-size: var(--ui-card-button-size) !important;
    box-shadow: var(--ui-btn-shadow) !important;
}

.domain-detail .rounded-xl,
.domain-detail .rounded-lg,
.entity-detail .rounded-xl,
.entity-detail .rounded-lg,
.judge-detail .rounded-xl,
.judge-detail .rounded-lg,
.user-item .rounded-xl,
.user-item .rounded-lg {
    border-radius: var(--ui-card-inner-radius) !important;
    border-color: var(--ui-card-border) !important;
}

        /* Source: app/Views/core/entities/index.php */
.entity-mini-btn {
    display:block; width:100%; text-align:right; cursor:pointer;
    border:var(--ui-card-border-width) solid var(--ui-card-border);
    border-radius:14px; overflow:hidden;
    transition:all .18s cubic-bezier(.25,.46,.45,.94);
    box-shadow:0 1px 4px rgba(var(--black-rgb),.06);
}
.entity-mini-btn:hover { transform:translateY(-2px); box-shadow:var(--ui-card-shadow)!important; border-color:var(--ui-card-button-border)!important; }
.entity-mini-btn.active { border-color:var(--ui-card-button-border)!important; box-shadow:0 0 0 2px color-mix(in srgb,var(--ui-card-button-border) 35%,transparent), var(--ui-card-shadow)!important; }
.entity-detail { animation:slideEntityDown .22s cubic-bezier(.25,.46,.45,.94); }
@keyframes slideEntityDown { from{opacity:0;transform:translateY(-10px)} to{opacity:1;transform:translateY(0)} }

        /* Source: app/Views/core/judge/assignments.php */
.judge-mini-btn {
    display:block; width:100%; text-align:right; cursor:pointer;
    border:var(--ui-card-border-width) solid var(--ui-card-border);
    border-radius:14px; overflow:hidden;
    transition:all .18s cubic-bezier(.25,.46,.45,.94);
    box-shadow:0 1px 4px rgba(var(--black-rgb),.06);
}
.judge-mini-btn:hover { transform:translateY(-2px); box-shadow:var(--ui-card-shadow)!important; border-color:var(--ui-card-button-border)!important; }
.judge-mini-btn.active { border-color:var(--ui-card-button-border)!important; box-shadow:0 0 0 2px color-mix(in srgb,var(--ui-card-button-border) 35%,transparent), var(--ui-card-shadow)!important; }
.judge-detail { animation:slideJudgeDown .22s cubic-bezier(.25,.46,.45,.94); }
@keyframes slideJudgeDown { from{opacity:0;transform:translateY(-10px)} to{opacity:1;transform:translateY(0)} }

        /* Source: app/Views/core/users.php */
.user-mini-btn:hover { transform:translateY(-2px); box-shadow:var(--ui-card-shadow)!important; border-color:var(--ui-card-button-border)!important; }

        /* Source: app/Views/entities/dashboard/index.php */
a.group:hover { transform:translateY(-2px) !important; box-shadow:var(--card-shadow-hover) !important; border-color:var(--bdr-accent) !important; }

        /* Source: app/Views/public/forgot_password_view.php */
.auth-screen { min-height:100vh; display:flex; flex-direction:column; overflow:auto; background:var(--bg-page); }
        .auth-screen::before, .auth-screen::after { display:none; }
        .auth-page { flex:1; display:flex; align-items:center; justify-content:center; padding:32px 20px; position:relative; }
        .auth-page::before { content:""; position:absolute; inset:0; background:radial-gradient(ellipse 70% 50% at 50% -10%,rgba(var(--t-rgb),.12),transparent),linear-gradient(var(--bg-page),var(--bg-page-alt)); }
        .auth-page::after { content:""; position:absolute; inset:0; background-image:linear-gradient(var(--bdr-subtle) 1px,transparent 1px),linear-gradient(90deg,var(--bdr-subtle) 1px,transparent 1px); background-size:32px 32px; mask-image:linear-gradient(to bottom,rgba(var(--black-rgb),.2),transparent); }
        .auth-card { position:relative; z-index:1; width:100%; max-width:420px; background:var(--card-bg); border:1px solid var(--card-border); border-radius:16px; box-shadow:0 24px 64px rgba(var(--ink-rgb),.14); overflow:hidden; transition:background var(--dur-slow),border-color var(--dur-slow); }
        .auth-hero { background:linear-gradient(160deg,var(--auth-hero-start),var(--auth-hero-mid) 52%,var(--auth-hero-end)); padding:28px 28px 24px; text-align:center; position:relative; }
        .auth-hero::before { content:""; position:absolute; inset:0; background:radial-gradient(ellipse 80% 60% at 50% 100%,rgba(var(--t-rgb),.2),transparent); }
        .auth-brand-logo { position:relative; z-index:1; display:block; width:78px; height:52px; object-fit:contain; margin:0 auto 13px; padding:0; border-radius:0; background:transparent; border:0; box-shadow:none; }
        .auth-hero-icon { position:relative; z-index:1; display:inline-flex; padding:12px; border-radius:12px; background:var(--ui-card-badge-bg); border:var(--ui-btn-border-width) solid var(--ui-btn-primary-border-final); color:var(--awt); margin-bottom:12px; }
        .auth-hero-title { position:relative; z-index:1; font-size:18px; font-weight:900; color:var(--white); margin:0; }
        .auth-hero-sub { position:relative; z-index:1; font-size:12px; color:rgba(var(--hero-chip-rgb),.7); margin-top:6px; }
        .auth-body { padding:28px; }
        .auth-input { width:100%; padding:11px 14px; background:var(--input-bg); border:1px solid var(--input-border); border-radius:9px; color:var(--txt-primary); font-size:14px; font-weight:600; transition:all var(--dur); }
        .auth-input:focus { outline:none; border-color:var(--input-focus-border); box-shadow:var(--input-focus-ring); }
        .auth-input::placeholder { color:var(--txt-muted); }
        .auth-btn { width:100%; padding:13px 20px; background:var(--btn-primary-bg); color:var(--white); border:var(--ui-btn-border-width) solid var(--ui-btn-primary-border-final); border-radius:9px; font-size:14px; font-weight:900; box-shadow:var(--btn-primary-shadow); cursor:pointer; display:flex; align-items:center; justify-content:center; gap:8px; transition:all var(--dur); margin-top:20px; }
        .auth-btn:hover { transform:translateY(-2px); box-shadow:var(--btn-primary-hover-shadow); }
        .auth-footer-link { text-align:center; margin-top:20px; padding-top:18px; border-top:1px solid var(--bdr); font-size:12px; color:var(--txt-muted); }
        .auth-footer-link a { color:var(--clr-teal); font-weight:700; }
        .auth-label { display:block; font-size:12.5px; font-weight:900; color:var(--txt-primary); margin-bottom:7px; }
        .alert-success { display:flex; align-items:flex-start; gap:8px; padding:11px 14px; border-radius:9px; border:1px solid var(--alert-success-bdr); background:var(--alert-success-bg); color:var(--alert-success-txt); font-size:13px; font-weight:700; margin-bottom:18px; }
        .page-footer { background:var(--bg-surface); border-top:1px solid var(--bdr); padding:14px; text-align:center; font-size:11.5px; color:var(--txt-muted); transition:background var(--dur-slow),border-color var(--dur-slow); }
        .top-toggle { position:fixed; top:16px; left:16px; z-index:10; }

        /* Source: app/Views/public/login_view.php */
        /* Full-page gradient background */
        .login-page {
            flex: 1;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 24px;
            position: relative;
            overflow: hidden;
        }

        .login-page::before {
            content: "";
            position: absolute;
            inset: 0;
            background:
                radial-gradient(ellipse 80% 60% at 60% -10%, rgba(var(--t-rgb),.14), transparent),
                radial-gradient(ellipse 70% 50% at -10% 80%, rgba(var(--g-rgb),.10), transparent),
                linear-gradient(160deg, var(--bg-page) 0%, var(--bg-page-alt) 100%);
        }

        /* Grid texture */
        .login-page::after {
            content: "";
            position: absolute;
            inset: 0;
            background-image:
                linear-gradient(var(--bdr-subtle) 1px, transparent 1px),
                linear-gradient(90deg, var(--bdr-subtle) 1px, transparent 1px);
            background-size: 32px 32px;
            mask-image: linear-gradient(to bottom, rgba(var(--black-rgb),.25) 0%, transparent 100%);
        }

        .login-card {
            position: relative;
            z-index: 1;
            width: 100%;
            max-width: 960px;
            background: var(--card-bg);
            border: 1px solid var(--card-border);
            border-radius: 16px;
            box-shadow: 0 32px 80px rgba(var(--ink-rgb),.16), 0 2px 0 var(--card-border);
            overflow: hidden;
            display: grid;
            grid-template-columns: 1fr 1fr;
            transition: background var(--dur-slow) var(--ease), border-color var(--dur-slow) var(--ease);
        }

        /* Hero Panel */
        .login-hero {
            background: linear-gradient(180deg, rgba(var(--white-rgb),.06), rgba(var(--white-rgb),0) 24rem),
                        linear-gradient(160deg, var(--auth-hero-start) 0%, var(--auth-hero-mid) 52%, var(--auth-hero-end) 100%);
            padding: 44px 40px;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            min-height: 380px;
            position: relative;
            overflow: hidden;
        }

        .login-hero::before {
            content: "";
            position: absolute;
            inset: 0;
            background:
                radial-gradient(ellipse 80% 60% at 30% 100%, rgba(var(--t-rgb),.18), transparent),
                radial-gradient(ellipse 50% 40% at 80% 0%, rgba(var(--g-rgb),.12), transparent);
        }

        .hero-content { position: relative; z-index: 1; }
        .hero-footer  { position: relative; z-index: 1; }

        .login-brand-logo {
            width: 92px;
            height: 61px;
            margin: 0 0 18px auto;
        }

        .public-brand-logo {
            width: 104px;
            height: 69px;
            object-fit: contain;
            display: block;
            padding: 0;
            border-radius: 0;
            background: transparent;
            border: 0;
            box-shadow: none;
        }

        .hero-badge {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            padding: 5px 12px;
            border-radius: 7px;
            background: rgba(var(--brand-cyan-rgb),.16);
            border: 1px solid rgba(var(--brand-cyan-rgb),.34);
            color: #d8fbff;
            font-size: 11px;
            font-weight: 800;
        }

        .hero-badge-dot {
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background: var(--brand-cyan);
            box-shadow: 0 0 8px rgba(var(--brand-cyan-rgb),.8);
            animation: pulse-glow 2s ease-in-out infinite;
        }

        @keyframes pulse-glow {
            0%, 100% { opacity: 1; transform: scale(1); }
            50% { opacity: .6; transform: scale(.85); }
        }

        .login-hero-title {
            margin-top: 20px;
            font-size: 26px;
            font-weight: 900;
            color: #ffffff;
            line-height: 1.35;
            text-shadow: 0 2px 18px rgba(var(--black-rgb),.42);
        }

        .hero-desc {
            margin-top: 12px;
            font-size: 13.5px;
            font-weight: 600;
            color: rgba(var(--hero-chip-rgb),.9);
            line-height: 1.8;
            max-width: 340px;
        }

        .hero-tagline {
            margin-bottom: 8px;
            font-weight: 900;
            color: #ffffff;
        }

        .hero-stats {
            display: grid;
            grid-template-columns: repeat(5, minmax(0, 1fr));
            gap: 8px;
        }

        .hero-stat {
            background: rgba(var(--white-rgb),.09);
            border: 1px solid rgba(var(--white-rgb),.16);
            border-radius: 10px;
            padding: 11px 8px;
            transition: background var(--dur) var(--ease);
            text-align: center;
        }

        .hero-stat:hover { background: rgba(var(--white-rgb),.09); }

        .hero-stat-num {
            display: block;
            font-size: 18px;
            font-weight: 900;
            color: var(--white);
            line-height: 1;
        }

        .hero-stat-label {
            display: block;
            font-size: 10px;
            font-weight: 900;
            color: rgba(var(--hero-chip-rgb),.86);
            margin-top: 4px;
        }

        /* Form Panel */
        .login-form-panel {
            padding: 44px 40px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            background:
                linear-gradient(180deg, color-mix(in srgb, var(--card-bg) 94%, var(--white)) 0%, var(--card-bg) 100%);
            color: var(--txt-primary);
        }

        .form-header { margin-bottom: 28px; }

        .form-title {
            font-size: 20px;
            font-weight: 900;
            color: var(--txt-primary);
            line-height: 1.3;
            transition: color var(--dur-slow) var(--ease);
        }

        .form-subtitle {
            font-size: 13px;
            font-weight: 600;
            color: var(--txt-muted);
            margin-top: 5px;
            transition: color var(--dur-slow) var(--ease);
        }

        .form-group { margin-bottom: 18px; }

        .form-label {
            display: block;
            font-size: 12.5px;
            font-weight: 900;
            color: var(--txt-primary);
            margin-bottom: 7px;
            transition: color var(--dur-slow) var(--ease);
        }

        .form-input {
            width: 100%;
            padding: 11px 14px;
            background: var(--input-bg);
            border: 1px solid var(--input-border);
            border-radius: var(--radius-input);
            color: var(--txt-primary);
            font-size: 14px;
            font-weight: 600;
            box-shadow: var(--input-shadow);
            transition:
                background var(--dur-slow) var(--ease),
                border-color var(--dur) var(--ease),
                color var(--dur-slow) var(--ease),
                box-shadow var(--dur) var(--ease);
        }

        .form-input:focus {
            outline: none;
            border-color: var(--input-focus-border);
            box-shadow: var(--input-focus-ring);
        }

        .form-input::placeholder { color: var(--txt-muted); opacity: 1; }

        .form-link {
            font-size: 11.5px;
            font-weight: 700;
            color: var(--clr-teal);
            transition: color var(--dur) var(--ease), opacity var(--dur) var(--ease);
        }

        .form-link:hover { opacity: .75; }

        .login-btn {
            width: 100%;
            padding: 13px 20px;
            background: var(--btn-primary-bg);
            color: var(--btn-primary-txt);
            border: 1px solid rgba(var(--white-rgb),.12);
            border-radius: var(--radius-btn);
            font-size: 14px;
            font-weight: 900;
            box-shadow: var(--btn-primary-shadow);
            cursor: pointer;
            transition: all var(--dur) var(--ease);
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            margin-top: 24px;
        }

        .login-btn:hover {
            transform: translateY(-2px);
            box-shadow: var(--btn-primary-hover-shadow);
        }

        .login-btn:active { transform: translateY(0); }

        .alert-box {
            display: flex;
            align-items: flex-start;
            gap: 10px;
            padding: 11px 14px;
            border-radius: 9px;
            border: 1px solid;
            font-size: 13px;
            font-weight: 700;
            margin-bottom: 18px;
        }

        .alert-box.error {
            background: var(--alert-error-bg);
            border-color: var(--alert-error-bdr);
            color: var(--alert-error-txt);
        }

        .alert-box.success {
            background: var(--alert-success-bg);
            border-color: var(--alert-success-bdr);
            color: var(--alert-success-txt);
        }

        .field-error {
            font-size: 11.5px;
            font-weight: 700;
            color: var(--alert-error-txt);
            margin-top: 5px;
        }

        /* Theme toggle on login */
        .login-theme-toggle {
            position: absolute;
            top: 16px;
            left: 16px;
            z-index: 10;
        }

        .theme-toggle-btn {
            width: 54px;
            height: 54px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border: 1px solid var(--ui-btn-primary-border-final);
            border-radius: 14px;
            background: var(--btn-primary-bg);
            color: var(--ui-btn-primary-text);
            box-shadow: var(--btn-primary-shadow);
            cursor: pointer;
            transition: transform var(--tr), border-color var(--tr), background var(--tr), color var(--tr), box-shadow var(--tr);
        }

        .theme-toggle-btn svg {
            width: 34px;
            height: 34px;
            display: block;
            stroke: currentColor;
            stroke-width: 2.55;
        }

        .theme-toggle-btn .hidden {
            display: none !important;
        }

        .theme-toggle-btn:hover {
            transform: translateY(-1px);
            border-color: var(--ui-btn-primary-border-final);
            background: color-mix(in srgb, var(--btn-primary-bg) 88%, var(--white));
            box-shadow: var(--btn-primary-hover-shadow);
        }

        /* Footer */
        .login-footer {
            background: var(--bg-surface);
            border-top: 1px solid var(--bdr);
            padding: 14px 24px;
            text-align: center;
            font-size: 11.5px;
            font-weight: 850;
            color: var(--txt-primary);
            transition:
                background var(--dur-slow) var(--ease),
                border-color var(--dur-slow) var(--ease),
                color var(--dur-slow) var(--ease);
        }

        @media (max-width: 768px) {
            .login-card { grid-template-columns: 1fr; }
            .login-hero { display: none; }
            .login-form-panel { padding: 32px 24px; }
        }

        /* Source: app/Views/public/register_view.php */
* { box-sizing: border-box; letter-spacing: 0; }
        html, .auth-screen, .auth-screen * { font-family: var(--font-family-site) !important; }
        .register-screen {
            justify-content: space-between;
        }
        .register-screen::before {
            content: "";
            position: fixed;
            inset: 0;
            pointer-events: none;
            background-image:
                linear-gradient(rgba(var(--ink-rgb),.03) 1px, transparent 1px),
                linear-gradient(90deg, rgba(var(--ink-rgb),.03) 1px, transparent 1px);
            background-size: 28px 28px;
            mask-image: linear-gradient(to bottom, rgba(var(--black-rgb),.42), transparent 78%);
        }
        input:focus, select:focus {
            outline: none !important;
            border-color: var(--input-focus-border) !important;
            box-shadow: 0 0 0 3px var(--input-focus-ring) !important;
        }

        /*
         * Core card theme parity.
         * Services, entities, and judges intentionally inherit the same card
         * tokens used by users so local inline dimensions do not fork the UI.
         */
        :is(#domain-mini-list, #entity-mini-list, #judge-mini-list, #cards-view .grid) {
            gap: var(--ui-card-outer-gap) !important;
        }

        @media (min-width: 1024px) {
            :is(#domain-mini-list, #entity-mini-list, #judge-mini-list) {
                grid-template-columns: repeat(var(--ui-card-cols-desktop), minmax(0, 1fr)) !important;
            }
            .master-detail-layout.has-detail :is(#domain-mini-list, #entity-mini-list, #judge-mini-list),
            .master-detail-layout.detail-open :is(#domain-mini-list, #entity-mini-list, #judge-mini-list) {
                grid-template-columns: repeat(var(--ui-card-detail-cols), minmax(0, 1fr)) !important;
            }
        }

        @media (max-width: 1023px) and (min-width: 640px) {
            :is(#domain-mini-list, #entity-mini-list, #judge-mini-list) {
                grid-template-columns: repeat(var(--ui-card-cols-tablet), minmax(0, 1fr)) !important;
            }
        }

        @media (max-width: 639px) {
            :is(#domain-mini-list, #entity-mini-list, #judge-mini-list) {
                grid-template-columns: repeat(var(--ui-card-cols-mobile), minmax(0, 1fr)) !important;
            }
        }

        :is(.domain-mini-btn, .entity-mini-btn, .judge-mini-btn, .domain-detail > .rounded-2xl, .entity-detail > .rounded-2xl, .judge-detail > .rounded-2xl, #cards-view > .grid > div) {
            width: 100% !important;
            max-width: none !important;
            text-align: right !important;
            border-color: var(--ui-card-border) !important;
            border-width: var(--ui-card-border-width) !important;
            border-radius: var(--ui-card-radius) !important;
            box-shadow: var(--ui-card-shadow) !important;
            margin-block: var(--ui-card-margin-y) !important;
            transition: background var(--tr), border-color var(--tr), box-shadow var(--tr), transform var(--tr) !important;
        }

        :is(.domain-mini-btn, .entity-mini-btn, .judge-mini-btn):hover {
            transform: translateY(calc(var(--hover-lift) * -1)) !important;
            border-color: var(--ui-card-button-border) !important;
            box-shadow: var(--ui-card-shadow) !important;
        }

        :is(.domain-mini-btn, .entity-mini-btn, .judge-mini-btn).active {
            border-color: var(--ui-card-button-border) !important;
            box-shadow:
                0 0 0 2px color-mix(in srgb, var(--ui-card-button-border) 35%, transparent),
                var(--ui-card-shadow) !important;
        }

        :is(.domain-mini-btn, .entity-mini-btn, .judge-mini-btn) > div:last-child,
        :is(.domain-detail, .entity-detail, .judge-detail) > .rounded-2xl > div:not(:first-child),
        #cards-view > .grid > div > div:not(:first-child) {
            padding: var(--ui-card-padding) !important;
        }

        :is(.domain-mini-btn, .entity-mini-btn, .judge-mini-btn) > div:last-child {
            display: flex !important;
            flex-direction: column !important;
            align-items: flex-start !important;
            gap: var(--ui-card-gap) !important;
        }

        :is(.domain-mini-btn, .entity-mini-btn, .judge-mini-btn) [style*="margin-bottom"] {
            margin-bottom: 0 !important;
        }

        :is(.domain-mini-btn, .entity-mini-btn, .judge-mini-btn, .domain-detail, .entity-detail, .judge-detail, #cards-view) :is(h1, h2, h3),
        :is(.domain-mini-btn, .entity-mini-btn, .judge-mini-btn, .domain-detail, .entity-detail, .judge-detail, #cards-view) [style*="font-weight:900"],
        :is(.domain-mini-btn, .entity-mini-btn, .judge-mini-btn, .domain-detail, .entity-detail, .judge-detail, #cards-view) [style*="font-weight: 900"] {
            color: var(--ui-card-title) !important;
            font-size: var(--ui-card-title-size) !important;
        }

        :is(.domain-mini-btn, .entity-mini-btn, .judge-mini-btn, .domain-detail, .entity-detail, .judge-detail, #cards-view) :is(p, li),
        :is(.domain-mini-btn, .entity-mini-btn, .judge-mini-btn, .domain-detail, .entity-detail, .judge-detail, #cards-view) [style*="color:var(--c-text-muted"],
        :is(.domain-mini-btn, .entity-mini-btn, .judge-mini-btn, .domain-detail, .entity-detail, .judge-detail, #cards-view) [style*="color:var(--c-text-secondary"],
        :is(.domain-mini-btn, .entity-mini-btn, .judge-mini-btn, .domain-detail, .entity-detail, .judge-detail, #cards-view) [style*="color: var(--c-text-muted"],
        :is(.domain-mini-btn, .entity-mini-btn, .judge-mini-btn, .domain-detail, .entity-detail, .judge-detail, #cards-view) [style*="color: var(--c-text-secondary"] {
            color: var(--ui-card-text) !important;
            font-size: var(--ui-card-text-size) !important;
        }

        :is(.domain-mini-btn, .entity-mini-btn, .judge-mini-btn, .domain-detail, .entity-detail, .judge-detail, #cards-view) [style*="justify-content:center"][style*="align-items:center"],
        :is(.domain-mini-btn, .entity-mini-btn, .judge-mini-btn, .domain-detail, .entity-detail, .judge-detail, #cards-view) [style*="align-items:center"][style*="justify-content:center"],
        :is(.domain-mini-btn, .entity-mini-btn, .judge-mini-btn, .domain-detail, .entity-detail, .judge-detail, #cards-view) [class*="justify-center"][class*="items-center"] {
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            width: calc(var(--ui-card-icon-size) + 22px) !important;
            height: calc(var(--ui-card-icon-size) + 22px) !important;
            min-width: calc(var(--ui-card-icon-size) + 22px) !important;
            background: var(--ui-card-icon-bg) !important;
            color: var(--ui-card-icon-color) !important;
            border: var(--ui-card-border-width) solid var(--ui-card-border) !important;
            border-radius: var(--ui-card-inner-radius) !important;
            font-size: var(--ui-card-icon-size) !important;
            line-height: 1 !important;
            text-align: center !important;
            box-shadow: none !important;
        }

        :is(.domain-mini-btn, .entity-mini-btn, .judge-mini-btn, .domain-detail, .entity-detail, .judge-detail, #cards-view) span {
            border-radius: var(--ui-card-inner-radius) !important;
            font-size: var(--ui-card-text-size) !important;
        }

        :is(.domain-mini-btn, .entity-mini-btn, .judge-mini-btn, .domain-detail, .entity-detail, .judge-detail, #cards-view) span[style*="background"],
        :is(.domain-detail, .entity-detail, .judge-detail) .judge-pill {
            background: var(--ui-card-badge-bg) !important;
            color: var(--ui-card-badge-text) !important;
            border-color: var(--ui-card-badge-border) !important;
        }

        :is(.domain-mini-btn, .entity-mini-btn, .judge-mini-btn) > div:last-child > div:first-child > div:first-child,
        :is(.domain-detail, .entity-detail, .judge-detail) > .rounded-2xl > div:nth-child(2) [style*="width:44px"],
        :is(.domain-detail, .entity-detail, .judge-detail) > .rounded-2xl > div:nth-child(2) [style*="width:48px"],
        :is(.domain-detail, .entity-detail, .judge-detail) > .rounded-2xl > div:nth-child(2) [class*="w-11"],
        :is(.domain-detail, .entity-detail, .judge-detail) > .rounded-2xl > div:nth-child(2) [class*="w-12"] {
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            background: var(--ui-card-icon-bg) !important;
            color: var(--ui-card-icon-color) !important;
            border: var(--ui-card-border-width) solid var(--ui-card-border) !important;
            border-radius: var(--ui-card-inner-radius) !important;
            font-size: var(--ui-card-icon-size) !important;
            line-height: 1 !important;
            text-align: center !important;
            box-shadow: none !important;
        }

        :is(.domain-mini-btn, .entity-mini-btn, .judge-mini-btn) > div:last-child > div:first-child {
            justify-content: flex-start !important;
            align-items: center !important;
            gap: var(--ui-card-gap) !important;
        }

        .domain-mini-btn > div:last-child {
            direction: rtl !important;
            align-items: stretch !important;
            text-align: right !important;
            padding: 14px 12px !important;
        }

        .domain-mini-btn > div:last-child > * {
            width: 100% !important;
            text-align: right !important;
        }

        .domain-mini-btn > div:last-child > div:first-child {
            width: calc(var(--ui-card-icon-size) + 22px) !important;
            align-self: auto !important;
            margin-right: 0 !important;
            margin-left: auto !important;
        }

        .domain-card-stats {
            display: flex !important;
            flex-direction: row-reverse !important;
            justify-content: flex-start !important;
            flex-wrap: wrap !important;
            gap: var(--ui-card-gap) !important;
            width: 100% !important;
            align-items: flex-start !important;
            align-self: stretch !important;
            direction: ltr !important;
            margin-right: 0 !important;
            margin-left: auto !important;
        }

        .domain-card-stats .domain-stat-chip {
            display: inline-flex !important;
            flex-direction: column !important;
            align-items: center !important;
            justify-content: center !important;
            min-height: calc(var(--ui-card-icon-size) + 22px) !important;
            min-width: calc(var(--ui-card-icon-size) + 26px) !important;
            gap: 3px !important;
            padding: 6px !important;
            background: var(--ui-card-badge-bg) !important;
            color: var(--ui-card-badge-text) !important;
            border: var(--ui-card-border-width) solid var(--ui-card-badge-border) !important;
            border-radius: var(--ui-card-inner-radius) !important;
        }

        .domain-card-stats .domain-stat-chip b {
            display: block !important;
            line-height: 1 !important;
            font-size: var(--ui-card-icon-size) !important;
            font-weight: 900 !important;
        }

        .domain-card-stats .domain-stat-chip strong {
            display: block !important;
            line-height: 1 !important;
            font-size: var(--ui-card-title-size) !important;
            font-weight: 900 !important;
            color: var(--ui-card-title) !important;
        }

        .domain-card-stats .domain-stat-warning strong {
            color: var(--c-alert-error-text) !important;
        }

        .domain-detail-actions {
            align-items: center !important;
            justify-content: flex-end !important;
            gap: max(6px, calc(var(--ui-card-gap) / 2)) !important;
            margin-right: auto !important;
            margin-left: 0 !important;
        }

        .domain-detail-header {
            display: grid !important;
            grid-template-columns: minmax(0, 1fr) auto !important;
            align-items: center !important;
            width: 100% !important;
        }

        .domain-detail-header > .domain-detail-actions {
            justify-self: left !important;
            margin-right: 0 !important;
            margin-left: 0 !important;
            max-width: 100% !important;
        }

        .domain-detail-section {
            padding: var(--ui-card-padding) !important;
            border-color: var(--ui-card-border) !important;
            background: transparent !important;
        }

        .domain-section-head {
            display: flex !important;
            align-items: center !important;
            justify-content: space-between !important;
            gap: var(--ui-card-gap) !important;
            margin-bottom: var(--ui-card-gap) !important;
            color: var(--ui-card-text) !important;
            font-size: var(--ui-card-text-size) !important;
            font-weight: 900 !important;
        }

        .domain-section-head strong {
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            min-width: calc(var(--ui-card-icon-size) + 14px) !important;
            min-height: calc(var(--ui-card-icon-size) + 14px) !important;
            color: var(--c-alert-error-text) !important;
            background: var(--ui-card-badge-bg) !important;
            border: var(--ui-card-border-width) solid var(--ui-card-badge-border) !important;
            border-radius: var(--ui-card-inner-radius) !important;
        }

        :is(.domain-detail, .entity-detail, .judge-detail, #cards-view) :is(button, a[role="button"]),
        :is(.domain-mini-btn, .entity-mini-btn, .judge-mini-btn) button {
            background: var(--ui-card-button-bg) !important;
            color: var(--ui-card-button-text) !important;
            border: var(--ui-card-border-width) solid var(--ui-card-button-border) !important;
            border-radius: var(--ui-card-inner-radius) !important;
            font-size: var(--ui-card-button-size) !important;
            box-shadow: var(--ui-btn-shadow) !important;
            padding-block: max(4px, calc(var(--ui-card-gap) / 2)) !important;
            padding-inline: max(8px, var(--ui-card-gap)) !important;
        }

        .ui-danger-btn,
        :is(.domain-detail, .entity-detail, .judge-detail, #cards-view) .ui-danger-btn,
        :is(.domain-detail, .entity-detail, .judge-detail, #cards-view) button[style*="c-alert-error"] {
            background: var(--c-alert-error-bg) !important;
            color: var(--c-alert-error-text) !important;
            border: var(--ui-card-border-width) solid var(--c-alert-error-border) !important;
            box-shadow: 0 8px 20px color-mix(in srgb, var(--c-alert-error-text) 10%, transparent) !important;
        }

        .ui-danger-btn:hover,
        :is(.domain-detail, .entity-detail, .judge-detail, #cards-view) .ui-danger-btn:hover,
        :is(.domain-detail, .entity-detail, .judge-detail, #cards-view) button[style*="c-alert-error"]:hover {
            border-color: color-mix(in srgb, var(--c-alert-error-text) 42%, var(--c-alert-error-border)) !important;
            box-shadow: 0 12px 26px color-mix(in srgb, var(--c-alert-error-text) 14%, transparent) !important;
        }

        .domain-catalog-card .ui-danger-btn,
        .domain-catalog-card button.ui-danger-btn {
            background: var(--c-alert-error-bg) !important;
            color: var(--c-alert-error-text) !important;
            border: var(--ui-card-border-width) solid var(--c-alert-error-border) !important;
            border-radius: var(--ui-card-inner-radius) !important;
            box-shadow: 0 8px 20px color-mix(in srgb, var(--c-alert-error-text) 10%, transparent) !important;
        }

        .domain-catalog-card .ui-danger-btn:hover,
        .domain-catalog-card button.ui-danger-btn:hover {
            border-color: color-mix(in srgb, var(--c-alert-error-text) 42%, var(--c-alert-error-border)) !important;
            box-shadow: 0 12px 26px color-mix(in srgb, var(--c-alert-error-text) 14%, transparent) !important;
        }

        .domain-catalog-card .domain-catalog-icon {
            width: 56px !important;
            height: 56px !important;
            min-width: 56px !important;
            min-height: 56px !important;
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            padding: 0 !important;
            overflow: hidden !important;
            line-height: 1 !important;
        }

        .domain-catalog-card .domain-catalog-icon > span {
            display: inline-block !important;
            width: auto !important;
            height: auto !important;
            min-width: 0 !important;
            padding: 0 !important;
            margin: 0 !important;
            border: 0 !important;
            background: transparent !important;
            color: inherit !important;
            font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", "Cairo", sans-serif !important;
            font-size: 42px !important;
            line-height: 1 !important;
            text-align: center !important;
        }

        :is(.entity-detail, .domain-detail, .judge-detail) :is(
            .judge-pill,
            .domain-stat-chip,
            span[class*="rounded-full"],
            span[class*="rounded-md"],
            span[style*="border-radius:20px"],
            span[style*="border-radius: 20px"],
            span[style*="border-radius:999px"],
            span[style*="border-radius: 999px"]
        ),
        #assigned-list-container :is(span, button),
        #assigned-list-container span,
        #judge-list-container span,
        #domain-list-container span {
            min-height: 26px !important;
            min-width: 44px !important;
            max-width: 100% !important;
            padding: 5px 10px !important;
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            gap: 5px !important;
            line-height: 1.35 !important;
            white-space: normal !important;
            overflow-wrap: anywhere !important;
        }

        .entity-detail .entity-pill,
        #assigned-list-container .entity-pill,
        #assigned-list-container span.entity-pill,
        #judge-list-container span.entity-pill,
        #domain-list-container span.entity-pill {
            min-height: 30px !important;
            min-width: 88px !important;
            width: auto !important;
            max-width: 100% !important;
            padding: 7px 12px !important;
            display: inline-flex !important;
            align-items: center !important;
            justify-content: flex-start !important;
            gap: 7px !important;
            border: var(--ui-card-border-width) solid var(--ui-card-badge-border) !important;
            border-radius: max(12px, var(--ui-card-inner-radius)) !important;
            background: var(--ui-card-badge-bg) !important;
            color: var(--ui-card-badge-text) !important;
            font-size: max(11px, var(--ui-card-badge-size, 10px)) !important;
            font-weight: 900 !important;
            line-height: 1.45 !important;
            text-align: right !important;
            white-space: normal !important;
            overflow-wrap: anywhere !important;
            box-shadow: inset 0 1px 0 color-mix(in srgb, var(--white) 12%, transparent) !important;
        }

        .entity-detail .entity-pill-service,
        #assigned-list-container .entity-pill-service {
            background: color-mix(in srgb, var(--ui-card-badge-bg) 88%, var(--c-secondary) 12%) !important;
            color: var(--ui-card-badge-text) !important;
            border-color: color-mix(in srgb, var(--ui-card-badge-border) 78%, var(--c-secondary) 22%) !important;
        }

        .entity-detail .entity-pill-judge,
        #judge-list-container .entity-pill-judge {
            background: color-mix(in srgb, var(--ui-card-badge-bg) 88%, var(--c-primary) 12%) !important;
            color: var(--ui-card-badge-text) !important;
            border-color: color-mix(in srgb, var(--ui-card-badge-border) 78%, var(--c-primary) 22%) !important;
        }

        .entity-detail .entity-status-pill,
        .entity-mini-btn .entity-status-pill {
            min-height: 28px !important;
            min-width: 70px !important;
            padding: 6px 11px !important;
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            border-radius: 999px !important;
            font-size: 10.5px !important;
            font-weight: 950 !important;
            line-height: 1.25 !important;
            white-space: nowrap !important;
        }

        .entity-detail .entity-status-pill.is-active,
        .entity-mini-btn .entity-status-pill.is-active {
            background: var(--c-alert-success-bg) !important;
            color: var(--c-alert-success-text) !important;
            border-color: var(--c-alert-success-border) !important;
        }

        .entity-detail .entity-status-pill.is-inactive,
        .entity-mini-btn .entity-status-pill.is-inactive {
            background: var(--c-alert-error-bg) !important;
            color: var(--c-alert-error-text) !important;
            border-color: var(--c-alert-error-border) !important;
        }

        :is(.domain-detail, .entity-detail, .judge-detail) [style*="padding:16px 20px"],
        :is(.domain-detail, .entity-detail, .judge-detail) [style*="padding:18px 22px"],
        :is(.domain-detail, .entity-detail, .judge-detail) [style*="padding:14px 16px"],
        :is(.domain-detail, .entity-detail, .judge-detail) [style*="padding:32px"],
        :is(.domain-detail, .entity-detail, .judge-detail) .p-5 {
            padding: var(--ui-card-padding) !important;
        }

        :is(.domain-detail, .entity-detail, .judge-detail) [style*="gap:16px"],
        :is(.domain-detail, .entity-detail, .judge-detail) [style*="gap:12px"],
        :is(.domain-detail, .entity-detail, .judge-detail) [style*="gap:10px"],
        :is(.domain-detail, .entity-detail, .judge-detail) [style*="gap:8px"],
        :is(.domain-detail, .entity-detail, .judge-detail) [style*="gap:5px"],
        :is(.domain-detail, .entity-detail, .judge-detail) [class*="gap-"] {
            gap: var(--ui-card-gap) !important;
        }

        :is(.domain-detail, .entity-detail, .judge-detail) [style*="border-radius"],
        :is(.domain-detail, .entity-detail, .judge-detail) :is(.rounded, .rounded-lg, .rounded-xl, .rounded-2xl) {
            border-radius: var(--ui-card-inner-radius) !important;
        }

        :is(.domain-detail, .entity-detail, .judge-detail) [style*="border-color:var(--c-border"],
        :is(.domain-detail, .entity-detail, .judge-detail) [style*="border-color: var(--c-border"] {
            border-color: var(--ui-card-border) !important;
        }

        :is(.domain-detail, .entity-detail, .judge-detail) [style*="background:color-mix"],
        :is(.domain-detail, .entity-detail, .judge-detail) [style*="background:var(--c-table-header"],
        :is(.domain-detail, .entity-detail, .judge-detail) [style*="background:var(--c-alert"],
        :is(.domain-detail, .entity-detail, .judge-detail) [style*="background: var(--c-alert"],
        #cards-view [style*="background:color-mix"],
        #cards-view [style*="background:var(--c-table-header"],
        #cards-view [style*="background:var(--c-alert"],
        #cards-view [style*="background: var(--c-alert"] {
            background: color-mix(in srgb, var(--ui-card-badge-bg) 42%, transparent) !important;
        }

        :is(.domain-detail, .entity-detail, .judge-detail) :is(.service-tree-body, [id^="children-"], [id^="criteria-panel-"]),
        :is(.domain-detail, .entity-detail, .judge-detail) [style*="grid-template-columns"],
        :is(.domain-detail, .entity-detail, .judge-detail) [style*="border-radius:12px"][style*="border:1px"],
        :is(.domain-detail, .entity-detail, .judge-detail) [style*="border-radius: 12px"][style*="border: 1px"],
        :is(.domain-detail, .entity-detail, .judge-detail) [style*="border-bottom:1px"],
        :is(.domain-detail, .entity-detail, .judge-detail) .border-b,
        :is(.domain-detail, .entity-detail, .judge-detail) .border-t {
            border-color: var(--ui-card-border) !important;
        }

        :is(.domain-detail, .entity-detail, .judge-detail) .service-tree-body > div,
        :is(.domain-detail, .entity-detail, .judge-detail) [id^="children-"] > div,
        :is(.domain-detail, .entity-detail, .judge-detail) [id^="criteria-panel-"],
        :is(.domain-detail, .entity-detail, .judge-detail) [style*="border-radius:12px"][style*="border:1px"],
        :is(.domain-detail, .entity-detail, .judge-detail) [style*="border-radius: 12px"][style*="border: 1px"] {
            background: color-mix(in srgb, var(--ui-card-badge-bg) 32%, transparent) !important;
        }

        :is(.domain-detail, .entity-detail, .judge-detail) [style*="font-family:monospace"],
        :is(.domain-detail, .entity-detail, .judge-detail) [style*="font-family: monospace"],
        :is(.domain-mini-btn, .entity-mini-btn, .judge-mini-btn) [style*="font-family:monospace"],
        :is(.domain-mini-btn, .entity-mini-btn, .judge-mini-btn) [style*="font-family: monospace"] {
            color: var(--ui-card-text) !important;
            font-size: var(--ui-card-text-size) !important;
        }

        :is(.domain-detail, .entity-detail, .judge-detail) [style*="display:flex"],
        :is(.domain-detail, .entity-detail, .judge-detail) .flex {
            flex-wrap: wrap !important;
        }

        .ticket-stats-strip {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            align-items: center;
        }

        .ticket-stat-mini {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            min-height: 28px;
            padding: 5px 9px;
            border: 1px solid color-mix(in srgb, var(--ui-card-border) 78%, transparent);
            border-radius: 999px;
            background: color-mix(in srgb, var(--ui-card-badge-bg) 54%, transparent);
            color: var(--ui-card-text);
            font-size: 11px;
            font-weight: 900;
        }

        .ticket-stat-mini strong {
            color: var(--ui-card-title);
            font-size: 12px;
        }

        .ticket-chat-shell {
            position: relative;
            display: flex;
            flex-direction: column;
            gap: 12px;
            min-height: 380px;
            padding: clamp(14px, 2vw, 24px);
            border: var(--ui-card-border-width) solid var(--ui-card-border);
            border-radius: var(--ui-card-radius);
            background:
                radial-gradient(circle at 18% 12%, color-mix(in srgb, var(--ui-card-icon-bg) 30%, transparent), transparent 26%),
                radial-gradient(circle at 86% 82%, color-mix(in srgb, var(--ui-card-button-bg) 20%, transparent), transparent 30%),
                color-mix(in srgb, var(--ui-card-bg) 78%, transparent);
            box-shadow: var(--ui-card-shadow);
            overflow: hidden;
        }

        .ticket-chat-shell::before {
            content: "";
            position: absolute;
            inset: 0;
            pointer-events: none;
            background-image:
                linear-gradient(rgba(var(--white-rgb), .05) 1px, transparent 1px),
                linear-gradient(90deg, rgba(var(--white-rgb), .035) 1px, transparent 1px);
            background-size: 28px 28px;
            opacity: .45;
        }

        .ticket-chat-message {
            position: relative;
            z-index: 1;
            display: flex;
            width: 100%;
        }

        .ticket-chat-message.mine {
            justify-content: flex-start;
        }

        .ticket-chat-message.other {
            justify-content: flex-end;
        }

        .ticket-chat-bubble {
            max-width: min(72%, 720px);
            min-width: min(230px, 100%);
            padding: 12px 14px 10px;
            border: 1px solid color-mix(in srgb, var(--ui-card-border) 70%, transparent);
            border-radius: 22px;
            color: var(--ui-card-title);
            font-size: var(--fs-card);
            line-height: 1.9;
            box-shadow: 0 14px 32px color-mix(in srgb, var(--ui-card-shadow-color) 10%, transparent), inset 0 1px 0 rgba(var(--white-rgb), .36);
            backdrop-filter: blur(18px) saturate(140%);
            -webkit-backdrop-filter: blur(18px) saturate(140%);
        }

        .ticket-chat-message.mine .ticket-chat-bubble {
            border-bottom-left-radius: 7px;
            background:
                linear-gradient(145deg, color-mix(in srgb, var(--ui-card-button-bg) 70%, transparent), color-mix(in srgb, var(--ui-card-icon-bg) 50%, transparent));
            color: var(--ui-card-button-text);
            border-color: color-mix(in srgb, var(--ui-card-button-border) 72%, transparent);
        }

        .ticket-chat-message.other .ticket-chat-bubble {
            border-bottom-right-radius: 7px;
            background:
                linear-gradient(145deg, rgba(var(--white-rgb), .66), color-mix(in srgb, var(--ui-card-bg) 74%, transparent));
        }

        [data-theme="dark"] .ticket-chat-message.other .ticket-chat-bubble,
        html[data-theme-preset$="_dark"] .ticket-chat-message.other .ticket-chat-bubble {
            background:
                linear-gradient(145deg, rgba(var(--white-rgb), .12), color-mix(in srgb, var(--ui-card-bg) 66%, transparent));
        }

        .ticket-chat-meta {
            display: flex;
            flex-wrap: wrap;
            gap: 6px;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 5px;
            font-size: 10.5px;
            font-weight: 900;
            opacity: .74;
        }

        .ticket-reply-box {
            position: sticky;
            bottom: 14px;
            z-index: 2;
            border: var(--ui-card-border-width) solid color-mix(in srgb, var(--ui-card-border) 74%, transparent);
            border-radius: var(--ui-card-radius);
            background: color-mix(in srgb, var(--ui-card-bg) 74%, transparent);
            box-shadow: var(--ui-card-shadow);
            backdrop-filter: blur(18px) saturate(140%);
            -webkit-backdrop-filter: blur(18px) saturate(140%);
        }

        @media (max-width: 760px) {
            .ticket-chat-bubble {
                max-width: 92%;
            }
            .ticket-chat-shell {
                min-height: 320px;
            }
        }

        body.role-super-admin .ik-content .core-icon,
        body.role-super-admin .ik-content .entity-mini-icon,
        body.role-super-admin .ik-content .domain-catalog-icon,
        body.role-super-admin .ik-content .service-page-main-icon,
        body.role-super-admin .ik-content .service-card-icon,
        body.role-super-admin .ik-content .judge-main-icon,
        body.role-super-admin .ik-content .judge-avatar,
        body.role-super-admin .ik-content .ui-card-icon {
            width: 44px !important;
            height: 44px !important;
            min-width: 44px !important;
            min-height: 44px !important;
            display: inline-grid !important;
            place-items: center !important;
            flex-shrink: 0 !important;
            font-size: 20px !important;
            line-height: 1 !important;
        }

        body.role-super-admin .ik-content .core-icon > span,
        body.role-super-admin .ik-content .domain-catalog-icon > span,
        body.role-super-admin .ik-content .service-card-icon > span,
        body.role-super-admin .ik-content .service-domain-main-icon > span {
            font-size: 20px !important;
            line-height: 1 !important;
            transform: none !important;
        }

        .comm-hero {
            position: relative;
            overflow: hidden;
            border: var(--ui-card-border-width) solid color-mix(in srgb, var(--ui-card-border) 72%, transparent);
            border-radius: var(--ui-card-radius);
            padding: clamp(18px, 2vw, 28px);
            background:
                radial-gradient(circle at 12% 10%, color-mix(in srgb, var(--ui-card-icon-bg) 34%, transparent), transparent 28%),
                radial-gradient(circle at 88% 10%, color-mix(in srgb, var(--ui-card-button-bg) 24%, transparent), transparent 32%),
                linear-gradient(145deg, color-mix(in srgb, var(--ui-card-bg) 88%, transparent), color-mix(in srgb, var(--ui-card-badge-bg) 50%, transparent));
            box-shadow: var(--ui-card-shadow);
        }

        .comm-hero::after {
            content: "";
            position: absolute;
            inset: 0;
            pointer-events: none;
            background: linear-gradient(90deg, rgba(var(--white-rgb), .10), transparent 42%, rgba(var(--white-rgb), .05));
            opacity: .55;
        }

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

        .comm-kicker {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            width: fit-content;
            min-height: 30px;
            padding: 6px 11px;
            border: 1px solid color-mix(in srgb, var(--ui-card-button-border) 48%, transparent);
            border-radius: 999px;
            background: color-mix(in srgb, var(--ui-card-icon-bg) 38%, transparent);
            color: var(--ui-card-title);
            font-size: 11px;
            font-weight: 950;
        }

        .comm-title {
            margin-top: 12px;
            color: var(--ui-card-title);
            font-size: clamp(20px, 2.3vw, 30px);
            font-weight: 950;
            line-height: 1.35;
        }

        .comm-subtitle {
            margin-top: 7px;
            color: var(--ui-card-text);
            font-size: 13px;
            line-height: 1.9;
        }

        .comm-actions {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            align-items: center;
            justify-content: flex-end;
        }

        .comm-stat-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(118px, 1fr));
            gap: 10px;
            min-width: min(520px, 100%);
        }

        .comm-stat-card {
            min-height: 74px;
            padding: 11px 13px;
            border: 1px solid color-mix(in srgb, var(--ui-card-border) 72%, transparent);
            border-radius: var(--ui-card-inner-radius);
            background: color-mix(in srgb, var(--ui-card-bg) 56%, transparent);
            box-shadow: inset 0 1px 0 rgba(var(--white-rgb), .18);
            backdrop-filter: blur(14px);
            -webkit-backdrop-filter: blur(14px);
        }

        .comm-stat-card span {
            display: block;
            color: var(--ui-card-text);
            font-size: 10.5px;
            font-weight: 900;
        }

        .comm-stat-card strong {
            display: block;
            margin-top: 5px;
            color: var(--ui-card-title);
            font-size: 24px;
            font-weight: 950;
            line-height: 1;
        }

        .comm-shell {
            display: grid;
            grid-template-columns: minmax(0, 1fr);
            gap: 14px;
        }

        .comm-panel {
            border: var(--ui-card-border-width) solid color-mix(in srgb, var(--ui-card-border) 76%, transparent);
            border-radius: var(--ui-card-radius);
            background: color-mix(in srgb, var(--ui-card-bg) 80%, transparent);
            box-shadow: var(--ui-card-shadow);
            backdrop-filter: blur(18px) saturate(135%);
            -webkit-backdrop-filter: blur(18px) saturate(135%);
            overflow: hidden;
        }

        .comm-panel-head {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            align-items: center;
            justify-content: space-between;
            padding: 14px 16px;
            border-bottom: 1px solid color-mix(in srgb, var(--ui-card-border) 66%, transparent);
            background: color-mix(in srgb, var(--ui-card-badge-bg) 28%, transparent);
        }

        .comm-panel-title {
            color: var(--ui-card-title);
            font-size: 13px;
            font-weight: 950;
        }

        .comm-search {
            width: min(320px, 100%);
            min-height: 38px;
            border: 1px solid color-mix(in srgb, var(--ui-card-border) 72%, transparent);
            border-radius: 999px;
            background: color-mix(in srgb, var(--ui-card-bg) 72%, transparent);
            color: var(--ui-card-title);
            padding: 8px 14px;
            font-size: 12px;
            outline: 0;
        }

        .comm-list {
            display: grid;
            gap: 0;
        }

        .comm-row {
            display: grid;
            grid-template-columns: auto minmax(0, 1fr) auto;
            gap: 13px;
            align-items: center;
            padding: 15px 16px;
            border-bottom: 1px solid color-mix(in srgb, var(--ui-card-border) 54%, transparent);
            color: inherit;
            transition: background var(--tr), transform var(--tr);
        }

        .comm-row:hover {
            background: color-mix(in srgb, var(--ui-card-badge-bg) 35%, transparent);
            transform: translateY(-1px);
        }

        .comm-row:last-child {
            border-bottom: 0;
        }

        .comm-avatar {
            display: inline-flex;
            width: 46px;
            height: 46px;
            align-items: center;
            justify-content: center;
            border: 1px solid color-mix(in srgb, var(--ui-card-button-border) 45%, transparent);
            border-radius: 16px;
            background:
                linear-gradient(145deg, color-mix(in srgb, var(--ui-card-icon-bg) 72%, transparent), color-mix(in srgb, var(--ui-card-button-bg) 22%, transparent));
            color: var(--ui-card-icon-color);
            font-size: 20px;
            font-weight: 950;
            box-shadow: 0 14px 28px color-mix(in srgb, var(--ui-card-shadow-color) 10%, transparent);
        }

        .comm-row-title {
            display: block;
            color: var(--ui-card-title);
            font-size: 14px;
            font-weight: 950;
            line-height: 1.55;
        }

        .comm-row-meta {
            display: flex;
            flex-wrap: wrap;
            gap: 7px;
            margin-top: 7px;
        }

        .comm-row-text {
            margin-top: 6px;
            color: var(--ui-card-text);
            font-size: 12px;
            line-height: 1.8;
        }

        .comm-chip {
            display: inline-flex;
            align-items: center;
            gap: 5px;
            min-height: 24px;
            padding: 4px 8px;
            border: 1px solid color-mix(in srgb, var(--ui-card-badge-border) 76%, transparent);
            border-radius: 999px;
            background: color-mix(in srgb, var(--ui-card-badge-bg) 62%, transparent);
            color: var(--ui-card-badge-text);
            font-size: 10.5px;
            font-weight: 900;
        }

        .comm-row-end {
            display: flex;
            flex-direction: column;
            gap: 8px;
            align-items: flex-end;
        }

        .comm-open-btn {
            display: inline-flex;
            min-height: 34px;
            align-items: center;
            justify-content: center;
            padding: 7px 13px;
            border: var(--ui-card-border-width) solid var(--ui-card-button-border);
            border-radius: 999px;
            background: var(--ui-card-button-bg);
            color: var(--ui-card-button-text);
            font-size: 12px;
            font-weight: 950;
            box-shadow: var(--ui-btn-shadow);
        }

        .comm-compose {
            padding: 16px;
            border: var(--ui-card-border-width) solid color-mix(in srgb, var(--ui-card-button-border) 36%, var(--ui-card-border));
            border-radius: var(--ui-card-radius);
            background:
                radial-gradient(circle at 0 0, color-mix(in srgb, var(--ui-card-icon-bg) 24%, transparent), transparent 30%),
                color-mix(in srgb, var(--ui-card-bg) 82%, transparent);
            box-shadow: var(--ui-card-shadow);
        }

        .notification-row.unread {
            background:
                linear-gradient(90deg, color-mix(in srgb, var(--ui-card-button-bg) 10%, transparent), transparent 44%),
                color-mix(in srgb, var(--ui-card-bg) 78%, transparent);
        }

        .notification-dot {
            width: 9px;
            height: 9px;
            border-radius: 999px;
            background: var(--c-alert-error-text);
            box-shadow: 0 0 0 5px color-mix(in srgb, var(--c-alert-error-text) 12%, transparent);
        }

        .notification-body-card {
            border: var(--ui-card-border-width) solid var(--ui-card-border);
            border-radius: var(--ui-card-radius);
            padding: clamp(18px, 2.4vw, 30px);
            background:
                radial-gradient(circle at 18% 0, color-mix(in srgb, var(--ui-card-icon-bg) 26%, transparent), transparent 32%),
                color-mix(in srgb, var(--ui-card-bg) 84%, transparent);
            box-shadow: var(--ui-card-shadow);
        }

        @media (max-width: 760px) {
            .comm-row {
                grid-template-columns: auto minmax(0, 1fr);
            }
            .comm-row-end {
                grid-column: 1 / -1;
                flex-direction: row;
                justify-content: flex-end;
            }
            .comm-stat-grid {
                min-width: 100%;
            }
        }


        /* Source: app/Views/entities/conditions/index.php */
        /* Shared UI components */
        .ui-action {
            min-height: 34px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            border-radius: var(--ui-btn-radius);
            border: var(--ui-btn-border-width) solid transparent;
            padding: 0 var(--ui-btn-padding-x);
            font-size: var(--fs-button);
            font-weight: 950;
            line-height: 1;
            text-decoration: none;
            cursor: pointer;
            white-space: nowrap;
            transition: transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease), background var(--dur) var(--ease);
        }
        .ui-action:hover { transform: translateY(calc(var(--hover-lift) * -1)); }
        .ui-action-sm { min-height: 30px; padding-inline: 11px; font-size: var(--fs-small); }
        .ui-action-md { min-height: 36px; }
        .ui-action-lg { min-height: 42px; padding-inline: 18px; }
        .ui-action-primary {
            background: var(--ui-btn-primary-bg-final);
            color: var(--ui-btn-primary-text);
            border-color: var(--ui-btn-primary-border-final);
            box-shadow: var(--ui-btn-shadow);
        }
        .ui-action-secondary {
            background: var(--ui-btn-secondary-bg-final);
            color: var(--ui-btn-secondary-text);
            border-color: var(--ui-btn-secondary-border-final);
            box-shadow: var(--ui-btn-shadow);
        }
        .ui-action-soft {
            background: var(--badge-teal-bg);
            color: var(--badge-teal-txt);
            border-color: var(--badge-teal-bdr);
        }
        .ui-action-danger {
            background: var(--alert-error-bg);
            color: var(--alert-error-txt);
            border-color: var(--alert-error-bdr);
        }
        .ui-badge {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            width: max-content;
            max-width: 100%;
            border: 1px solid var(--badge-teal-bdr);
            border-radius: 999px;
            background: var(--badge-teal-bg);
            color: var(--badge-teal-txt);
            padding: 5px 10px;
            font-size: var(--fs-small);
            font-weight: 950;
            line-height: 1.35;
        }
        .ui-badge i { font-style: normal; }
        .ui-badge b { font-weight: 950; overflow-wrap: anywhere; }
        .ui-badge-success { background: var(--alert-success-bg); border-color: var(--alert-success-bdr); color: var(--alert-success-txt); }
        .ui-badge-warning { background: var(--alert-warning-bg); border-color: var(--alert-warning-bdr); color: var(--alert-warning-txt); }
        .ui-badge-danger { background: var(--alert-error-bg); border-color: var(--alert-error-bdr); color: var(--alert-error-txt); }
        .ui-badge-info { background: var(--alert-info-bg); border-color: var(--alert-info-bdr); color: var(--alert-info-txt); }
        .ui-badge-glass { background: var(--ui-card-badge-bg); border-color: var(--ui-card-badge-border); color: var(--ui-card-badge-text); }
        .ui-stat-card {
            border: var(--ui-card-border-width) solid var(--ui-card-border);
            border-radius: var(--ui-card-inner-radius);
            background: var(--ui-card-bg);
            box-shadow: var(--shadow-sm);
            padding: 14px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
            min-width: 0;
        }
        .ui-stat-card span { display: block; color: var(--ui-card-text); font-size: var(--fs-small); font-weight: 900; }
        .ui-stat-card strong { display: block; margin-top: 5px; color: var(--ui-card-title); font-size: 24px; font-weight: 950; line-height: 1; }
        .ui-stat-card i {
            width: 38px;
            height: 38px;
            border-radius: var(--ui-card-inner-radius);
            display: grid;
            place-items: center;
            background: var(--ui-card-icon-bg);
            color: var(--ui-card-icon-color);
            border: var(--ui-card-border-width) solid var(--ui-card-border);
            font-style: normal;
            flex-shrink: 0;
        }
        .ui-stat-card-glass {
            background: color-mix(in srgb, var(--ui-top-widget-icon-bg) 5%, transparent);
            border-color: var(--ui-top-widget-border);
            box-shadow: none;
        }
        .ui-stat-card-glass span { color: var(--ui-top-widget-text); }
        .ui-stat-card-glass strong { color: var(--white); }
        .ui-donut-wrap {
            display: grid;
            grid-template-columns: auto minmax(0, 1fr);
            align-items: center;
            gap: 13px;
        }
        .ui-donut {
            --ui-donut-progress: 0;
            --ui-donut-color: var(--c-secondary);
            width: 92px;
            height: 92px;
            border-radius: 50%;
            display: grid;
            place-items: center;
            background: conic-gradient(var(--ui-donut-color) calc(var(--ui-donut-progress) * 1%), color-mix(in srgb, var(--c-border) 70%, transparent) 0);
            box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ui-donut-color) 20%, transparent);
        }
        .ui-donut span {
            width: 66px;
            height: 66px;
            border-radius: 50%;
            display: grid;
            place-items: center;
            background: var(--ui-card-bg);
            color: var(--ui-card-title);
            font-size: 17px;
            font-weight: 950;
        }
        .ui-donut-sm .ui-donut { width: 72px; height: 72px; }
        .ui-donut-sm .ui-donut span { width: 52px; height: 52px; font-size: 14px; }
        .ui-donut-lg .ui-donut { width: 128px; height: 128px; }
        .ui-donut-lg .ui-donut span { width: 92px; height: 92px; font-size: 24px; }
        .ui-donut-copy strong { display: block; color: var(--ui-card-title); font-size: var(--fs-card); font-weight: 950; line-height: 1.7; }
        .ui-donut-copy small { display: block; margin-top: 5px; color: var(--ui-card-text); font-size: var(--fs-small); font-weight: 850; line-height: 1.8; }
        .ui-page-hero {
            border: var(--ui-card-border-width) solid var(--ui-top-widget-border);
            border-radius: var(--ui-top-widget-radius);
            background: var(--ui-top-widget-bg);
            box-shadow: var(--shadow-lg);
            padding: var(--ui-top-widget-padding);
            display: grid;
            grid-template-columns: minmax(0, 1fr) auto;
            align-items: center;
            gap: 18px;
            overflow: hidden;
        }
        .ui-page-hero-main h1 { margin-top: 12px; color: var(--ui-top-widget-title); font-size: clamp(22px, 3vw, 32px); font-weight: 950; line-height: 1.35; }
        .ui-page-hero-main p { margin-top: 8px; color: var(--ui-top-widget-text); font-size: var(--fs-card); font-weight: 800; line-height: 1.9; max-width: 760px; }
        .ui-page-hero-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 10px; min-width: min(420px, 100%); }
        .ui-page-hero-actions { display: flex; justify-content: flex-end; gap: 10px; flex-wrap: wrap; }
        .ui-empty-state {
            border: 1px dashed var(--ui-card-border);
            border-radius: var(--ui-card-radius);
            background: var(--ui-card-bg);
            box-shadow: var(--shadow-sm);
            padding: 42px;
            text-align: center;
            color: var(--ui-card-text);
        }
        .ui-empty-icon { font-size: 38px; margin-bottom: 12px; }
        .ui-empty-state strong { display: block; color: var(--ui-card-title); font-size: var(--ui-card-title-size); font-weight: 950; }
        .ui-empty-state p { margin-top: 6px; color: var(--ui-card-text); font-size: var(--fs-small); font-weight: 800; line-height: 1.8; }
        @media (max-width: 760px) {
            .ui-page-hero { grid-template-columns: 1fr; }
            .ui-page-hero-actions { justify-content: flex-start; }
            .ui-donut-wrap { grid-template-columns: 1fr; justify-items: center; text-align: center; }
        }

    .entity-domain-layout{display:grid;grid-template-columns:minmax(280px,33%) minmax(0,1fr);gap:var(--content-gap)}
    .entity-domain-list{display:flex;flex-direction:column;row-gap:22px}
    .entity-domain-list>.entity-domain-card+ .entity-domain-card{margin-top:22px}
    .entity-domain-card{position:relative;width:100%;text-align:right;display:block;border:1px solid color-mix(in srgb,var(--c-border) 76%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--c-card-bg) 96%,var(--white) 4%),var(--c-card-bg));box-shadow:var(--shadow-sm);overflow:hidden;transition:all var(--dur) var(--ease)}
    .entity-domain-card:hover{transform:translateY(calc(var(--hover-lift) * -1));box-shadow:var(--shadow-md)}
    .entity-domain-card.is-active{border-color:color-mix(in srgb,var(--domain-color) 62%,var(--c-border));box-shadow:0 18px 42px color-mix(in srgb,var(--domain-color) 18%,transparent)}
    .entity-domain-card.is-focused{border-radius:22px!important}
    .entity-domain-card.is-focused .entity-domain-card-inner{grid-template-columns:minmax(240px,.9fr) minmax(320px,1fr) minmax(220px,.35fr);align-items:center}
    .entity-domain-card.is-focused .entity-domain-top{justify-content:flex-start}
    .entity-domain-card.is-focused .entity-domain-stats{min-width:320px;justify-self:center}
    .entity-domain-card.is-focused .entity-domain-progress{min-width:220px}
    .entity-domain-card.is-focused .entity-domain-card-actions{align-self:center;justify-self:stretch;justify-content:flex-start}
    .entity-domain-card.is-inactive{opacity:1;filter:none;border-color:color-mix(in srgb,var(--c-alert-warning-border) 74%,var(--c-border))!important;background:linear-gradient(135deg,color-mix(in srgb,var(--c-alert-warning-bg) 92%,var(--c-card-bg) 8%),color-mix(in srgb,var(--c-alert-warning-bg) 58%,var(--c-card-bg) 42%))!important;box-shadow:0 18px 44px color-mix(in srgb,var(--c-alert-warning-border) 20%,transparent),inset 0 1px 0 color-mix(in srgb,var(--white) 18%,transparent)!important}
    .entity-domain-card.is-inactive::before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--c-alert-warning-border) 13%,transparent) 0 1px,transparent 1px 12px);opacity:.34}
    .entity-domain-card.is-inactive>div:first-child{background:linear-gradient(90deg,var(--c-alert-warning-border),var(--c-alert-warning-text))!important}
    .entity-domain-card.is-inactive .entity-domain-card-inner{position:relative;z-index:1}
    .entity-domain-card.is-inactive .entity-domain-status{background:var(--c-alert-warning-bg)!important;color:var(--c-alert-warning-text)!important;border-color:var(--c-alert-warning-border)!important}
    .entity-domain-card.is-inactive .entity-domain-title,
    .entity-domain-card.is-inactive .entity-domain-type{color:var(--c-alert-warning-text)!important}
    .entity-domain-card.is-inactive .entity-domain-stat,
    .entity-domain-card.is-inactive .entity-domain-dates span,
    .entity-domain-card.is-inactive .entity-domain-progress-track{background:color-mix(in srgb,var(--c-alert-warning-bg) 66%,var(--c-card-bg) 34%)!important;border-color:color-mix(in srgb,var(--c-alert-warning-border) 70%,var(--c-border))!important}
    .entity-domain-card-inner{padding:18px;display:grid;gap:15px}
    .entity-domain-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
    .entity-domain-type{font-size:19px;font-weight:900;line-height:1.45;color:var(--c-text-primary)}
    .entity-domain-title{font-size:12.5px;font-weight:800;color:var(--c-text-secondary);line-height:1.7;margin-top:2px}
    .entity-domain-icon{width:46px;height:46px;border-radius:var(--ui-card-radius);display:flex;align-items:center;justify-content:center;font-size:21px;flex-shrink:0;box-shadow:inset 0 1px 0 color-mix(in srgb,var(--ui-card-icon-color) 18%,transparent)}
    .entity-domain-status{display:inline-flex;align-items:center;gap:6px;width:max-content;border-radius:999px;border:1px solid var(--status-border);background:var(--status-bg);color:var(--status-text);font-size:10.5px;font-weight:900;padding:5px 9px}
    .entity-domain-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
    .entity-domain-stat{border:1px solid color-mix(in srgb,var(--domain-color) 14%,var(--bdr));background:linear-gradient(180deg,color-mix(in srgb,var(--domain-color) 6%,var(--bg-inset)),var(--bg-inset));border-radius:12px;padding:9px 6px;text-align:center}
    .entity-domain-stat strong{display:block;font-weight:900;color:var(--txt-primary);font-size:15px;line-height:1}
    .entity-domain-stat span{display:block;margin-top:5px;color:var(--txt-muted);font-size:10px;font-weight:800}
    .entity-domain-progress{display:grid;gap:7px}
    .entity-domain-progress-top{display:flex;align-items:center;justify-content:space-between;color:var(--txt-muted);font-size:10.5px;font-weight:900}
    .entity-domain-progress-track{height:7px;border-radius:999px;background:var(--bg-inset);overflow:hidden;border:1px solid color-mix(in srgb,var(--domain-color) 10%,transparent)}
    .entity-domain-progress-fill{height:100%;border-radius:999px;background:var(--domain-color)}
    .entity-domain-dates{display:flex;flex-wrap:wrap;gap:7px}
    .entity-domain-dates span{display:inline-flex;align-items:center;gap:4px;border:1px solid color-mix(in srgb,var(--domain-color, var(--c-secondary)) 18%,var(--c-border));border-radius:999px;background:color-mix(in srgb,var(--domain-color, var(--c-secondary)) 6%,var(--bg-inset));color:var(--txt-muted);font-size:10px;font-weight:900;padding:5px 8px}
    .entity-domain-dates b{color:var(--txt-primary);font-weight:950}
    .assignment-state-pill{display:inline-flex;align-items:center;width:max-content;max-width:100%;margin-top:8px;border:1px solid color-mix(in srgb,var(--c-secondary) 28%,var(--c-border));border-radius:999px;background:color-mix(in srgb,var(--c-secondary) 7%,var(--bg-inset));color:var(--txt-secondary);font-size:10.5px;font-style:normal;font-weight:950;line-height:1.5;padding:5px 9px;white-space:normal;overflow-wrap:anywhere}
    .assignment-state-pill.is-assigned{border-color:var(--c-alert-success-border);background:var(--c-alert-success-bg);color:var(--c-alert-success-text)}
    .entity-domain-card-actions{direction:ltr;display:flex;justify-content:flex-start;justify-self:stretch;gap:8px;flex-wrap:nowrap;text-align:left}
    .entity-domain-card-actions .assign-evidence-btn{order:-1}
    .entity-domain-back{height:38px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--c-border);border-radius:12px;background:var(--bg-inset);color:var(--txt-primary);font-size:12px;font-weight:950;padding:0 14px;text-decoration:none;white-space:nowrap}
    .entity-domain-detail{min-width:0;border:1px solid var(--c-border);background:var(--c-card-bg);box-shadow:var(--shadow-md);overflow:hidden}
    .entity-domain-detail-head{display:grid;grid-template-columns:minmax(240px,1fr) minmax(270px,.8fr) minmax(180px,.35fr);align-items:center;gap:16px;padding:20px;border-bottom:1px solid var(--c-border)}
    .conditions-detail-tools{direction:ltr;display:flex;align-items:center;justify-content:flex-start;justify-self:stretch;text-align:left}
    .entity-tree{padding:18px;display:grid;gap:12px}
    .entity-domain-node{position:relative}
    .entity-domain-node:before{content:"";position:absolute;inset-inline-start:-10px;top:22px;bottom:-12px;width:2px;background:var(--node-line);opacity:.55}
    .entity-domain-node summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;border:1px solid var(--c-border);border-radius:14px;background:var(--bg-inset);padding:12px}
    .entity-domain-node summary::-webkit-details-marker{display:none}
    .node-icon{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:var(--c-card-bg);border:1px solid var(--c-border);flex-shrink:0}
    .node-main{min-width:0;display:block;flex:1}
    .node-main strong{display:block;color:var(--txt-primary);font-size:13px;font-weight:900;line-height:1.6}
    .node-main small{display:block;color:var(--txt-muted);font-size:10.5px;font-weight:800}
    .node-count{min-width:26px;height:26px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:var(--c-alert-info-bg);color:var(--c-alert-info-text);font-size:11px;font-weight:900}
    .node-desc{margin:8px 44px 0 0;color:var(--txt-muted);font-size:11.5px;line-height:1.8}
    .node-children{display:grid;gap:10px;margin-top:10px}
    .node-evidence{display:grid;gap:8px;margin:10px 44px 0 0}
    .evidence-item{display:flex;align-items:flex-start;gap:9px;border:1px solid var(--c-alert-success-border);background:var(--c-alert-success-bg);border-radius:12px;padding:10px;color:var(--c-alert-success-text)}
    .evidence-item strong{display:block;font-size:12px;font-weight:900;line-height:1.6}
    .evidence-item small{display:block;font-size:10px;font-weight:800;opacity:.78}
    .evidence-empty{border:1px dashed var(--c-border);border-radius:12px;padding:10px;color:var(--txt-muted);font-size:11px;font-weight:800;background:var(--c-card-bg)}
    .entity-requirements{padding:18px;display:grid;gap:16px;background:linear-gradient(180deg,color-mix(in srgb,var(--bg-inset) 55%,transparent),transparent)}
    .requirement-axis{border:1px solid color-mix(in srgb,var(--c-border) 82%,transparent);border-radius:18px;background:var(--c-card-bg);box-shadow:var(--shadow-sm);overflow:hidden}
    .requirement-axis-head{display:grid;grid-template-columns:minmax(240px,1fr) auto minmax(140px,.35fr);align-items:center;gap:16px;padding:16px 18px;border-bottom:1px solid var(--c-border);background:linear-gradient(135deg,color-mix(in srgb,var(--c-primary) 8%,transparent),color-mix(in srgb,var(--c-secondary) 6%,transparent))}
    .requirement-axis-main{min-width:0}
    .requirement-axis-head span{display:inline-flex;width:max-content;border:1px solid var(--c-alert-info-border);background:var(--c-alert-info-bg);color:var(--c-alert-info-text);border-radius:999px;padding:4px 9px;font-size:10px;font-weight:900;margin-bottom:8px}
    .requirement-axis-head h3{color:var(--txt-primary);font-size:17px;font-weight:900;line-height:1.7}
    .requirement-axis-head p{color:var(--txt-muted);font-size:12px;line-height:1.8;margin-top:4px}
    .requirement-axis-stats{display:grid;grid-template-columns:auto auto auto auto;align-items:center;justify-self:center;gap:5px 8px;border:1px solid var(--bdr);background:var(--bg-inset);border-radius:14px;padding:10px 12px;min-width:170px}
    .requirement-axis-actions{direction:ltr;display:flex;justify-content:flex-start;justify-self:stretch;text-align:left}
    .requirement-axis-stats strong{color:var(--txt-primary);font-size:16px;font-weight:900;line-height:1}
    .requirement-axis-stats span{color:var(--txt-muted);font-size:10px;font-weight:800}
    .requirement-groups{padding:16px;display:grid;gap:14px}
    .requirement-group{border:1px solid var(--c-border);border-radius:16px;background:linear-gradient(180deg,color-mix(in srgb,var(--bg-inset) 65%,transparent),var(--c-card-bg));padding:14px;display:grid;gap:12px}
    .requirement-group-head{display:grid;grid-template-columns:minmax(200px,1fr) minmax(180px,auto);align-items:center;gap:12px}
    .requirement-group-head span{display:block;color:var(--txt-muted);font-size:10px;font-weight:900;margin-bottom:4px}
    .requirement-group-head h4{color:var(--txt-primary);font-size:14px;font-weight:900;line-height:1.7}
    .requirement-group-count{border:1px solid var(--bdr);background:var(--c-card-bg);border-radius:999px;color:var(--txt-muted);font-size:10px;font-weight:900;padding:6px 10px;white-space:nowrap}
    .requirement-group-actions{direction:ltr;display:flex;align-items:center;justify-content:flex-start;justify-self:stretch;gap:8px;flex-wrap:wrap;text-align:left}
    .requirement-group-actions .assign-evidence-btn{order:-1}
    .requirement-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px}
    .requirement-card{border:1px solid color-mix(in srgb,var(--active-domain-color, var(--c-secondary)) 48%,var(--c-border));background:linear-gradient(135deg,color-mix(in srgb,var(--active-domain-color, var(--c-secondary)) 5%,var(--c-card-bg)),var(--c-card-bg));border-radius:14px;padding:13px;display:grid;gap:10px;box-shadow:0 14px 34px color-mix(in srgb,var(--active-domain-color, var(--c-secondary)) 16%,transparent)}
    .requirement-card-head{display:flex;align-items:flex-start;gap:10px}
    .requirement-card-tools{direction:ltr;margin-inline-start:auto;display:flex;align-items:flex-start;justify-content:flex-start;text-align:left}
    .requirement-card-head strong{display:block;color:var(--txt-primary);font-size:13px;font-weight:900;line-height:1.7}
    .requirement-card-head small{display:block;color:var(--txt-muted);font-size:10px;font-weight:800;line-height:1.6}
    .requirement-icon{width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:var(--c-alert-success-bg);border:1px solid var(--c-alert-success-border);flex-shrink:0}
    .requirement-desc{color:var(--txt-muted);font-size:11.5px;line-height:1.8}
    .requirement-evidence-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px}
    .requirement-evidence{position:relative;display:flex;align-items:flex-start;gap:9px;border:1px solid color-mix(in srgb,var(--active-domain-color, var(--c-secondary)) 34%,var(--c-border));background:linear-gradient(135deg,color-mix(in srgb,var(--active-domain-color, var(--c-secondary)) 7%,var(--bg-inset)),var(--bg-inset));border-radius:12px;padding:34px 10px 10px;flex-wrap:wrap;box-shadow:0 10px 24px color-mix(in srgb,var(--active-domain-color, var(--c-secondary)) 10%,transparent)}
    .requirement-evidence-main{min-width:180px;flex:1}
    .requirement-evidence strong{display:block;color:var(--txt-primary);font-size:11.5px;font-weight:900;line-height:1.7}
    .requirement-evidence small{display:block;color:var(--txt-muted);font-size:10px;font-weight:800}
    .evidence-title-line{display:flex!important;align-items:center;gap:7px;flex-wrap:wrap}
    .evidence-help-btn{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--c-secondary) 42%,transparent);border-radius:9px;background:linear-gradient(135deg,color-mix(in srgb,var(--c-secondary) 90%,var(--white) 10%),color-mix(in srgb,var(--c-primary) 70%,var(--c-secondary)));color:var(--white);font-size:13px;font-weight:900;line-height:1;cursor:pointer;flex-shrink:0;box-shadow:0 8px 18px color-mix(in srgb,var(--c-secondary) 22%,transparent)}
    .evidence-help-btn span{transform:translateY(-.5px)}
    .evidence-help-btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px color-mix(in srgb,var(--c-alert-info-text) 16%,transparent)}
    .evidence-submission-state{display:block;margin-top:5px;color:var(--c-alert-success-text);font-size:10px;font-style:normal;font-weight:950}
    .evidence-missing-state{display:block;margin-top:5px;color:var(--c-alert-warning-text);font-size:10px;font-style:normal;font-weight:950}
    .evidence-delivery-badge{position:absolute;inset-block-start:8px;inset-inline-end:8px;display:inline-flex;width:max-content;border:1px solid var(--c-alert-warning-border);border-radius:999px;background:var(--c-alert-warning-bg);color:var(--c-alert-warning-text);font-size:10px;font-weight:950;padding:4px 9px;z-index:2}
    .evidence-actions-row{direction:ltr;grid-column:1 / -1;display:flex;align-items:center;justify-content:flex-start;gap:8px;flex-wrap:wrap;width:100%;text-align:left}
    .evidence-assignment-control{grid-column:1 / -1;width:100%;display:grid;gap:8px}
    .assign-evidence-btn,.view-evidence-btn{direction:rtl;height:34px;min-width:max-content;display:inline-flex;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--c-secondary) 35%,transparent);border-radius:10px;background:var(--c-secondary);color:var(--white);font-size:11px;font-weight:900;line-height:1;padding:0 12px;cursor:pointer;white-space:nowrap;flex:0 0 auto}
    .view-evidence-btn{width:34px;padding:0;background:var(--c-primary);border-color:color-mix(in srgb,var(--c-primary) 45%,transparent);font-size:14px}
    .requirement-evidence.has-submission{border-color:color-mix(in srgb,var(--active-domain-color, var(--c-secondary)) 34%,var(--c-border));background:linear-gradient(135deg,color-mix(in srgb,var(--active-domain-color, var(--c-secondary)) 7%,var(--bg-inset)),var(--bg-inset));box-shadow:0 10px 24px color-mix(in srgb,var(--active-domain-color, var(--c-secondary)) 10%,transparent)}
    .requirement-evidence.has-submission .evidence-delivery-badge{border-color:var(--c-alert-success-border);background:var(--c-alert-success-bg);color:var(--c-alert-success-text)}
    .requirement-evidence.is-missing{border-color:color-mix(in srgb,var(--active-domain-color, var(--c-secondary)) 34%,var(--c-border));background:linear-gradient(135deg,color-mix(in srgb,var(--active-domain-color, var(--c-secondary)) 7%,var(--bg-inset)),var(--bg-inset));box-shadow:0 10px 24px color-mix(in srgb,var(--active-domain-color, var(--c-secondary)) 10%,transparent)}
    .requirement-evidence.is-missing .evidence-delivery-badge{border-color:var(--c-alert-error-border);background:var(--c-alert-error-bg);color:var(--c-alert-error-text)}
    .evidence-submission-preview{flex:1 1 100%;width:100%;border:1px solid color-mix(in srgb,var(--active-domain-color, var(--c-secondary)) 36%,var(--c-border));border-radius:13px;background:var(--c-card-bg);padding:10px 12px;display:grid;gap:4px}
    .evidence-submission-preview b{color:var(--txt-primary);font-size:11px;font-weight:950}
    .evidence-submission-preview span{color:var(--txt-secondary);font-size:12px;font-weight:900;line-height:1.6}
    .evidence-submission-preview small{color:var(--txt-muted);font-size:10px;font-weight:800}
    .assign-evidence-btn:disabled{opacity:.65;cursor:wait}
    .requirement-empty{border:1px dashed var(--c-border);border-radius:12px;padding:12px;color:var(--txt-muted);font-size:11px;font-weight:900;background:var(--c-card-bg)}
    .entity-inactive-box{margin:18px;border:1px solid var(--c-alert-warning-border);background:var(--c-alert-warning-bg);color:var(--c-alert-warning-text);border-radius:16px;padding:22px;text-align:center}
    .entity-inactive-box strong{display:block;font-size:15px;font-weight:900;margin-bottom:6px}
    .entity-inactive-box span{font-size:12px;font-weight:800;line-height:1.8}
    .evidence-upload-modal{position:fixed;inset:0;z-index:9999;display:none;align-items:stretch;justify-content:flex-start;background:rgba(var(--black-rgb),.42);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);direction:ltr}
    .evidence-upload-modal.is-open{display:flex}
    .evidence-upload-panel{direction:rtl;width:min(560px,100%);height:100%;overflow:auto;background:linear-gradient(180deg,color-mix(in srgb,var(--c-card-bg) 94%,transparent),var(--c-card-bg));border-left:1px solid var(--c-border);box-shadow:28px 0 70px rgba(var(--black-rgb),.28);padding:22px;display:flex;flex-direction:column;gap:16px}
    .evidence-upload-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding-bottom:16px;border-bottom:1px solid var(--c-border)}
    .evidence-upload-kicker{display:inline-flex;border:1px solid var(--c-alert-info-border);background:var(--c-alert-info-bg);color:var(--c-alert-info-text);border-radius:999px;padding:5px 10px;font-size:10px;font-weight:900;margin-bottom:8px}
    .evidence-upload-title{color:var(--txt-primary);font-size:19px;font-weight:900;line-height:1.6}
    .evidence-upload-close{width:36px;height:36px;border:1px solid var(--c-border);border-radius:12px;background:var(--bg-inset);color:var(--txt-primary);font-size:18px;font-weight:900;cursor:pointer;flex-shrink:0}
    .evidence-upload-form{display:grid;gap:14px}
    .evidence-upload-field{display:grid;gap:7px}
    .evidence-upload-field span{color:var(--txt-primary);font-size:11px;font-weight:900}
    .evidence-upload-field input,.evidence-upload-field textarea{width:100%;border:1.5px solid var(--input-border);border-radius:14px;background:var(--input-bg);color:var(--txt-primary);padding:12px 14px;font-size:13px;font-weight:700;outline:none}
    .evidence-upload-field input[readonly]{background:var(--bg-inset);color:var(--txt-muted)}
    .evidence-dropzone{border:1.5px dashed color-mix(in srgb,var(--c-secondary) 46%,var(--c-border));border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--c-secondary) 8%,transparent),var(--bg-inset));padding:18px;text-align:center;color:var(--txt-muted);font-size:12px;font-weight:800}
    .evidence-dropzone input{margin-top:10px;border:0;background:transparent;padding:0}
    .evidence-upload-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;padding-top:12px;border-top:1px solid var(--c-border)}
    .evidence-submit-btn{height:42px;border:1px solid color-mix(in srgb,var(--c-secondary) 45%,transparent);border-radius:14px;background:var(--c-secondary);color:var(--white);font-size:13px;font-weight:900;padding:0 18px;cursor:pointer}
    .evidence-cancel-btn{height:42px;border:1px solid var(--c-border);border-radius:14px;background:var(--bg-inset);color:var(--txt-secondary);font-size:13px;font-weight:900;padding:0 18px;cursor:pointer}
    .evidence-submit-btn:disabled{opacity:.65;cursor:wait}
    .evidence-history{display:grid;gap:10px;border:1px solid var(--c-border);border-radius:16px;background:var(--bg-inset);padding:13px}
    .evidence-history>strong{color:var(--txt-primary);font-size:12px;font-weight:950}
    .evidence-history-list{display:grid;gap:8px}
    .evidence-history-item{display:grid;gap:3px;border:1px solid color-mix(in srgb,var(--c-border) 72%,transparent);border-radius:13px;background:var(--c-card-bg);padding:10px}
    .evidence-history-item b{color:var(--txt-primary);font-size:11.5px;font-weight:950}
    .evidence-history-item span{color:var(--txt-secondary);font-size:11px;font-weight:850;line-height:1.6}
    .evidence-history-item small{color:var(--txt-muted);font-size:10px;font-weight:800}
    .evidence-history-file{height:30px;display:inline-flex;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--c-secondary) 35%,transparent);border-radius:10px;background:var(--c-secondary);color:var(--white);font-size:10.5px;font-weight:900;padding:0 11px;text-decoration:none}
    .evidence-history-empty{color:var(--txt-muted);font-size:11px;font-weight:900;text-align:center;padding:10px}
    .evidence-worker-list{display:grid;gap:9px}
    .evidence-worker-option{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid var(--c-border);border-radius:16px;background:var(--c-card-bg);padding:11px;cursor:pointer;transition:all var(--dur) var(--ease)}
    .evidence-worker-option:hover,.evidence-worker-option.is-selected{border-color:color-mix(in srgb,var(--c-secondary) 52%,var(--c-border));background:linear-gradient(135deg,color-mix(in srgb,var(--c-secondary) 8%,var(--c-card-bg)),var(--c-card-bg));box-shadow:var(--shadow-sm)}
    .evidence-worker-option.is-assigned{border-color:var(--c-alert-success-border);background:linear-gradient(135deg,color-mix(in srgb,var(--c-alert-success-bg) 72%,var(--c-card-bg)),var(--c-card-bg));box-shadow:0 12px 28px color-mix(in srgb,var(--c-alert-success-text) 10%,transparent)}
    .evidence-worker-option.is-assigned .worker-avatar{background:var(--c-alert-success-bg);color:var(--c-alert-success-text);border-color:var(--c-alert-success-border)}
    .evidence-worker-option.is-assigned .worker-info strong{color:var(--c-alert-success-text)}
    .evidence-worker-option.is-selected.is-assigned{border-color:color-mix(in srgb,var(--c-secondary) 62%,var(--c-alert-success-border))}
    .evidence-worker-option input{width:16px;height:16px;accent-color:var(--c-secondary)}
    .worker-avatar{width:36px;height:36px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--ui-card-icon-bg);color:var(--ui-card-icon-color);border:1px solid var(--ui-card-border);font-size:14px;font-weight:950}
    .worker-info{min-width:0}
    .worker-info strong{display:block;color:var(--txt-primary);font-size:12.5px;font-weight:950;line-height:1.5;white-space:normal;overflow-wrap:anywhere}
    .worker-info small{display:block;color:var(--txt-muted);font-size:10.5px;font-weight:800;line-height:1.6;white-space:normal;overflow-wrap:anywhere}
    .worker-check{width:max-content;min-width:24px;height:24px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:var(--c-alert-success-bg);color:var(--c-alert-success-text);border:1px solid var(--c-alert-success-border);font-size:10px;font-weight:950;opacity:0;padding:0 8px;white-space:nowrap}
    .evidence-worker-option.is-selected .worker-check,.evidence-worker-option.is-assigned .worker-check{opacity:1}
    .evidence-unassign-btn{color:var(--c-alert-error-text);border-color:var(--c-alert-error-border);background:var(--c-alert-error-bg)}
    .conditions-page{display:grid;gap:20px}
    .conditions-hero{position:relative;overflow:hidden;border:1px solid color-mix(in srgb,var(--c-border) 72%,transparent);border-radius:24px;background:radial-gradient(circle at 12% 0,color-mix(in srgb,var(--c-secondary) 24%,transparent),transparent 30%),linear-gradient(135deg,color-mix(in srgb,var(--c-primary) 92%,var(--c-card-bg)),color-mix(in srgb,var(--c-card-bg) 90%,var(--c-primary)));box-shadow:var(--shadow-lg);padding:24px}
    .conditions-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.62fr);gap:18px;align-items:center;position:relative;z-index:1}
    .conditions-kicker{display:inline-flex;width:max-content;border:var(--ui-card-border-width) solid var(--ui-card-badge-border);background:var(--ui-card-badge-bg);color:var(--white);border-radius:999px;padding:6px 12px;font-size:11px;font-weight:900}
    .conditions-title{margin-top:12px;color:var(--white);font-size:clamp(22px,3vw,34px);font-weight:950;line-height:1.35}
    .conditions-subtitle{margin-top:8px;color:var(--ui-top-widget-text);font-size:13px;line-height:1.9}
    .conditions-hero-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
    .conditions-hero-stat{border:var(--ui-btn-border-width) solid var(--ui-btn-primary-border-final);border-radius:18px;background:color-mix(in srgb,var(--ui-top-widget-icon-bg) 7%,transparent);padding:14px;box-shadow:inset 0 1px 0 color-mix(in srgb,var(--ui-top-widget-icon-bg) 12%,transparent)}
    .conditions-hero-stat span{display:block;color:var(--ui-top-widget-text);font-size:10.5px;font-weight:900}
    .conditions-hero-stat strong{display:block;margin-top:6px;color:var(--white);font-size:24px;font-weight:950;line-height:1}
    .conditions-workspace{display:grid;grid-template-columns:1fr;gap:20px;align-items:start}
    .conditions-rail{position:relative;display:grid;gap:12px}
    .conditions-rail-head{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--c-border);border-radius:20px;background:var(--c-card-bg);box-shadow:var(--shadow-sm);padding:14px 16px}
    .conditions-rail-head strong{display:block;color:var(--txt-primary);font-size:14px;font-weight:950}
    .conditions-rail-head span{display:block;color:var(--txt-muted);font-size:11px;font-weight:800;line-height:1.7}
    .entity-domain-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;row-gap:12px}
    .entity-domain-list>.entity-domain-card+ .entity-domain-card{margin-top:0}
    .entity-domain-card{border-radius:20px!important}
    .entity-domain-card-inner{padding:15px;gap:13px}
    .entity-domain-type{font-size:16px}
    .entity-domain-icon{width:42px;height:42px;border-radius:14px}
    .entity-domain-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
    .entity-domain-stat{padding:8px 4px;border-radius:11px}
    .entity-domain-stat strong{font-size:13px}
    .entity-domain-stat span{font-size:9px}
    .conditions-detail-shell{border:1px solid color-mix(in srgb,var(--active-domain-color, var(--c-secondary)) 36%,var(--c-border));border-radius:24px;background:var(--c-card-bg);box-shadow:0 22px 58px color-mix(in srgb,var(--active-domain-color, var(--c-secondary)) 14%,transparent);overflow:hidden}
    .entity-domain-detail-head{background:linear-gradient(135deg,color-mix(in srgb,var(--bg-inset) 72%,transparent),var(--c-card-bg));padding:22px}
    .conditions-detail-metrics{display:grid;grid-template-columns:repeat(3,minmax(90px,1fr));gap:10px;min-width:min(360px,100%)}
    .conditions-detail-metric{border:1px solid var(--c-border);border-radius:16px;background:var(--bg-inset);padding:11px;text-align:center}
    .conditions-detail-metric strong{display:block;color:var(--txt-primary);font-size:18px;font-weight:950;line-height:1}
    .conditions-detail-metric span{display:block;margin-top:5px;color:var(--txt-muted);font-size:10px;font-weight:900}
    .entity-requirements{padding:20px;background:linear-gradient(180deg,color-mix(in srgb,var(--bg-inset) 64%,transparent),transparent)}
    .requirement-axis{border-radius:22px;box-shadow:var(--shadow-sm)}
    .requirement-axis-head{padding:18px 20px;background:linear-gradient(135deg,color-mix(in srgb,var(--c-secondary) 9%,transparent),color-mix(in srgb,var(--c-primary) 6%,transparent))}
    .requirement-groups{padding:18px;gap:16px}
    .requirement-group{border-radius:18px;padding:16px}
    .requirement-cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
    .requirement-card{border-radius:16px;padding:12px;box-shadow:0 12px 28px color-mix(in srgb,var(--active-domain-color, var(--c-secondary)) 14%,transparent)}
    .requirement-evidence{display:flex;align-items:flex-start;gap:9px;border-radius:14px;padding:34px 10px 10px;background:linear-gradient(135deg,color-mix(in srgb,var(--active-domain-color, var(--c-secondary)) 7%,var(--bg-inset)),var(--bg-inset))}
    .evidence-swal-full{width:calc(100vw - 28px)!important;max-width:none!important;height:calc(100vh - 28px)!important;margin:14px!important;padding:0!important;border-radius:20px!important;background:var(--c-card-bg)!important;color:var(--txt-primary)!important;overflow:hidden!important}
    .evidence-swal-full .swal2-close{color:var(--txt-primary)!important;font-size:30px!important}
    .evidence-swal-full .swal2-html-container{height:calc(100vh - 28px)!important;margin:0!important;padding:0!important;overflow:hidden!important}
    .evidence-swal-loader{height:100%;display:grid;place-items:center;color:var(--txt-muted);font-size:13px;font-weight:900}
    .evidence-viewer-shell{height:100%;display:flex;flex-direction:column;gap:12px;padding:16px;background:linear-gradient(180deg,color-mix(in srgb,var(--bg-inset) 68%,transparent),var(--c-card-bg));direction:rtl;text-align:right}
    .evidence-viewer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:0 44px 12px 0;border-bottom:1px solid var(--c-border)}
    .evidence-viewer-title{min-width:0}
    .evidence-viewer-title strong{display:block;color:var(--txt-primary);font-size:16px;font-weight:950;line-height:1.7}
    .evidence-viewer-title span{display:block;color:var(--txt-muted);font-size:11px;font-weight:850;line-height:1.7}
    .evidence-viewer-tools{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
    .evidence-viewer-tools button,.evidence-viewer-tools a{height:34px;min-width:34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--c-border);border-radius:11px;background:var(--bg-inset);color:var(--txt-primary);font-size:12px;font-weight:950;text-decoration:none;cursor:pointer;padding:0 10px}
    .evidence-zoom-label{min-width:54px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--c-border);border-radius:11px;background:var(--c-card-bg);color:var(--txt-secondary);font-size:11px;font-weight:950}
    .evidence-viewer-scroll{flex:1;min-height:0;overflow:auto;border:1px solid var(--c-border);border-radius:18px;background:color-mix(in srgb,var(--bg-inset) 78%,var(--c-card-bg));padding:16px}
    .evidence-viewer-stage{--evidence-zoom:1;transform:scale(var(--evidence-zoom));transform-origin:top center;width:100%;min-height:100%;transition:transform .18s ease}
    .evidence-viewer-frame{width:100%;height:72vh;border:0;border-radius:14px;background:#fff;box-shadow:var(--shadow-sm)}
    .evidence-viewer-image{display:block;max-width:100%;height:auto;margin:0 auto;border-radius:14px;background:#fff;box-shadow:var(--shadow-sm)}
    .evidence-viewer-empty{height:100%;display:grid;place-items:center;color:var(--txt-muted);font-size:13px;font-weight:900;text-align:center}
    @media(max-width:720px){.evidence-viewer-head{padding-inline-start:0;flex-direction:column}.evidence-viewer-tools{width:100%;justify-content:flex-start}.evidence-viewer-shell{padding:12px}.evidence-swal-full{width:calc(100vw - 16px)!important;height:calc(100vh - 16px)!important;margin:8px!important}}
    @media(max-width:1120px){.conditions-hero-grid,.conditions-workspace{grid-template-columns:1fr}.conditions-rail{position:static}.entity-domain-list{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.entity-domain-card.is-focused .entity-domain-card-inner,.entity-domain-detail-head,.requirement-axis-head{grid-template-columns:1fr}.conditions-detail-tools,.requirement-axis-actions,.entity-domain-card.is-focused .entity-domain-card-actions{justify-self:stretch}.conditions-detail-metrics{width:100%}}
    @media(max-width:640px){.conditions-hero{padding:18px}.conditions-hero-stats,.conditions-detail-metrics{grid-template-columns:1fr 1fr}.entity-domain-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.node-desc,.node-evidence{margin-right:0}.entity-domain-node:before{display:none}.requirement-group-head{grid-template-columns:1fr}.requirement-axis-stats{width:100%;grid-template-columns:auto auto}.requirement-cards{grid-template-columns:1fr}.view-evidence-btn{width:auto}}

        /* Fixed premium theme presets */
        html[data-theme-preset="royal_light"] {
            --p:#111827; --t:#0f766e; --g:#b7791f; --bg:#eef3f9; --bg2:#f8fbff; --cbg:#ffffff; --cbd:#c8d6e6; --bdr:#c8d6e6;
            --tx1:#111827; --tx2:#334155; --tx3:#667085; --sidebar-base:#07111f; --sidebar-end:#0b1728; --sidebar-active:#0f766e;
            --cnb:#f1f6fb; --cnbd:#d5e2ef; --sur:#ffffff; --ibg:#fbfdff; --thbg:#f4f8fc; --rh:#dcefeb; --txl:#0f766e;
            --ui-page-bg:#eef3f9; --ui-page-bg-2:#f8fbff; --ui-component-bg:#ffffff; --ui-component-border:#c8d6e6; --ui-nested-bg:#f1f6fb; --ui-nested-border:#d5e2ef; --ui-card-bg:#ffffff; --ui-card-border:#c8d6e6;
            --ui-top-widget-bg:#111827; --ui-top-widget-border:#2b3d56; --ui-top-widget-title:#ffffff; --ui-top-widget-text:#d8e2ee; --ui-top-widget-icon-bg:#f7d78a; --ui-top-widget-icon-color:#111827;
            --ui-btn-primary-bg:#0f766e; --ui-btn-primary-border:#14b8a6; --ui-btn-secondary-bg:#f5f8fc; --ui-btn-secondary-text:#111827; --ui-btn-secondary-border:#c8d6e6; --ui-header-btn-bg-color:#0f766e; --ui-header-btn-border-color:#14b8a6;
            --ui-card-title:#111827; --ui-card-text:#334155; --ui-card-icon-bg:#e4f2ef; --ui-card-icon-color:#0f766e; --ui-card-badge-bg:#eaf6f3; --ui-card-badge-text:#0f766e; --ui-card-badge-border:#afd6ce; --ui-card-button-border:#0f766e;
            --ui-card-shadow-color:#0b1220; --ui-card-shadow-alpha:12%; --ui-card-shadow-y:10px; --ui-card-shadow-blur:28px;
            --badge-teal-bg:#eaf6f3; --badge-teal-txt:#0f766e; --badge-teal-bdr:#afd6ce;
            --p-rgb:17,24,39; --t-rgb:15,118,110; --g-rgb:183,121,31; --ink-rgb:17,24,39; --surface-rgb:255,255,255;
        }
        html[data-theme-preset="emerald_light"] {
            --p:#06312f; --t:#047857; --g:#0f9f7a; --bg:#edf8f2; --bg2:#f8fffb; --cbg:#ffffff; --cbd:#b8dec9; --bdr:#b8dec9;
            --tx1:#06312f; --tx2:#28554b; --tx3:#5f8378; --sidebar-base:#042421; --sidebar-end:#06312f; --sidebar-active:#047857;
            --cnb:#f0faf5; --cnbd:#c9ead7; --sur:#ffffff; --ibg:#fbfffd; --thbg:#f1fbf6; --rh:#d3f2df; --txl:#047857;
            --ui-page-bg:#edf8f2; --ui-page-bg-2:#f8fffb; --ui-component-bg:#ffffff; --ui-component-border:#b8dec9; --ui-nested-bg:#f0faf5; --ui-nested-border:#c9ead7; --ui-card-bg:#ffffff; --ui-card-border:#b8dec9;
            --ui-top-widget-bg:#06312f; --ui-top-widget-border:#0f5f50; --ui-top-widget-title:#ffffff; --ui-top-widget-text:#d4f4e3; --ui-top-widget-icon-bg:#d1fae5; --ui-top-widget-icon-color:#047857;
            --ui-btn-primary-bg:#047857; --ui-btn-primary-border:#10b981; --ui-btn-secondary-bg:#f3fbf6; --ui-btn-secondary-text:#06312f; --ui-btn-secondary-border:#b8dec9; --ui-header-btn-bg-color:#047857; --ui-header-btn-border-color:#10b981;
            --ui-card-title:#06312f; --ui-card-text:#28554b; --ui-card-icon-bg:#dff7e9; --ui-card-icon-color:#047857; --ui-card-badge-bg:#e8f8ef; --ui-card-badge-text:#047857; --ui-card-badge-border:#b8dec9; --ui-card-button-border:#047857;
            --ui-card-shadow-color:#06312f; --ui-card-shadow-alpha:11%; --ui-card-shadow-y:10px; --ui-card-shadow-blur:26px;
            --badge-teal-bg:#e8f8ef; --badge-teal-txt:#047857; --badge-teal-bdr:#b8dec9;
            --p-rgb:6,49,47; --t-rgb:4,120,87; --g-rgb:15,159,122; --ink-rgb:6,49,47; --surface-rgb:255,255,255;
        }
        html[data-theme-preset="sapphire_light"] {
            --p:#0b3657; --t:#0369a1; --g:#0284c7; --bg:#edf5ff; --bg2:#f8fbff; --cbg:#ffffff; --cbd:#b8cfe8; --bdr:#b8cfe8;
            --tx1:#0b3657; --tx2:#334b63; --tx3:#6b839d; --sidebar-base:#071a2f; --sidebar-end:#0b3657; --sidebar-active:#0369a1;
            --cnb:#f1f7ff; --cnbd:#cbdff3; --sur:#ffffff; --ibg:#fbfdff; --thbg:#f2f8ff; --rh:#d8ebfb; --txl:#0369a1;
            --ui-page-bg:#edf5ff; --ui-page-bg-2:#f8fbff; --ui-component-bg:#ffffff; --ui-component-border:#b8cfe8; --ui-nested-bg:#f1f7ff; --ui-nested-border:#cbdff3; --ui-card-bg:#ffffff; --ui-card-border:#b8cfe8;
            --ui-top-widget-bg:#0b3657; --ui-top-widget-border:#1b5d89; --ui-top-widget-title:#ffffff; --ui-top-widget-text:#d8ecfb; --ui-top-widget-icon-bg:#dbeafe; --ui-top-widget-icon-color:#0369a1;
            --ui-btn-primary-bg:#0369a1; --ui-btn-primary-border:#38bdf8; --ui-btn-secondary-bg:#f2f8ff; --ui-btn-secondary-text:#0b3657; --ui-btn-secondary-border:#b8cfe8; --ui-header-btn-bg-color:#0369a1; --ui-header-btn-border-color:#38bdf8;
            --ui-card-title:#0b3657; --ui-card-text:#334b63; --ui-card-icon-bg:#dbeafe; --ui-card-icon-color:#0369a1; --ui-card-badge-bg:#edf7ff; --ui-card-badge-text:#0369a1; --ui-card-badge-border:#b8cfe8; --ui-card-button-border:#0369a1;
            --ui-card-shadow-color:#0b3657; --ui-card-shadow-alpha:11%; --ui-card-shadow-y:10px; --ui-card-shadow-blur:26px;
            --badge-teal-bg:#edf7ff; --badge-teal-txt:#0369a1; --badge-teal-bdr:#b8cfe8;
            --p-rgb:11,54,87; --t-rgb:3,105,161; --g-rgb:2,132,199; --ink-rgb:11,54,87; --surface-rgb:255,255,255;
        }
        html[data-theme-preset="royal_dark"] {
            --p:#020617; --t:#14b8a6; --g:#f4c96b; --bg:#07111f; --bg2:#0b1628; --cbg:#101c2f; --cbd:#24344d; --bdr:#24344d;
            --tx1:#f8fafc; --tx2:#cbd5e1; --tx3:#94a3b8; --sidebar-base:#020617; --sidebar-end:#0f172a; --sidebar-active:#0f766e;
            --cnb:#0b1628; --cnbd:#24344d; --sur:#101c2f; --ibg:#0b1628; --thbg:#111f34; --rh:#12263c; --txl:#5eead4;
            --ui-page-bg:#07111f; --ui-page-bg-2:#0b1628; --ui-card-bg:#101c2f; --ui-card-border:#24344d;
            --ui-card-title:#f8fafc; --ui-card-text:#cbd5e1; --ui-card-icon-bg:#0f2f35; --ui-card-icon-color:#5eead4;
        }
        html[data-theme-preset="violet_dark"] {
            --p:#16072f; --t:#8b5cf6; --g:#f0abfc; --bg:#12091f; --bg2:#1f1235; --cbg:#24153d; --cbd:#3b2a5d; --bdr:#3b2a5d;
            --tx1:#faf5ff; --tx2:#ddd6fe; --tx3:#a78bfa; --sidebar-base:#0f061d; --sidebar-end:#1e103f; --sidebar-active:#7c3aed;
            --cnb:#1f1235; --cnbd:#3b2a5d; --sur:#24153d; --ibg:#1b102d; --thbg:#2b1a47; --rh:#332050; --txl:#c4b5fd;
            --ui-page-bg:#12091f; --ui-page-bg-2:#1f1235; --ui-card-bg:#24153d; --ui-card-border:#3b2a5d;
            --ui-card-title:#faf5ff; --ui-card-text:#ddd6fe; --ui-card-icon-bg:#332050; --ui-card-icon-color:#c4b5fd;
        }
        html[data-theme-preset="graphite_dark"] {
            --p:#030712; --t:#64748b; --g:#f8fafc; --bg:#080c14; --bg2:#111827; --cbg:#111827; --cbd:#263244; --bdr:#263244;
            --tx1:#f8fafc; --tx2:#cbd5e1; --tx3:#94a3b8; --sidebar-base:#030712; --sidebar-end:#111827; --sidebar-active:#334155;
            --cnb:#0f172a; --cnbd:#263244; --sur:#111827; --ibg:#0f172a; --thbg:#1f2937; --rh:#1e293b; --txl:#e2e8f0;
            --ui-page-bg:#080c14; --ui-page-bg-2:#111827; --ui-card-bg:#111827; --ui-card-border:#263244;
            --ui-card-title:#f8fafc; --ui-card-text:#cbd5e1; --ui-card-icon-bg:#1f2937; --ui-card-icon-color:#e2e8f0;
        }
        html[data-theme-preset$="_light"] {
            --ui-btn-primary-bg: var(--t);
            --ui-btn-primary-text: #ffffff;
            --ui-btn-primary-border: color-mix(in srgb, var(--t) 78%, var(--p));
            --ui-btn-secondary-bg: color-mix(in srgb, var(--cnb) 72%, var(--ui-card-bg));
            --ui-btn-secondary-text: var(--tx1);
            --ui-btn-secondary-border: color-mix(in srgb, var(--t) 18%, var(--bdr));
            --ui-btn-danger-bg: color-mix(in srgb, #ef4444 13%, var(--ui-card-bg));
            --ui-btn-danger-text: #9f1239;
            --ui-btn-danger-border: color-mix(in srgb, #ef4444 32%, var(--bdr));
            --ui-filter-btn-bg-color: color-mix(in srgb, var(--cnb) 78%, var(--ui-card-bg));
            --ui-filter-btn-text: var(--tx1);
            --ui-filter-btn-border-color: color-mix(in srgb, var(--t) 14%, var(--bdr));
            --ui-filter-btn-active-bg: var(--t);
            --ui-filter-btn-active-text: #ffffff;
            --ui-header-btn-bg-color: var(--t);
            --ui-header-btn-text: #ffffff;
            --ui-header-btn-border-color: color-mix(in srgb, var(--t) 70%, #ffffff);
            --ui-btn-shadow: 0 10px 22px color-mix(in srgb, var(--p) 12%, transparent);
            --ui-filter-btn-shadow: 0 6px 16px color-mix(in srgb, var(--p) 7%, transparent);
        }
        html[data-theme-preset$="_dark"] {
            --ui-component-bg: var(--cbg);
            --ui-component-border: var(--cbd);
            --ui-nested-bg: var(--cnb);
            --ui-nested-border: var(--cnbd);
            --ui-top-widget-bg: color-mix(in srgb, var(--p) 84%, #000000);
            --ui-top-widget-border: color-mix(in srgb, var(--bdr) 86%, var(--t) 14%);
            --ui-top-widget-title: var(--tx1);
            --ui-top-widget-text: var(--tx2);
            --ui-card-badge-bg: color-mix(in srgb, var(--cnb) 88%, var(--t) 12%);
            --ui-card-badge-text: color-mix(in srgb, var(--tx1) 84%, var(--t) 16%);
            --ui-card-badge-border: color-mix(in srgb, var(--bdr) 78%, var(--t) 22%);
            --badge-teal-bg: var(--ui-card-badge-bg);
            --badge-teal-txt: var(--ui-card-badge-text);
            --badge-teal-bdr: var(--ui-card-badge-border);
            --badge-slate-bg: var(--cnb);
            --badge-slate-txt: var(--tx2);
            --badge-slate-bdr: var(--cnbd);
            --ui-btn-primary-bg: var(--t);
            --ui-btn-primary-text: #ffffff;
            --ui-btn-primary-border: color-mix(in srgb, var(--t) 72%, var(--g));
            --ui-btn-secondary-bg: color-mix(in srgb, var(--cnb) 82%, var(--ui-card-bg));
            --ui-btn-secondary-text: var(--tx1);
            --ui-btn-secondary-border: color-mix(in srgb, var(--t) 16%, var(--bdr));
            --ui-btn-danger-bg: color-mix(in srgb, #ef4444 16%, var(--ui-card-bg));
            --ui-btn-danger-text: #fca5a5;
            --ui-btn-danger-border: color-mix(in srgb, #ef4444 28%, var(--bdr));
            --ui-filter-btn-bg-color: color-mix(in srgb, var(--cnb) 86%, var(--ui-card-bg));
            --ui-filter-btn-text: var(--tx2);
            --ui-filter-btn-border-color: color-mix(in srgb, var(--t) 14%, var(--bdr));
            --ui-filter-btn-active-bg: var(--t);
            --ui-filter-btn-active-text: #ffffff;
            --ui-header-btn-bg-color: var(--t);
            --ui-header-btn-text: #ffffff;
            --ui-header-btn-border-color: color-mix(in srgb, var(--t) 70%, var(--g));
            --ui-btn-shadow: 0 10px 24px color-mix(in srgb, #000000 28%, transparent);
            --ui-filter-btn-shadow: none;
        }
        html[data-theme-preset$="_dark"] .ik-content :is(
            .domain-stat-chip,
            .judge-pill,
            .entity-pill,
            .comm-chip,
            .ui-badge-glass,
            .ik-meta-chip,
            .ik-chip-role,
            [style*="background:var(--ui-card-badge-bg)"],
            [style*="background: var(--ui-card-badge-bg)"],
            [style*="background:var(--badge-teal-bg)"],
            [style*="background: var(--badge-teal-bg)"]
        ) {
            background: var(--ui-card-badge-bg) !important;
            color: var(--ui-card-badge-text) !important;
            border-color: var(--ui-card-badge-border) !important;
        }
        .sb-theme-row {
            display:flex;
            gap:8px;
            align-items:center;
            justify-content:center;
            padding:4px 8px 12px;
            border-bottom:1px solid rgba(var(--white-rgb), .08);
            margin-bottom:10px;
        }
        .theme-swatch {
            width:26px;
            height:26px;
            border-radius:999px;
            border:1px solid rgba(var(--white-rgb), .28);
            background:linear-gradient(135deg, var(--sw1) 0 36%, var(--sw2) 36% 68%, var(--sw3) 68% 100%);
            box-shadow:0 8px 18px rgba(var(--black-rgb), .18), inset 0 1px 0 rgba(var(--white-rgb), .45);
            cursor:pointer;
            transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
        }
        .theme-swatch:hover,
        .theme-swatch.is-active {
            transform:translateY(-2px) scale(1.06);
            border-color:var(--gold-bright);
            box-shadow:0 12px 26px rgba(var(--black-rgb), .24), 0 0 0 3px rgba(var(--g-rgb), .18);
        }
        .sb-quick-links {
            margin-bottom:8px;
        }
        .notification-card,
        .ticket-card,
        .message-bubble {
            background:color-mix(in srgb, var(--ui-card-bg) 88%, transparent);
            border:var(--ui-card-border-width) solid var(--ui-card-border);
            box-shadow:var(--ui-card-shadow);
            border-radius:18px;
        }
        .message-bubble {
            padding:14px 16px;
            backdrop-filter:blur(16px);
        }
        .comm-hero,
        .comm-panel,
        .ticket-chat-shell,
        .notification-body-card {
            border-color:color-mix(in srgb, var(--t) 18%, var(--bdr));
        }
        .comm-hero {
            background:
                radial-gradient(circle at 14% 8%, color-mix(in srgb, var(--t) 22%, transparent), transparent 28%),
                radial-gradient(circle at 88% 0, color-mix(in srgb, var(--g) 22%, transparent), transparent 34%),
                linear-gradient(145deg, color-mix(in srgb, var(--cbg) 92%, transparent), color-mix(in srgb, var(--cnb) 74%, transparent));
        }
        .comm-stat-card,
        .comm-compose,
        .ticket-reply-box {
            border-color:color-mix(in srgb, var(--t) 16%, var(--bdr));
            background:color-mix(in srgb, var(--cbg) 78%, transparent);
        }
        .comm-row {
            position:relative;
        }
        .comm-row::before {
            content:"";
            position:absolute;
            inset-block:12px;
            inset-inline-start:0;
            width:3px;
            border-radius:999px;
            background:linear-gradient(180deg, var(--t), var(--g));
            opacity:0;
            transition:opacity .18s ease;
        }
        .comm-row:hover::before,
        .notification-row.unread::before {
            opacity:1;
        }
        .comm-avatar {
            background:linear-gradient(145deg, color-mix(in srgb, var(--t) 14%, var(--cbg)), color-mix(in srgb, var(--g) 12%, var(--cnb)));
            border-color:color-mix(in srgb, var(--t) 24%, var(--bdr));
            color:var(--t);
        }
        .ticket-chat-message.mine .ticket-chat-bubble {
            background:linear-gradient(145deg, color-mix(in srgb, var(--t) 92%, var(--p)), color-mix(in srgb, var(--p) 76%, var(--t)));
            border-color:color-mix(in srgb, var(--g) 32%, var(--t));
        }
        .ticket-chat-message.other .ticket-chat-bubble,
        .notification-body-card {
            background:linear-gradient(145deg, color-mix(in srgb, var(--cbg) 88%, transparent), color-mix(in srgb, var(--cnb) 72%, transparent));
        }
        .notification-row.unread {
            background:
                linear-gradient(90deg, color-mix(in srgb, var(--t) 12%, transparent), transparent 48%),
                color-mix(in srgb, var(--cbg) 88%, transparent);
        }

        html[data-theme-preset$="_light"] body,
        html[data-theme-preset$="_light"] .ik-main {
            background:
                radial-gradient(circle at 78% -8%, color-mix(in srgb, var(--t) 16%, transparent), transparent 32%),
                radial-gradient(circle at 12% 102%, color-mix(in srgb, var(--g) 12%, transparent), transparent 30%),
                linear-gradient(180deg, var(--bg2) 0%, var(--bg) 42%, color-mix(in srgb, var(--bg) 88%, var(--p) 12%) 100%) !important;
        }

        html[data-theme-preset$="_light"] .ik-header {
            background:
                linear-gradient(180deg, color-mix(in srgb, var(--sur) 92%, transparent), color-mix(in srgb, var(--bg2) 86%, transparent)) !important;
            border-color: color-mix(in srgb, var(--bdr) 88%, var(--t) 12%) !important;
            box-shadow: 0 1px 0 color-mix(in srgb, var(--white) 74%, transparent), 0 14px 34px color-mix(in srgb, var(--p) 8%, transparent) !important;
            backdrop-filter: blur(16px) saturate(128%);
        }

        html[data-theme-preset$="_light"] .ik-content :is(
            .ik-card,
            .comm-panel,
            .notification-card,
            .ticket-card,
            .assignment-card,
            .user-item,
            .entity-domain-card,
            .requirement-card,
            .domain-mini-btn,
            .entity-mini-btn,
            .judge-mini-btn,
            [style*="background:var(--card-bg)"],
            [style*="background: var(--card-bg)"],
            [style*="background:var(--c-card-bg)"],
            [style*="background: var(--c-card-bg)"]
        ) {
            background:
                linear-gradient(180deg, color-mix(in srgb, var(--white) 92%, var(--bg2) 8%), color-mix(in srgb, var(--cbg) 96%, var(--t) 4%)) !important;
            border-color: color-mix(in srgb, var(--bdr) 82%, var(--t) 18%) !important;
        }

        /* Theme contrast fixes */
        html[data-theme-preset$="_light"] .ik-content [style*="var(--ui-top-widget-bg)"],
        html[data-theme-preset$="_light"] .ik-content [style*="var(--c-primary)"],
        html[data-theme-preset$="_light"] .ik-content .comm-hero,
        html[data-theme-preset$="_light"] .ik-content .conditions-hero,
        html[data-theme-preset$="_light"] .ik-content .evidence-monitor-hero,
        html[data-theme-preset$="_light"] .ik-content .judge-hero,
        html[data-theme-preset$="_light"] .ik-content .ai-hero {
            background:
                radial-gradient(circle at 12% 0, color-mix(in srgb, var(--t) 26%, transparent), transparent 32%),
                linear-gradient(135deg, color-mix(in srgb, var(--p) 94%, var(--t)), color-mix(in srgb, var(--p) 78%, var(--g))) !important;
            border-color: color-mix(in srgb, var(--g) 26%, transparent) !important;
            color: var(--white) !important;
        }
        html[data-theme-preset$="_light"] .ik-content [style*="var(--ui-top-widget-bg)"] :is(h1,h2,h3,strong,span,p,small),
        html[data-theme-preset$="_light"] .ik-content [style*="var(--c-primary)"] :is(h1,h2,h3,strong,span,p,small),
        html[data-theme-preset$="_light"] .ik-content .comm-hero :is(h1,h2,h3,strong,span,p,small),
        html[data-theme-preset$="_light"] .ik-content .conditions-hero :is(h1,h2,h3,strong,span,p,small),
        html[data-theme-preset$="_light"] .ik-content .evidence-monitor-hero :is(h1,h2,h3,strong,span,p,small),
        html[data-theme-preset$="_light"] .ik-content .judge-hero :is(h1,h2,h3,strong,span,p,small),
        html[data-theme-preset$="_light"] .ik-content .ai-hero :is(h1,h2,h3,strong,span,p,small) {
            color: var(--white) !important;
        }
        html[data-theme-preset$="_light"] .ik-content :is(.comm-panel,.ik-card,.bg-white,.entity-domain-card,.requirement-card,.user-item,.domain-mini-btn,.entity-mini-btn) :is(h1,h2,h3,h4,p,span,strong).text-white {
            color: var(--tx1) !important;
        }
        html[data-theme-preset$="_light"] .ik-content :is(
            [style*="background:var(--badge-teal-bg)"],
            [style*="background: var(--badge-teal-bg)"],
            [style*="background:var(--ui-card-badge-bg)"],
            [style*="background: var(--ui-card-badge-bg)"],
            [style*="background:var(--bg-inset)"],
            [style*="background: var(--bg-inset)"],
            [style*="background:var(--card-bg)"],
            [style*="background: var(--card-bg)"]
        ):not([style*="var(--c-primary)"]):not([style*="var(--c-secondary)"]) {
            color: var(--txt-primary) !important;
        }
        html[data-theme-preset$="_light"] .ik-content :is(
            [style*="background:var(--badge-teal-bg)"],
            [style*="background: var(--badge-teal-bg)"],
            [style*="background:var(--ui-card-badge-bg)"],
            [style*="background: var(--ui-card-badge-bg)"]
        ) {
            color: var(--badge-teal-txt) !important;
        }
        html[data-theme-preset$="_light"] .ik-content :is(
            [style*="background:var(--badge-teal-bg)"],
            [style*="background: var(--badge-teal-bg)"],
            [style*="background:var(--ui-card-badge-bg)"],
            [style*="background: var(--ui-card-badge-bg)"],
            [style*="background:var(--bg-inset)"],
            [style*="background: var(--bg-inset)"],
            [style*="background:var(--card-bg)"],
            [style*="background: var(--card-bg)"]
        ) :is(h1,h2,h3,h4,h5,h6,p,span,strong,small,label,div).text-white {
            color: inherit !important;
        }
        html[data-theme-preset$="_light"] .ik-content :is(
            h1,
            h2,
            h3,
            h4,
            h5,
            h6,
            p,
            span,
            strong,
            small,
            label,
            div
        ).text-white,
        html[data-theme-preset$="_light"] .ik-content :is(
            h1,
            h2,
            h3,
            h4,
            h5,
            h6,
            p,
            span,
            strong,
            small,
            label,
            div
        )[style*="color:var(--white)"],
        html[data-theme-preset$="_light"] .ik-content :is(
            h1,
            h2,
            h3,
            h4,
            h5,
            h6,
            p,
            span,
            strong,
            small,
            label,
            div
        )[style*="color: var(--white)"],
        html[data-theme-preset$="_light"] .ik-content :is(
            h1,
            h2,
            h3,
            h4,
            h5,
            h6,
            p,
            span,
            strong,
            small,
            label,
            div
        )[style*="color:#fff"],
        html[data-theme-preset$="_light"] .ik-content :is(
            h1,
            h2,
            h3,
            h4,
            h5,
            h6,
            p,
            span,
            strong,
            small,
            label,
            div
        )[style*="color: #fff"],
        html[data-theme-preset$="_light"] .ik-content :is(
            h1,
            h2,
            h3,
            h4,
            h5,
            h6,
            p,
            span,
            strong,
            small,
            label,
            div
        )[style*="color:#ffffff"],
        html[data-theme-preset$="_light"] .ik-content :is(
            h1,
            h2,
            h3,
            h4,
            h5,
            h6,
            p,
            span,
            strong,
            small,
            label,
            div
        )[style*="color: #ffffff"] {
            color: var(--tx1) !important;
        }
        html[data-theme-preset$="_light"] .ik-content :is(
            .comm-hero,
            .conditions-hero,
            .evidence-monitor-hero,
            .auth-hero,
            .evidence-form-side,
            .evidence-edit-side,
            [style*="background:var(--c-primary)"],
            [style*="background: var(--c-primary)"],
            [style*="background:var(--c-secondary)"],
            [style*="background: var(--c-secondary)"],
            [class*="bg-slate-8"],
            [class*="bg-slate-9"],
            [class*="bg-teal-"],
            [class*="bg-cyan-"],
            [class*="bg-emerald-"]
        ) :is(h1,h2,h3,h4,h5,h6,p,span,strong,small,label,div).text-white,
        html[data-theme-preset$="_light"] .ik-content :is(
            .text-white[style*="background:var(--c-primary)"],
            .text-white[style*="background: var(--c-primary)"],
            .text-white[style*="background:var(--c-secondary)"],
            .text-white[style*="background: var(--c-secondary)"],
            .text-white[style*="background:var(--clr-teal)"],
            .text-white[style*="background: var(--clr-teal)"],
            .text-white[class*="bg-slate-8"],
            .text-white[class*="bg-slate-9"],
            .text-white[class*="bg-teal-"],
            .text-white[class*="bg-cyan-"],
            .text-white[class*="bg-emerald-"]
        ) {
            color: var(--white) !important;
        }
        html[data-theme-preset$="_light"] .ik-content :is(
            .ik-card,
            .comm-panel,
            .notification-card,
            .ticket-card,
            .message-bubble,
            .assignment-card,
            .evidence-monitor-card,
            .evidence-detail-card,
            .evidence-form-card,
            .evidence-edit-card,
            .revision-item,
            .requirement-card,
            .requirement-group,
            .requirement-axis,
            .entity-domain-card,
            .entity-domain-detail,
            .entity-domain-node,
            .conditions-detail-shell,
            .conditions-rail-head,
            .domain-detail,
            .entity-detail,
            .judge-detail,
            .user-item,
            .domain-mini-btn,
            .entity-mini-btn,
            .judge-mini-btn,
            .user-mini-btn,
            .bg-white,
            [class*="bg-white"],
            [class*="bg-slate-50"],
            [class*="bg-slate-100"],
            [class*="bg-gray-50"],
            [class*="bg-gray-100"],
            [style*="background:var(--c-card-bg)"],
            [style*="background: var(--c-card-bg)"],
            [style*="background:var(--ui-card-bg)"],
            [style*="background: var(--ui-card-bg)"],
            [style*="background:var(--card-bg)"],
            [style*="background: var(--card-bg)"],
            [style*="background:var(--bg-inset)"],
            [style*="background: var(--bg-inset)"],
            [style*="background:var(--ui-card-badge-bg)"],
            [style*="background: var(--ui-card-badge-bg)"]
        ) :is(
            h1,
            h2,
            h3,
            h4,
            h5,
            h6,
            p,
            span,
            strong,
            small,
            label,
            div
        ).text-white,
        html[data-theme-preset$="_light"] .ik-content :is(
            .ik-card,
            .comm-panel,
            .notification-card,
            .ticket-card,
            .message-bubble,
            .assignment-card,
            .evidence-monitor-card,
            .evidence-detail-card,
            .evidence-form-card,
            .evidence-edit-card,
            .revision-item,
            .requirement-card,
            .requirement-group,
            .requirement-axis,
            .entity-domain-card,
            .entity-domain-detail,
            .entity-domain-node,
            .conditions-detail-shell,
            .conditions-rail-head,
            .domain-detail,
            .entity-detail,
            .judge-detail,
            .user-item,
            .domain-mini-btn,
            .entity-mini-btn,
            .judge-mini-btn,
            .user-mini-btn,
            .bg-white,
            [class*="bg-white"],
            [class*="bg-slate-50"],
            [class*="bg-slate-100"],
            [class*="bg-gray-50"],
            [class*="bg-gray-100"],
            [style*="background:var(--c-card-bg)"],
            [style*="background: var(--c-card-bg)"],
            [style*="background:var(--ui-card-bg)"],
            [style*="background: var(--ui-card-bg)"],
            [style*="background:var(--card-bg)"],
            [style*="background: var(--card-bg)"],
            [style*="background:var(--bg-inset)"],
            [style*="background: var(--bg-inset)"],
            [style*="background:var(--ui-card-badge-bg)"],
            [style*="background: var(--ui-card-badge-bg)"]
        ) :is(
            h1,
            h2,
            h3,
            h4,
            h5,
            h6,
            p,
            span,
            strong,
            small,
            label,
            div
        )[style*="color:var(--white)"],
        html[data-theme-preset$="_light"] .ik-content :is(
            .ik-card,
            .comm-panel,
            .notification-card,
            .ticket-card,
            .message-bubble,
            .assignment-card,
            .evidence-monitor-card,
            .evidence-detail-card,
            .evidence-form-card,
            .evidence-edit-card,
            .revision-item,
            .requirement-card,
            .requirement-group,
            .requirement-axis,
            .entity-domain-card,
            .entity-domain-detail,
            .entity-domain-node,
            .conditions-detail-shell,
            .conditions-rail-head,
            .domain-detail,
            .entity-detail,
            .judge-detail,
            .user-item,
            .domain-mini-btn,
            .entity-mini-btn,
            .judge-mini-btn,
            .user-mini-btn,
            .bg-white,
            [class*="bg-white"],
            [class*="bg-slate-50"],
            [class*="bg-slate-100"],
            [class*="bg-gray-50"],
            [class*="bg-gray-100"],
            [style*="background:var(--c-card-bg)"],
            [style*="background: var(--c-card-bg)"],
            [style*="background:var(--ui-card-bg)"],
            [style*="background: var(--ui-card-bg)"],
            [style*="background:var(--card-bg)"],
            [style*="background: var(--card-bg)"],
            [style*="background:var(--bg-inset)"],
            [style*="background: var(--bg-inset)"],
            [style*="background:var(--ui-card-badge-bg)"],
            [style*="background: var(--ui-card-badge-bg)"]
        ) :is(
            h1,
            h2,
            h3,
            h4,
            h5,
            h6,
            p,
            span,
            strong,
            small,
            label,
            div
        )[style*="color: var(--white)"] {
            color: var(--tx1) !important;
        }
        html[data-theme-preset$="_light"] .ik-content :is(
            .review-btn,
            .judge-action,
            .ai-action,
            .evidence-action,
            .evidence-view-action.primary,
            .evidence-submit,
            .evidence-submit-btn,
            .assign-evidence-btn,
            .view-evidence-btn,
            .auth-btn
        ).text-white,
        html[data-theme-preset$="_light"] .ik-content :is(
            .review-btn,
            .judge-action,
            .ai-action,
            .evidence-action,
            .evidence-view-action.primary,
            .evidence-submit,
            .evidence-submit-btn,
            .assign-evidence-btn,
            .view-evidence-btn,
            .auth-btn
        )[style*="background:var(--c-secondary)"],
        html[data-theme-preset$="_light"] .ik-content :is(
            .review-btn,
            .judge-action,
            .ai-action,
            .evidence-action,
            .evidence-view-action.primary,
            .evidence-submit,
            .evidence-submit-btn,
            .assign-evidence-btn,
            .view-evidence-btn,
            .auth-btn
        )[style*="background:var(--c-primary)"] {
            color: var(--white) !important;
        }
        html[data-theme-preset$="_light"] .ik-content :is(
            .bg-white,
            [class*="bg-white"],
            [class*="bg-slate-50"],
            [class*="bg-slate-100"],
            [class*="bg-gray-50"],
            [class*="bg-gray-100"],
            [style*="background:var(--c-card-bg)"],
            [style*="background: var(--c-card-bg)"],
            [style*="background:var(--ui-card-bg)"],
            [style*="background: var(--ui-card-bg)"],
            [style*="background:var(--card-bg)"],
            [style*="background: var(--card-bg)"],
            [style*="background:var(--bg-inset)"],
            [style*="background: var(--bg-inset)"],
            [style*="background:var(--ui-card-badge-bg)"],
            [style*="background: var(--ui-card-badge-bg)"]
        ).text-white,
        html[data-theme-preset$="_light"] .ik-content :is(
            .bg-white,
            [class*="bg-white"],
            [class*="bg-slate-50"],
            [class*="bg-slate-100"],
            [class*="bg-gray-50"],
            [class*="bg-gray-100"],
            [style*="background:var(--c-card-bg)"],
            [style*="background: var(--c-card-bg)"],
            [style*="background:var(--ui-card-bg)"],
            [style*="background: var(--ui-card-bg)"],
            [style*="background:var(--card-bg)"],
            [style*="background: var(--card-bg)"],
            [style*="background:var(--bg-inset)"],
            [style*="background: var(--bg-inset)"],
            [style*="background:var(--ui-card-badge-bg)"],
            [style*="background: var(--ui-card-badge-bg)"]
        )[style*="color:var(--white)"],
        html[data-theme-preset$="_light"] .ik-content :is(
            .bg-white,
            [class*="bg-white"],
            [class*="bg-slate-50"],
            [class*="bg-slate-100"],
            [class*="bg-gray-50"],
            [class*="bg-gray-100"],
            [style*="background:var(--c-card-bg)"],
            [style*="background: var(--c-card-bg)"],
            [style*="background:var(--ui-card-bg)"],
            [style*="background: var(--ui-card-bg)"],
            [style*="background:var(--card-bg)"],
            [style*="background: var(--card-bg)"],
            [style*="background:var(--bg-inset)"],
            [style*="background: var(--bg-inset)"],
            [style*="background:var(--ui-card-badge-bg)"],
            [style*="background: var(--ui-card-badge-bg)"]
        )[style*="color: var(--white)"],
        html[data-theme-preset$="_light"] .ik-content .ui-stat-card-glass strong {
            color: var(--tx1) !important;
        }
        html[data-theme-preset$="_light"] .ik-content :is(
            .ui-page-hero,
            .comm-hero,
            .conditions-hero,
            .evidence-monitor-hero,
            [style*="var(--ui-top-widget-bg)"],
            [style*="var(--c-primary)"]
        ) .ui-stat-card-glass strong {
            color: var(--white) !important;
        }
        html[data-theme-preset$="_dark"] {
            --surface-rgb: 17,24,39;
            --ink-rgb: 0,0,0;
            --ui-component-bg: var(--cbg);
            --ui-component-border: var(--cbd);
            --ui-nested-bg: var(--cnb);
            --ui-nested-border: var(--cnbd);
            --card-bg: var(--ui-card-bg);
            --card-border: var(--ui-card-border);
            --txt-primary: var(--tx1);
            --txt-secondary: var(--tx2);
            --txt-muted: var(--tx3);
            --asg: color-mix(in srgb, #22c55e 18%, transparent);
            --ast: #86efac;
            --asb: color-mix(in srgb, #22c55e 24%, transparent);
            --aeg: color-mix(in srgb, #ef4444 18%, transparent);
            --aet: #fca5a5;
            --aeb: color-mix(in srgb, #ef4444 24%, transparent);
            --awg: color-mix(in srgb, #f59e0b 18%, transparent);
            --awt: #fcd34d;
            --awb: color-mix(in srgb, #f59e0b 24%, transparent);
            --aig: color-mix(in srgb, var(--t) 16%, transparent);
            --ait: color-mix(in srgb, var(--t) 74%, #ffffff);
            --aib: color-mix(in srgb, var(--t) 24%, transparent);
            --alert-success-bg: var(--asg);
            --alert-success-txt: var(--ast);
            --alert-success-bdr: var(--asb);
            --alert-error-bg: var(--aeg);
            --alert-error-txt: var(--aet);
            --alert-error-bdr: var(--aeb);
            --alert-warning-bg: var(--awg);
            --alert-warning-txt: var(--awt);
            --alert-warning-bdr: var(--awb);
            --alert-info-bg: var(--aig);
            --alert-info-txt: var(--ait);
            --alert-info-bdr: var(--aib);
            --c-alert-success-bg: var(--asg);
            --c-alert-success-text: var(--ast);
            --c-alert-success-border: var(--asb);
            --c-alert-error-bg: var(--aeg);
            --c-alert-error-text: var(--aet);
            --c-alert-error-border: var(--aeb);
            --c-alert-warning-bg: var(--awg);
            --c-alert-warning-text: var(--awt);
            --c-alert-warning-border: var(--awb);
            --c-alert-info-bg: var(--aig);
            --c-alert-info-text: var(--ait);
            --c-alert-info-border: var(--aib);
            --hbg: color-mix(in srgb, var(--cbg) 88%, transparent);
            --hbd: var(--bdr);
            --swa: var(--cbg);
            --swt: var(--tx1);
            --sws: var(--tx2);
        }
        html[data-theme-preset$="_dark"] .ik-main,
        html[data-theme-preset$="_dark"] .ik-content {
            background: transparent !important;
            color: var(--tx1) !important;
        }
        html[data-theme-preset$="_dark"] .ik-content :is(.bg-white,.bg-slate-50,.bg-slate-100,.bg-gray-50,.bg-gray-100,.bg-slate-900,.bg-slate-800),
        html[data-theme-preset$="_dark"] .ik-content [class*="bg-white"],
        html[data-theme-preset$="_dark"] .ik-content [style*="background:#ffffff"],
        html[data-theme-preset$="_dark"] .ik-content [style*="background: #ffffff"],
        html[data-theme-preset$="_dark"] .ik-content [style*="background:#fff"],
        html[data-theme-preset$="_dark"] .ik-content [style*="background: #fff"] {
            background: color-mix(in srgb, var(--cbg) 94%, transparent) !important;
            border-color: var(--bdr) !important;
            color: var(--tx1) !important;
        }
        html[data-theme-preset$="_dark"] .ik-content :is(.bg-white,.bg-slate-50,.bg-slate-100,.bg-gray-50,.bg-gray-100) :is(h1,h2,h3,h4,strong,p,span,small,td,th,label) {
            color: var(--tx1) !important;
        }
        html[data-theme-preset$="_dark"] .ik-content :is(input,select,textarea,.ik-input) {
            background: var(--ibg) !important;
            border-color: var(--bdr) !important;
            color: var(--tx1) !important;
        }
        html[data-theme-preset$="_dark"] .ik-content :is(table,thead,tbody,tr,td,th) {
            background-color: transparent !important;
            border-color: var(--bdr) !important;
            color: var(--tx1) !important;
        }
        html[data-theme-preset$="_dark"] .ik-content :is(.evidence-viewer-frame,.evidence-viewer-image) {
            background: #fff !important;
        }

        /*
         * Dark preset hardening:
         * بعض الفيوز القديمة تستخدم كلاسات Tailwind فاتحة أو صناديق شرح داخلية.
         * هذه الطبقة تحولها إلى أسطح داكنة عامة بدون كسر عارض ملفات الشواهد.
         */
        html[data-theme-preset$="_dark"] .ik-content :is(
            .ik-card,
            .comm-panel,
            .notification-card,
            .ticket-card,
            .message-bubble,
            .assignment-card,
            .evidence-monitor-card,
            .evidence-detail-card,
            .evidence-form-card,
            .evidence-edit-card,
            .revision-item,
            .requirement-card,
            .requirement-group,
            .requirement-axis,
            .entity-domain-card,
            .entity-domain-detail,
            .entity-domain-node,
            .conditions-detail-shell,
            .conditions-rail-head,
            .conditions-hero,
            .domain-detail,
            .entity-detail,
            .judge-detail,
            .user-item,
            .domain-mini-btn,
            .entity-mini-btn,
            .judge-mini-btn,
            .user-mini-btn
        ) {
            background: color-mix(in srgb, var(--cbg) 96%, transparent) !important;
            border-color: var(--bdr) !important;
            color: var(--tx1) !important;
        }

        html[data-theme-preset$="_dark"] .ik-content :is(
            .ik-card,
            .comm-panel,
            .assignment-card,
            .evidence-monitor-card,
            .evidence-detail-card,
            .evidence-form-card,
            .revision-item,
            .requirement-card,
            .requirement-group,
            .requirement-axis,
            .entity-domain-card,
            .entity-domain-detail,
            .conditions-detail-shell,
            .domain-detail,
            .entity-detail,
            .judge-detail,
            .user-item,
            .domain-mini-btn,
            .entity-mini-btn,
            .judge-mini-btn,
            .user-mini-btn
        ) :is(
            [class*="bg-white"],
            [class*="bg-slate-"],
            [class*="bg-gray-"],
            [class*="bg-zinc-"],
            [class*="bg-neutral-"],
            [class*="note"],
            [class*="hint"],
            [class*="desc"],
            [class*="helper"],
            [class*="muted"],
            [class*="info"],
            [class*="empty"]
        ):not(.evidence-viewer-frame):not(.evidence-viewer-image) {
            background: color-mix(in srgb, var(--cnb) 90%, transparent) !important;
            border-color: color-mix(in srgb, var(--bdr) 88%, transparent) !important;
            color: var(--tx2) !important;
        }

        html[data-theme-preset$="_dark"] .ik-content :is(
            [class*="bg-white"],
            [class*="bg-slate-50"],
            [class*="bg-slate-100"],
            [class*="bg-slate-200"],
            [class*="bg-gray-50"],
            [class*="bg-gray-100"],
            [class*="bg-gray-200"],
            [class*="bg-zinc-50"],
            [class*="bg-zinc-100"],
            [class*="bg-neutral-50"],
            [class*="bg-neutral-100"]
        ):not(.evidence-viewer-frame):not(.evidence-viewer-image) {
            background: color-mix(in srgb, var(--cnb) 90%, transparent) !important;
            border-color: var(--bdr) !important;
            color: var(--tx1) !important;
        }

        html[data-theme-preset$="_dark"] .ik-content :is(
            [style*="background:var(--c-card-bg)"],
            [style*="background: var(--c-card-bg)"],
            [style*="background:var(--ui-card-bg)"],
            [style*="background: var(--ui-card-bg)"],
            [style*="background:var(--bg-inset)"],
            [style*="background: var(--bg-inset)"],
            [style*="background-color:var(--c-card-bg)"],
            [style*="background-color: var(--c-card-bg)"],
            [style*="background-color:var(--ui-card-bg)"],
            [style*="background-color: var(--ui-card-bg)"],
            [style*="background-color:var(--bg-inset)"],
            [style*="background-color: var(--bg-inset)"]
        ) {
            background-color: color-mix(in srgb, var(--cnb) 90%, transparent) !important;
            background-image: none !important;
            border-color: var(--bdr) !important;
            color: var(--tx2) !important;
        }

        html[data-theme-preset$="_dark"] .ik-content :is(
            [class*="text-slate-"],
            [class*="text-gray-"],
            [class*="text-zinc-"],
            [class*="text-neutral-"]
        ) {
            color: var(--tx2) !important;
        }

        html[data-theme-preset$="_dark"] .ik-content :is(
            h1,
            h2,
            h3,
            h4,
            strong,
            .font-black,
            .font-extrabold,
            [class*="text-slate-9"],
            [class*="text-gray-9"],
            [class*="text-zinc-9"],
            [class*="text-neutral-9"]
        ) {
            color: var(--tx1) !important;
        }

        html[data-theme-preset$="_dark"] .ik-content :is(
            p,
            small,
            label,
            td,
            th,
            span
        ) {
            border-color: color-mix(in srgb, var(--bdr) 88%, transparent);
        }

        /*
         * Project-wide theme adherence layer.
         * It catches old Tailwind-heavy views and ad-hoc widgets so their
         * surfaces, text, borders, controls, and action buttons still inherit
         * the active preset tokens.
         */
        html[data-theme-preset] .ik-content .theme-legacy-view {
            background: transparent !important;
            color: var(--txt-primary) !important;
            font-family: var(--font-family-site) !important;
        }

        html[data-theme-preset] .ik-content .theme-legacy-view :is(
            .bg-white,
            [class*="bg-white"],
            [class*="bg-slate-50"],
            [class*="bg-slate-100"],
            [class*="bg-gray-50"],
            [class*="bg-gray-100"],
            [class*="bg-zinc-50"],
            [class*="bg-zinc-100"],
            [class*="bg-neutral-50"],
            [class*="bg-neutral-100"]
        ) {
            background: var(--c-card-bg) !important;
            border-color: var(--c-border) !important;
            color: var(--txt-primary) !important;
            box-shadow: var(--card-shadow) !important;
        }

        html[data-theme-preset] .ik-content .theme-legacy-view :is(
            [class*="bg-slate-8"],
            [class*="bg-slate-9"],
            [class*="bg-gray-8"],
            [class*="bg-gray-9"],
            [class*="bg-zinc-8"],
            [class*="bg-zinc-9"],
            [class*="bg-neutral-8"],
            [class*="bg-neutral-9"]
        ),
        html[data-theme-preset] .ik-content :is(
            [style*="background:var(--ui-top-widget-bg)"],
            [style*="background: var(--ui-top-widget-bg)"],
            [style*="background:var(--c-primary)"],
            [style*="background: var(--c-primary)"]
        ) {
            background:
                radial-gradient(circle at 12% 0, color-mix(in srgb, var(--t) 22%, transparent), transparent 32%),
                linear-gradient(135deg, color-mix(in srgb, var(--ui-top-widget-bg) 94%, var(--p)), color-mix(in srgb, var(--ui-top-widget-bg) 82%, var(--g))) !important;
            border-color: var(--ui-top-widget-border) !important;
            color: var(--ui-top-widget-title) !important;
        }

        html[data-theme-preset] .ik-content .theme-legacy-view :is(
            [class*="text-slate-9"],
            [class*="text-gray-9"],
            [class*="text-zinc-9"],
            [class*="text-neutral-9"],
            h1,
            h2,
            h3,
            h4,
            strong
        ) {
            color: var(--txt-primary) !important;
        }

        html[data-theme-preset] .ik-content .theme-legacy-view :is(
            [class*="text-slate-7"],
            [class*="text-slate-8"],
            [class*="text-gray-7"],
            [class*="text-gray-8"],
            [class*="text-zinc-7"],
            [class*="text-zinc-8"],
            [class*="text-neutral-7"],
            [class*="text-neutral-8"],
            p,
            small,
            label,
            td,
            th
        ) {
            color: var(--txt-secondary) !important;
        }

        html[data-theme-preset] .ik-content .theme-legacy-view :is(
            [class*="text-slate-4"],
            [class*="text-slate-5"],
            [class*="text-slate-6"],
            [class*="text-gray-4"],
            [class*="text-gray-5"],
            [class*="text-gray-6"],
            [class*="text-zinc-4"],
            [class*="text-zinc-5"],
            [class*="text-zinc-6"],
            [class*="text-neutral-4"],
            [class*="text-neutral-5"],
            [class*="text-neutral-6"]
        ) {
            color: var(--txt-muted) !important;
        }

        html[data-theme-preset] .ik-content .theme-legacy-view :is(
            [class*="border-slate"],
            [class*="border-gray"],
            [class*="border-zinc"],
            [class*="border-neutral"],
            .border,
            .border-b,
            .border-t
        ) {
            border-color: var(--c-border) !important;
        }

        html[data-theme-preset] .ik-content :is(input, select, textarea, .ik-input),
        html[data-theme-preset] .ik-content .theme-legacy-view :is(input, select, textarea) {
            background: var(--input-bg) !important;
            border-color: var(--input-border) !important;
            color: var(--txt-primary) !important;
            box-shadow: var(--input-shadow) !important;
        }

        html[data-theme-preset] .ik-content :is(input, select, textarea)::placeholder,
        html[data-theme-preset] .ik-content .theme-legacy-view :is(input, select, textarea)::placeholder {
            color: var(--txt-muted) !important;
        }

        html[data-theme-preset] .ik-content :is(
            button:not(.ui-danger-btn):not(.swal2-styled),
            a[class*="rounded"]:not(.ui-danger-btn):not(.sb-link)
        )[class*="text-white"],
        html[data-theme-preset] .ik-content :is(
            button:not(.ui-danger-btn):not(.swal2-styled),
            a[class*="rounded"]:not(.ui-danger-btn):not(.sb-link)
        )[style*="var(--btn-primary-bg)"],
        html[data-theme-preset] .ik-content :is(
            button:not(.ui-danger-btn):not(.swal2-styled),
            a[class*="rounded"]:not(.ui-danger-btn):not(.sb-link)
        )[style*="var(--c-primary)"] {
            background: var(--btn-primary-bg) !important;
            color: var(--btn-primary-text) !important;
            border: var(--ui-btn-border-width) solid var(--ui-btn-primary-border-final) !important;
            box-shadow: var(--ui-btn-shadow) !important;
        }

        html[data-theme-preset] .ik-content :is(
            .ui-danger-btn,
            .danger-button,
            .evidence-unassign-btn,
            button[class*="bg-red"],
            a[class*="bg-red"],
            button[style*="var(--c-alert-error-bg)"],
            a[style*="var(--c-alert-error-bg)"],
            button[style*="var(--alert-error-bg)"],
            a[style*="var(--alert-error-bg)"]
        ) {
            background: var(--c-alert-error-bg) !important;
            color: var(--c-alert-error-text) !important;
            border-color: var(--c-alert-error-border) !important;
            box-shadow: 0 10px 22px color-mix(in srgb, var(--c-alert-error-text) 12%, transparent) !important;
        }

        html[data-theme-preset] .ik-content :is(
            .ui-page-hero,
            .comm-hero,
            .conditions-hero,
            .evidence-monitor-hero,
            .judge-hero,
            .ai-hero,
            [style*="background:var(--ui-top-widget-bg)"],
            [style*="background: var(--ui-top-widget-bg)"],
            [style*="background:var(--c-primary)"],
            [style*="background: var(--c-primary)"]
        ) :is(.text-white, [style*="color:var(--white)"], [style*="color: var(--white)"], h1, h2, h3, strong) {
            color: var(--ui-top-widget-title) !important;
        }

        html[data-theme-preset] .ik-content :is(
            .ui-page-hero,
            .comm-hero,
            .conditions-hero,
            .evidence-monitor-hero,
            .judge-hero,
            .ai-hero,
            [style*="background:var(--ui-top-widget-bg)"],
            [style*="background: var(--ui-top-widget-bg)"],
            [style*="background:var(--c-primary)"],
            [style*="background: var(--c-primary)"]
        ) :is(p, small, span:not(.entity-status-pill):not(.entity-pill)) {
            color: var(--ui-top-widget-text) !important;
        }

        /*
         * Final button normalization.
         * Many views still create actions with Tailwind classes or inline
         * alert variables, so this maps them back into the global button
         * tokens without requiring every view to be rewritten at once.
         */
        html[data-theme-preset] .ik-content :is(
            button:not(.swal2-styled):not(.swal2-close),
            input[type="submit"],
            input[type="button"],
            a[href][class*="rounded"]:not(.sb-link),
            a[href][class*="btn"]:not(.sb-link),
            a[href][class*="px-"]:not(.sb-link)
        ) {
            min-height: 34px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 7px;
            border-radius: var(--ui-btn-radius) !important;
            border: var(--ui-btn-border-width) solid var(--ui-btn-secondary-border-final) !important;
            background: var(--ui-btn-secondary-bg-final) !important;
            color: var(--ui-btn-secondary-text) !important;
            box-shadow: var(--ui-btn-shadow) !important;
            font-family: var(--font-family-site) !important;
            transition: transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease), border-color var(--dur) var(--ease), background var(--dur) var(--ease), color var(--dur) var(--ease) !important;
        }

        html[data-theme-preset] .ik-content :is(
            button:not(.swal2-styled):not(.swal2-close),
            input[type="submit"],
            input[type="button"],
            a[href][class*="rounded"]:not(.sb-link),
            a[href][class*="btn"]:not(.sb-link),
            a[href][class*="px-"]:not(.sb-link)
        ):hover {
            transform: translateY(-1px);
            border-color: var(--ui-btn-primary-border-final) !important;
        }

        html[data-theme-preset] .ik-content :is(
            button[type="submit"],
            input[type="submit"],
            .btn-primary,
            .theme-header-action,
            [data-primary-action],
            button[class*="bg-slate-9"],
            button[class*="bg-slate-8"],
            button[class*="bg-teal"],
            button[class*="text-white"],
            a[href][class*="bg-slate-9"],
            a[href][class*="bg-slate-8"],
            a[href][class*="bg-teal"],
            a[href][class*="text-white"],
            button[style*="var(--btn-primary-bg)"],
            a[style*="var(--btn-primary-bg)"],
            button[style*="var(--c-primary)"],
            a[style*="var(--c-primary)"],
            button[style*="var(--c-secondary)"],
            a[style*="var(--c-secondary)"]
        ):not(.ui-danger-btn):not(.danger-button):not(.evidence-unassign-btn):not([style*="alert-error"]):not([class*="bg-red"]) {
            background: var(--ui-btn-primary-bg-final) !important;
            color: var(--ui-btn-primary-text) !important;
            border-color: var(--ui-btn-primary-border-final) !important;
            box-shadow: var(--ui-btn-shadow) !important;
        }

        html[data-theme-preset] .ik-content :is(
            .theme-tab,
            .filter-btn,
            .tab-btn,
            .audit-filter button,
            .audit-filter a,
            button[data-filter],
            [role="tab"],
            button[style*="var(--c-alert-info-bg)"],
            a[style*="var(--c-alert-info-bg)"],
            button[style*="var(--c-alert-warning-bg)"],
            a[style*="var(--c-alert-warning-bg)"],
            button[style*="var(--c-table-header)"],
            a[style*="var(--c-table-header)"],
            button[style*="var(--bg-inset)"],
            a[style*="var(--bg-inset)"]
        ):not(.ui-danger-btn):not(.danger-button):not(.evidence-unassign-btn) {
            background: var(--ui-filter-btn-bg) !important;
            color: var(--ui-filter-btn-text) !important;
            border: var(--ui-filter-btn-border-width) solid var(--ui-filter-btn-border) !important;
            border-radius: var(--ui-filter-btn-radius) !important;
            box-shadow: var(--ui-filter-btn-shadow) !important;
        }

        html[data-theme-preset] .ik-content :is(
            .theme-tab.active,
            .theme-tab[aria-selected="true"],
            .filter-btn.active,
            .tab-btn.active,
            button[data-filter].active,
            [role="tab"][aria-selected="true"]
        ) {
            background: var(--ui-filter-btn-active-bg) !important;
            color: var(--ui-filter-btn-active-text) !important;
            border-color: var(--ui-filter-btn-active-bg) !important;
        }

        html[data-theme-preset] .ik-content :is(
            .ui-danger-btn,
            .danger-button,
            .evidence-unassign-btn,
            .btn-danger,
            button[class*="bg-red"],
            a[class*="bg-red"],
            button[style*="var(--c-alert-error-bg)"],
            a[style*="var(--c-alert-error-bg)"],
            button[style*="var(--alert-error-bg)"],
            a[style*="var(--alert-error-bg)"]
        ) {
            background: var(--ui-btn-danger-bg-final) !important;
            color: var(--ui-btn-danger-text) !important;
            border: var(--ui-btn-border-width) solid var(--ui-btn-danger-border-final) !important;
            box-shadow: var(--ui-btn-shadow) !important;
        }

        html[data-theme-preset] .ik-content :is(
            .domain-mini-btn,
            .entity-mini-btn,
            .judge-mini-btn,
            .user-mini-btn
        ) {
            display: block !important;
            justify-content: initial !important;
            align-items: initial !important;
            background: var(--ui-card-bg) !important;
            color: var(--ui-card-text) !important;
            border: var(--ui-card-border-width) solid var(--ui-card-border) !important;
            border-radius: var(--ui-card-radius) !important;
            box-shadow: var(--ui-card-shadow) !important;
            min-height: initial !important;
            padding: 0 !important;
            text-align: right !important;
        }

        html[data-theme-preset] .ik-content :is(
            .domain-mini-btn.active,
            .entity-mini-btn.active,
            .judge-mini-btn.active,
            .user-mini-btn.active
        ) {
            border-color: var(--ui-card-button-border) !important;
            box-shadow: 0 0 0 2px color-mix(in srgb, var(--ui-card-button-border) 30%, transparent), var(--ui-card-shadow) !important;
        }

        /* Service domain icons need to beat the generic domain-card rules above. */
        html[data-theme-preset] .ik-content .core-service-page .service-card .service-card-body > .service-card-icon {
            width: calc(var(--ui-card-icon-size) + 22px) !important;
            height: calc(var(--ui-card-icon-size) + 22px) !important;
            min-width: calc(var(--ui-card-icon-size) + 22px) !important;
            min-height: calc(var(--ui-card-icon-size) + 22px) !important;
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            padding: 0 !important;
            margin: 0 !important;
            font-size: 38px !important;
            line-height: 1 !important;
            text-align: center !important;
        }

        html[data-theme-preset] .ik-content .core-service-page .service-card .service-card-body > .service-card-icon > span {
            position: static !important;
            display: inline-block !important;
            width: auto !important;
            height: auto !important;
            min-width: 0 !important;
            padding: 0 !important;
            margin: 0 !important;
            border: 0 !important;
            background: transparent !important;
            color: inherit !important;
            font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", "Cairo", sans-serif !important;
            font-size: 38px !important;
            line-height: 1 !important;
            text-align: center !important;
            transform: none !important;
        }

        html[data-theme-preset] .ik-content .core-service-page .service-domain-main-icon {
            width: 56px !important;
            height: 56px !important;
            min-width: 56px !important;
            min-height: 56px !important;
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            padding: 0 !important;
            font-size: 46px !important;
            line-height: 1 !important;
        }

        html[data-theme-preset] .ik-content .core-service-page .service-domain-main-icon > span {
            position: static !important;
            display: inline-block !important;
            background: transparent !important;
            color: inherit !important;
            font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", "Cairo", sans-serif !important;
            font-size: 46px !important;
            line-height: 1 !important;
            transform: none !important;
        }

        /*
         * Login page hard overrides.
         * The auth screen is outside .ik-content, so keep these scoped to body.login-screen
         * and place them last to beat the shared theme bridge.
         */
        body.login-screen .login-hero-title {
            color: #ffffff !important;
            text-shadow: 0 2px 18px rgba(var(--black-rgb), .46) !important;
        }

        body.login-screen .theme-toggle-btn {
            width: 62px !important;
            height: 62px !important;
            min-width: 62px !important;
            min-height: 62px !important;
        }

        body.login-screen .theme-toggle-btn svg {
            width: 42px !important;
            height: 42px !important;
            min-width: 42px !important;
            min-height: 42px !important;
            stroke-width: 2.7 !important;
        }

        body.login-screen .theme-toggle-btn .hidden {
            display: none !important;
        }

        body.login-screen .login-form-panel {
            background: var(--card-bg) !important;
            color: var(--txt-primary) !important;
        }

        /* Entity details: mirror the selected-service behavior. */
        html[data-theme-preset] .ik-content .master-detail-layout.detail-open #entity-mini-list {
            display: grid !important;
            grid-template-columns: minmax(0, 1fr) !important;
            width: 100% !important;
        }

        html[data-theme-preset] .ik-content .entity-master-detail.detail-open {
            direction: rtl !important;
            grid-template-columns: minmax(0, 1fr) !important;
        }

        html[data-theme-preset] .ik-content .entity-master-detail.detail-open > * {
            direction: rtl !important;
        }

        html[data-theme-preset] .ik-content .entity-master-detail.detail-open #entity-mini-list {
            grid-column: 1 !important;
            grid-row: 1 !important;
        }

        html[data-theme-preset] .ik-content .entity-master-detail.detail-open #entity-detail-area {
            grid-column: 1 !important;
            grid-row: 2 !important;
            position: static !important;
            top: auto !important;
        }

        html[data-theme-preset] .ik-content .master-detail-layout.detail-open #entity-mini-list .entity-mini-btn:not(.active) {
            display: none !important;
        }

        html[data-theme-preset] .ik-content .master-detail-layout.detail-open #entity-mini-list .entity-mini-btn.active {
            grid-column: 1 / -1 !important;
            width: 100% !important;
            max-width: none !important;
            transform: none !important;
        }

        html[data-theme-preset] .ik-content .master-detail-layout.detail-open #entity-mini-list .entity-mini-btn.active .entity-mini-body {
            display: flex !important;
            flex-direction: row !important;
            flex-wrap: nowrap !important;
            align-items: center !important;
            gap: 14px !important;
            width: 100% !important;
            min-height: 76px !important;
            padding: 14px 16px !important;
        }

        html[data-theme-preset] .ik-content .master-detail-layout.detail-open #entity-mini-list .entity-mini-btn.active .entity-mini-icon {
            width: 50px !important;
            height: 50px !important;
            margin-bottom: 0 !important;
            flex: 0 0 auto !important;
            font-size: 20px !important;
        }

        html[data-theme-preset] .ik-content .master-detail-layout.detail-open #entity-mini-list .entity-mini-btn.active .entity-mini-heading {
            min-width: 180px !important;
            flex: 0 1 280px !important;
            text-align: right !important;
        }

        html[data-theme-preset] .ik-content .master-detail-layout.detail-open #entity-mini-list .entity-mini-btn.active .entity-mini-heading > div {
            min-height: 0 !important;
            margin-bottom: 0 !important;
            -webkit-line-clamp: 1 !important;
        }

        html[data-theme-preset] .ik-content .master-detail-layout.detail-open #entity-mini-list .entity-mini-btn.active .entity-mini-meta {
            flex: 1 1 auto !important;
            justify-content: center !important;
            gap: 8px !important;
            margin-inline: auto !important;
        }

        html[data-theme-preset] .ik-content .master-detail-layout.detail-open #entity-mini-list .entity-mini-btn.active .entity-mini-contact {
            display: block !important;
            margin-top: 4px !important;
        }

        html[data-theme-preset] .ik-content .master-detail-layout.detail-open #entity-mini-list .entity-mini-btn.active .entity-mini-actions {
            display: flex !important;
            align-items: center !important;
            justify-content: flex-end !important;
            gap: 8px !important;
            flex-wrap: nowrap !important;
            flex: 0 0 auto !important;
            width: max-content !important;
            max-width: 100% !important;
            margin-right: auto !important;
            margin-left: 0 !important;
        }

        html[data-theme-preset] .ik-content .master-detail-layout.detail-open #entity-mini-list .entity-mini-btn.active .entity-mini-actions button,
        html[data-theme-preset] .ik-content .master-detail-layout.detail-open #entity-mini-list .entity-mini-btn.active .entity-mini-back {
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            min-height: 38px !important;
            padding: 0 14px !important;
            border: var(--ui-header-btn-border-width) solid var(--ui-header-btn-border) !important;
            border-radius: var(--ui-header-btn-radius) !important;
            background: var(--ui-header-btn-bg) !important;
            color: var(--ui-header-btn-text) !important;
            box-shadow: var(--ui-header-btn-shadow) !important;
            font-size: 12px !important;
            font-weight: 950 !important;
            white-space: nowrap !important;
            cursor: pointer !important;
        }

        html[data-theme-preset] .ik-content .master-detail-layout.detail-open #entity-mini-list .entity-mini-btn.active .entity-mini-actions button.is-danger {
            background: var(--c-alert-error-bg) !important;
            color: var(--c-alert-error-text) !important;
            border-color: var(--c-alert-error-border) !important;
        }

        html[data-theme-preset] .ik-content .master-detail-layout.detail-open #entity-mini-list .entity-mini-btn.active .entity-mini-judgebar {
            display: grid !important;
            gap: 7px !important;
            min-width: 220px !important;
            flex: 0 1 280px !important;
            padding: 8px 10px !important;
            border: 1px solid color-mix(in srgb,var(--c-border) 70%,transparent) !important;
            border-radius: 14px !important;
            background: color-mix(in srgb,var(--c-table-header) 82%,transparent) !important;
        }

        html[data-theme-preset] .ik-content .master-detail-layout.detail-open #entity-mini-list .entity-mini-btn.active .entity-mini-judgehead {
            display: flex !important;
            align-items: center !important;
            justify-content: space-between !important;
            gap: 8px !important;
        }

        html[data-theme-preset] .ik-content .master-detail-layout.detail-open #entity-mini-list .entity-mini-btn.active .entity-mini-judgehead strong {
            font-size: 10px !important;
            font-weight: 950 !important;
            color: var(--c-text-secondary) !important;
            white-space: nowrap !important;
        }

        html[data-theme-preset] .ik-content .master-detail-layout.detail-open #entity-mini-list .entity-mini-btn.active .entity-mini-judgehead button {
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            min-height: 30px !important;
            padding: 0 10px !important;
            border: var(--ui-header-btn-border-width) solid var(--ui-header-btn-border) !important;
            border-radius: var(--ui-header-btn-radius) !important;
            background: var(--ui-header-btn-bg) !important;
            color: var(--ui-header-btn-text) !important;
            box-shadow: var(--ui-header-btn-shadow) !important;
            font-size: 10px !important;
            font-weight: 950 !important;
            white-space: nowrap !important;
            cursor: pointer !important;
        }

        html[data-theme-preset] .ik-content .master-detail-layout.detail-open #entity-mini-list .entity-mini-btn.active .entity-mini-judges {
            display: flex !important;
            flex-wrap: wrap !important;
            gap: 5px !important;
            max-height: 48px !important;
            overflow: auto !important;
        }

        html[data-theme-preset] .ik-content .master-detail-layout.detail-open #entity-mini-list .entity-mini-btn.active .entity-mini-judges em {
            font-size: 10px !important;
            font-style: normal !important;
            font-weight: 850 !important;
            color: var(--c-text-muted) !important;
        }

        html[data-theme-preset] .ik-content .entity-service-grid {
            display: grid !important;
            grid-template-columns: minmax(0, 1fr) !important;
            gap: 10px !important;
            align-items: stretch !important;
        }

        html[data-theme-preset] .ik-content .entity-service-card.is-inactive {
            position: relative !important;
            border-color: color-mix(in srgb,var(--c-alert-warning-border) 76%,var(--c-border)) !important;
            background: linear-gradient(135deg,color-mix(in srgb,var(--c-alert-warning-bg) 90%,var(--c-card-bg) 10%),color-mix(in srgb,var(--c-alert-warning-bg) 56%,var(--c-card-bg) 44%)) !important;
            box-shadow: 0 18px 44px color-mix(in srgb,var(--c-alert-warning-border) 18%,transparent), inset 0 1px 0 color-mix(in srgb,var(--white) 16%,transparent) !important;
        }

        html[data-theme-preset] .ik-content .entity-service-card.is-inactive::before {
            content: "" !important;
            position: absolute !important;
            inset: 0 !important;
            pointer-events: none !important;
            background: repeating-linear-gradient(135deg,color-mix(in srgb,var(--c-alert-warning-border) 12%,transparent) 0 1px,transparent 1px 12px) !important;
            opacity: .32 !important;
        }

        html[data-theme-preset] .ik-content .entity-service-card.is-inactive > * {
            position: relative !important;
            z-index: 1 !important;
        }

        html[data-theme-preset] .ik-content .entity-service-card.is-inactive > div:first-child {
            background: color-mix(in srgb,var(--c-alert-warning-bg) 72%,var(--c-card-bg) 28%) !important;
            border-bottom-color: color-mix(in srgb,var(--c-alert-warning-border) 68%,var(--c-border)) !important;
        }

        html[data-theme-preset] .ik-content .entity-service-card.is-inactive .entity-service-date-row {
            background: color-mix(in srgb,var(--c-alert-warning-bg) 42%,transparent) !important;
        }

        html[data-theme-preset] .ik-content .entity-service-date-row {
            display: grid !important;
            grid-template-columns: minmax(130px, 1fr) minmax(130px, 1fr) auto !important;
            gap: 8px !important;
            align-items: end !important;
            padding: 11px 12px !important;
        }

        html[data-theme-preset] .ik-content .entity-service-date-row.has-cancel {
            grid-template-columns: minmax(130px, 1fr) minmax(130px, 1fr) auto auto !important;
        }

        @media (min-width: 1280px) {
            html[data-theme-preset] .ik-content .entity-service-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
            }
        }

        @media (max-width: 760px) {
            html[data-theme-preset] .ik-content .master-detail-layout.detail-open #entity-mini-list .entity-mini-btn.active .entity-mini-body {
                flex-wrap: wrap !important;
            }

            html[data-theme-preset] .ik-content .master-detail-layout.detail-open #entity-mini-list .entity-mini-btn.active .entity-mini-meta,
            html[data-theme-preset] .ik-content .master-detail-layout.detail-open #entity-mini-list .entity-mini-btn.active .entity-mini-judgebar,
            html[data-theme-preset] .ik-content .master-detail-layout.detail-open #entity-mini-list .entity-mini-btn.active .entity-mini-actions {
                width: 100% !important;
                margin-right: 0 !important;
                flex-wrap: wrap !important;
                justify-content: flex-start !important;
            }

            html[data-theme-preset] .ik-content .entity-service-date-row {
                grid-template-columns: minmax(0, 1fr) !important;
            }

            html[data-theme-preset] .ik-content .entity-service-date-row.has-cancel {
                grid-template-columns: minmax(0, 1fr) !important;
            }
        }

        body.role-super-admin .ik-content .admin-emoji-icon,
        body.role-admin .ik-content .admin-emoji-icon,
        body.role-super-admin .ik-content .core-icon,
        body.role-admin .ik-content .core-icon,
        body.role-super-admin .ik-content .entity-mini-icon,
        body.role-admin .ik-content .entity-mini-icon,
        body.role-super-admin .ik-content .domain-catalog-icon,
        body.role-admin .ik-content .domain-catalog-icon,
        body.role-super-admin .ik-content .service-page-main-icon,
        body.role-admin .ik-content .service-page-main-icon,
        body.role-super-admin .ik-content .service-card-icon,
        body.role-admin .ik-content .service-card-icon,
        body.role-super-admin .ik-content .service-domain-main-icon,
        body.role-admin .ik-content .service-domain-main-icon,
        body.role-super-admin .ik-content .judge-main-icon,
        body.role-admin .ik-content .judge-main-icon,
        body.role-super-admin .ik-content .judge-avatar,
        body.role-admin .ik-content .judge-avatar,
        body.role-super-admin .ik-content .ui-card-icon,
        body.role-admin .ik-content .ui-card-icon {
            width: 44px !important;
            height: 44px !important;
            min-width: 44px !important;
            min-height: 44px !important;
            display: inline-grid !important;
            place-items: center !important;
            padding: 0 !important;
            flex: 0 0 44px !important;
            font-size: 20px !important;
            line-height: 1 !important;
            text-align: center !important;
        }

        body.role-super-admin .ik-content .admin-emoji-icon > span,
        body.role-admin .ik-content .admin-emoji-icon > span,
        body.role-super-admin .ik-content .core-icon > span,
        body.role-admin .ik-content .core-icon > span,
        body.role-super-admin .ik-content .domain-catalog-icon > span,
        body.role-admin .ik-content .domain-catalog-icon > span,
        body.role-super-admin .ik-content .service-card-icon > span,
        body.role-admin .ik-content .service-card-icon > span,
        body.role-super-admin .ik-content .service-domain-main-icon > span,
        body.role-admin .ik-content .service-domain-main-icon > span {
            display: block !important;
            width: auto !important;
            height: auto !important;
            min-width: 0 !important;
            min-height: 0 !important;
            padding: 0 !important;
            margin: 0 !important;
            border: 0 !important;
            background: transparent !important;
            color: inherit !important;
            font-size: 20px !important;
            line-height: 1 !important;
            transform: none !important;
        }

        body.role-super-admin .ik-content .admin-inline-icon,
        body.role-admin .ik-content .admin-inline-icon,
        body.role-super-admin .ik-content .domain-stat-chip > b,
        body.role-admin .ik-content .domain-stat-chip > b,
        body.role-super-admin .ik-content .service-stat-chip > b,
        body.role-admin .ik-content .service-stat-chip > b {
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            width: 16px !important;
            min-width: 16px !important;
            height: 16px !important;
            font-size: 13px !important;
            line-height: 1 !important;
            font-weight: 900 !important;
            vertical-align: -2px !important;
        }

        body.role-super-admin .ik-content .master-detail-layout.detail-open #entity-mini-list .entity-mini-btn.active .entity-mini-icon,
        body.role-admin .ik-content .master-detail-layout.detail-open #entity-mini-list .entity-mini-btn.active .entity-mini-icon {
            width: 44px !important;
            height: 44px !important;
            min-width: 44px !important;
            min-height: 44px !important;
            flex: 0 0 44px !important;
            margin-bottom: 0 !important;
            font-size: 20px !important;
        }

        html[data-theme-preset] .ik-content :is(
            .ui-page-hero,
            [style*="background:var(--ui-top-widget-bg)"],
            [style*="background: var(--ui-top-widget-bg)"],
            [style*="background:var(--c-primary)"],
            [style*="background: var(--c-primary)"]
        ) :is(
            .ui-badge,
            .ui-badge-glass,
            [style*="background:var(--ui-card-badge-bg)"],
            [style*="background: var(--ui-card-badge-bg)"],
            [style*="background:var(--badge-teal-bg)"],
            [style*="background: var(--badge-teal-bg)"]
        ) {
            background: color-mix(in srgb, var(--white) 14%, transparent) !important;
            border-color: color-mix(in srgb, var(--white) 34%, transparent) !important;
            color: var(--white) !important;
            box-shadow: inset 0 1px 0 color-mix(in srgb, var(--white) 18%, transparent) !important;
        }

        html[data-theme-preset] .ik-content :is(
            .ui-page-hero,
            [style*="background:var(--ui-top-widget-bg)"],
            [style*="background: var(--ui-top-widget-bg)"],
            [style*="background:var(--c-primary)"],
            [style*="background: var(--c-primary)"]
        ) :is(.ui-badge, .ui-badge-glass) :is(i, b, span, strong),
        html[data-theme-preset] .ik-content :is(
            [style*="background:var(--ui-top-widget-bg)"],
            [style*="background: var(--ui-top-widget-bg)"],
            [style*="background:var(--c-primary)"],
            [style*="background: var(--c-primary)"]
        ) :is(
            [style*="background:var(--ui-card-badge-bg)"],
            [style*="background: var(--ui-card-badge-bg)"],
            [style*="background:var(--badge-teal-bg)"],
            [style*="background: var(--badge-teal-bg)"]
        ) :is(i, b, span, strong) {
            color: var(--white) !important;
        }