/* =========================================================
   KÜBA'DA SAĞLIK — STANDARD PORTAL UI
   Patient Portal + Staff Portal
========================================================= */

.ks-portal,
.ks-portal * {
    box-sizing: border-box;
}

.ks-portal {
    width: 100%;
    max-width: 1120px;
    margin: 0 auto;
    padding: 34px 18px 64px;
    color: #172554;
    font-family: inherit;
}

.ks-staff-portal {
    max-width: 1180px;
}

/* HEADER */

.ks-page-header {
    width: 100%;
    margin-bottom: 20px;
    padding: 26px 28px;
    border: 1px solid #e6edf7;
    border-radius: 24px;
    background: #ffffff;
    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.045);
}

.ks-page-header--compact {
    padding: 22px 26px;
}

.ks-eyebrow {
    display: inline-flex;
    margin-bottom: 10px;
    padding: 6px 10px;
    border-radius: 999px;
    background: #ecfeff;
    color: #0B5FCC;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.ks-page-header h1 {
    margin: 0 0 8px !important;
    color: #173b8f !important;
    font-size: 34px !important;
    line-height: 1.12 !important;
    letter-spacing: -0.035em;
}

.ks-page-header p {
    max-width: 720px;
    margin: 0 !important;
    color: #52627f !important;
    font-size: 15px !important;
    line-height: 1.65 !important;
}

/* PANELS */

.ks-panel {
    width: 100%;
    padding: 24px;
    border: 1px solid #e6edf7;
    border-radius: 22px;
    background: #ffffff;
    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.045);
}

.ks-panel + .ks-panel,
.ks-panel + .ks-alert,
.ks-alert + .ks-panel {
    margin-top: 16px;
}

.ks-panel-title {
    margin-bottom: 16px;
}

.ks-panel-title h3,
.ks-section-head h2,
.ks-panel h2 {
    margin: 0 0 6px !important;
    color: #173b8f !important;
    font-size: 24px !important;
    line-height: 1.2 !important;
    letter-spacing: -0.025em;
}

.ks-panel-title p,
.ks-section-head p,
.ks-panel p {
    margin: 0 !important;
    color: #52627f !important;
    font-size: 14px !important;
    line-height: 1.65 !important;
}

.ks-empty {
    color: #64748b !important;
    font-size: 14px !important;
}

/* BUTTONS */

.ks-primary-button,
.ks-danger-button,
.ks-small-button,
.ks-clean-form button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    text-decoration: none !important;
    cursor: pointer;
    font-weight: 600;
    transition: all 0.18s ease;
}

.ks-primary-button,
.ks-clean-form button {
    min-height: 46px;
    padding: 12px 18px;
    border-radius: 13px;
    background: #0B5FCC;
    color: #ffffff !important;
    box-shadow: 0 10px 20px rgba(15, 118, 110, 0.16);
}

.ks-primary-button:hover,
.ks-clean-form button:hover {
    background: #115e59;
    color: #ffffff !important;
}

.ks-danger-button {
    width: 100%;
    min-height: 44px;
    padding: 11px 16px;
    border-radius: 13px;
    background: #b91c1c;
    color: #ffffff !important;
    box-shadow: 0 10px 20px rgba(185, 28, 28, 0.12);
}

.ks-danger-button:hover {
    background: #991b1b;
    color: #ffffff !important;
}

.ks-small-button {
    min-height: 34px;
    padding: 8px 12px;
    border-radius: 999px;
    background: #eef2ff;
    color: #3730a3 !important;
    font-size: 12px;
}

/* FORMS */

.ks-clean-form,
.ks-action-form {
    width: 100%;
}

.ks-clean-form label,
.ks-action-form label {
    display: block;
    margin-bottom: 14px;
}

.ks-clean-form label span,
.ks-action-form label span {
    display: block;
    margin-bottom: 6px;
    color: #1e3a8a;
    font-size: 12px;
    font-weight: 600;
}

.ks-clean-form input,
.ks-action-form input,
.ks-action-form textarea {
    width: 100%;
    min-height: 46px;
    padding: 11px 13px;
    border: 1px solid #d6e0ef;
    border-radius: 13px;
    background: #ffffff;
    color: #0f172a;
    font-size: 14px;
    box-shadow: none;
}

.ks-action-form textarea {
    min-height: 88px;
    resize: vertical;
}

.ks-clean-form input:focus,
.ks-action-form input:focus,
.ks-action-form textarea:focus {
    outline: none;
    border-color: #0B5FCC;
    box-shadow: 0 0 0 4px rgba(15, 118, 110, 0.10);
}

/* PATIENT LOOKUP */

.ks-lookup-panel {
    display: grid;
    grid-template-columns: minmax(0, 0.85fr) minmax(320px, 1.15fr);
    gap: 28px;
    align-items: start;
}

.ks-panel-copy h2 {
    margin: 0 0 8px !important;
    color: #173b8f !important;
    font-size: 24px !important;
}

.ks-panel-copy p {
    color: #52627f !important;
}

.ks-result-panel {
    margin-top: 16px;
}

.ks-result-head {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    align-items: flex-start;
    margin-bottom: 18px;
}

.ks-result-head h2 {
    margin: 0 0 8px !important;
    color: #173b8f !important;
    font-size: 26px !important;
}

.ks-result-status {
    flex: 0 0 auto;
}

/* INFO LIST */

.ks-info-list,
.ks-detail-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.ks-info-list div,
.ks-detail-list div {
    min-width: 0;
    padding: 13px;
    border: 1px solid #edf2f7;
    border-radius: 15px;
    background: #fbfdff;
}

.ks-info-list span,
.ks-detail-list span {
    display: block;
    margin-bottom: 5px;
    color: #64748b;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.ks-info-list strong,
.ks-detail-list strong {
    display: block;
    color: #173b8f;
    font-size: 14px;
    font-weight: 600;
    word-break: break-word;
}

/* STEPS */

.ks-steps {
    width: 100%;
    margin-top: 16px;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.ks-step {
    padding: 16px;
    border: 1px solid #e6edf7;
    border-radius: 18px;
    background: #ffffff;
}

.ks-step span {
    display: inline-flex;
    width: 30px;
    height: 30px;
    margin-bottom: 10px;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: #f1f5f9;
    color: #64748b;
    font-size: 12px;
    font-weight: 600;
}

.ks-step strong {
    display: block;
    margin-bottom: 4px;
    color: #173b8f;
    font-size: 15px;
}

.ks-step small {
    display: block;
    color: #64748b;
    font-size: 12px;
    line-height: 1.45;
}

.ks-step.is-active {
    border-color: #99f6e4;
    background: #f0fdfa;
}

.ks-step.is-active span {
    background: #0B5FCC;
    color: #ffffff;
}

/* ALERTS */

.ks-alert {
    width: 100%;
    margin: 16px 0;
    padding: 14px 16px;
    border-radius: 16px;
    border: 1px solid #e6edf7;
    background: #ffffff;
}

.ks-alert strong {
    display: block;
    margin-bottom: 4px;
    color: #173b8f;
}

.ks-alert p {
    margin: 0 !important;
    color: #52627f !important;
    font-size: 14px !important;
}

.ks-alert--success {
    border-color: #bbf7d0;
    background: #f0fdf4;
}

.ks-alert--danger {
    border-color: #fecaca;
    background: #fef2f2;
}

.ks-alert--danger strong,
.ks-alert--danger p {
    color: #991b1b !important;
}

.ks-alert--soft {
    background: #f8fafc;
}

/* STAFF LAYOUT */

.ks-layout {
    display: grid;
    grid-template-columns: 230px minmax(0, 1fr);
    gap: 20px;
    align-items: start;
}

.ks-sidebar {
    padding: 18px;
    border: 1px solid #e6edf7;
    border-radius: 22px;
    background: #ffffff;
    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.045);
}

.ks-sidebar-brand {
    margin-bottom: 18px;
    padding-bottom: 16px;
    border-bottom: 1px solid #e6edf7;
}

.ks-sidebar-brand strong {
    display: block;
    color: #173b8f;
    font-size: 17px;
}

.ks-sidebar-brand span {
    display: block;
    margin-top: 3px;
    color: #64748b;
    font-size: 13px;
}

.ks-nav a {
    display: flex;
    align-items: center;
    min-height: 42px;
    margin-bottom: 6px;
    padding: 10px 12px;
    border-radius: 13px;
    color: #475569 !important;
    text-decoration: none !important;
    font-size: 14px;
    font-weight: 580;
}

.ks-nav a:hover,
.ks-nav a.is-active {
    background: #ecfeff;
    color: #0B5FCC !important;
}

.ks-main {
    min-width: 0;
}

.ks-section-head {
    margin-bottom: 16px;
    padding: 20px 22px;
    border: 1px solid #e6edf7;
    border-radius: 22px;
    background: #ffffff;
    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.045);
}

/* METRICS */

.ks-metric-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 16px;
}

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

.ks-metric-card {
    padding: 18px;
    border: 1px solid #e6edf7;
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 10px 26px rgba(15, 23, 42, 0.035);
}

.ks-metric-card span {
    display: block;
    margin-bottom: 8px;
    color: #64748b;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.ks-metric-card strong {
    display: block;
    color: #173b8f;
    font-size: 30px;
    line-height: 1;
}

.ks-metric-card small {
    display: block;
    margin-top: 8px;
    color: #64748b;
    font-size: 12px;
}

/* BADGES */

.ks-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 26px;
    padding: 5px 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.2;
    white-space: nowrap;
}

.ks-badge--neutral {
    background: #f8fafc;
    color: #475569;
    border: 1px solid #e2e8f0;
}

.ks-badge--success {
    background: #ecfdf5;
    color: #047857;
    border: 1px solid #bbf7d0;
}

.ks-badge--info {
    background: #eef2ff;
    color: #3730a3;
    border: 1px solid #c7d2fe;
}

.ks-badge--warning {
    background: #fffbeb;
    color: #b45309;
    border: 1px solid #fde68a;
}

.ks-badge--danger {
    background: #fef2f2;
    color: #b91c1c;
    border: 1px solid #fecaca;
}

/* FILTER BAR */

.ks-filter-bar {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 16px;
}

.ks-filter-bar a {
    display: inline-flex;
    min-height: 36px;
    align-items: center;
    padding: 8px 13px;
    border: 1px solid #e6edf7;
    border-radius: 999px;
    background: #ffffff;
    color: #475569 !important;
    text-decoration: none !important;
    font-size: 13px;
    font-weight: 580;
}

.ks-filter-bar a:hover,
.ks-filter-bar a.is-active {
    background: #ecfeff;
    color: #0B5FCC !important;
    border-color: #99f6e4;
}

/* TABLES */

.ks-table-wrap {
    width: 100%;
    overflow-x: auto;
}

.ks-table {
    width: 100%;
    border-collapse: collapse;
}

.ks-table th {
    padding: 12px 10px;
    border-bottom: 1px solid #e6edf7;
    color: #334155;
    font-size: 12px;
    font-weight: 600;
    text-align: left;
    background: #fbfdff;
    white-space: nowrap;
}

.ks-table td {
    padding: 12px 10px;
    border-bottom: 1px solid #eef2f7;
    color: #172554;
    font-size: 14px;
    vertical-align: middle;
}

.ks-table td small {
    display: block;
    margin-top: 3px;
    color: #64748b;
    font-size: 12px;
}

.ks-table tr:hover td,
.ks-table tr.is-selected td {
    background: #f8fffe;
}

/* PAYMENT SPLIT */

.ks-split {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 360px;
    gap: 16px;
    align-items: start;
}

.ks-detail-panel {
    position: sticky;
    top: 18px;
}

.ks-detail-status {
    margin-bottom: 14px;
}

.ks-detail-list {
    margin-bottom: 16px;
}

.ks-action-area {
    display: grid;
    gap: 14px;
}

.ks-action-form {
    padding: 14px;
    border: 1px solid #e6edf7;
    border-radius: 16px;
    background: #f8fafc;
}

/* RESPONSIVE */

@media only screen and (max-width: 1080px) {
    .ks-layout {
        grid-template-columns: 1fr;
    }

    .ks-sidebar {
        position: static;
    }

    .ks-nav {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
    }

    .ks-nav a {
        margin-bottom: 0;
    }

    .ks-split {
        grid-template-columns: 1fr;
    }

    .ks-detail-panel {
        position: static;
    }
}

@media only screen and (max-width: 820px) {
    .ks-lookup-panel {
        grid-template-columns: 1fr;
    }

    .ks-metric-grid,
    .ks-metric-grid--three {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ks-steps {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ks-result-head {
        display: block;
    }

    .ks-result-status {
        margin-top: 12px;
    }
}

@media only screen and (max-width: 560px) {
    .ks-portal {
        padding: 24px 14px 52px;
    }

    .ks-page-header,
    .ks-panel,
    .ks-section-head,
    .ks-sidebar {
        padding: 18px;
        border-radius: 18px;
    }

    .ks-page-header h1 {
        font-size: 29px !important;
    }

    .ks-info-list,
    .ks-detail-list,
    .ks-metric-grid,
    .ks-metric-grid--three,
    .ks-steps {
        grid-template-columns: 1fr;
    }

    .ks-nav {
        display: block;
    }

    .ks-nav a {
        margin-bottom: 6px;
    }
}
/* =========================================================
   v1.0.7 — Independent Staff Login / Staff Portal
========================================================= */
.ks-auth-portal {
    max-width: 1160px;
}

.ks-auth-shell {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(340px, .95fr);
    gap: 24px;
    align-items: stretch;
}

.ks-auth-copy,
.ks-auth-card {
    border: 1px solid #e6edf7;
    border-radius: 26px;
    background: #ffffff;
    box-shadow: 0 18px 44px rgba(15, 23, 42, .06);
}

.ks-auth-copy {
    padding: 36px;
    background: linear-gradient(135deg, #ffffff 0%, #f8fffe 100%);
}

.ks-auth-copy h1 {
    margin: 0 0 12px !important;
    color: #173b8f !important;
    font-size: 38px !important;
    line-height: 1.08 !important;
    letter-spacing: -0.04em;
}

.ks-auth-copy p {
    max-width: 620px;
    color: #52627f !important;
    font-size: 15px !important;
    line-height: 1.72 !important;
}

.ks-auth-points {
    display: grid;
    gap: 10px;
    margin-top: 26px;
}

.ks-auth-points span {
    display: flex;
    gap: 10px;
    align-items: center;
    color: #0B5FCC;
    font-weight: 570;
}

.ks-auth-points span:before {
    content: "✓";
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: #ecfeff;
}

.ks-auth-card {
    padding: 28px;
}

.ks-auth-card h2 {
    margin: 0 0 8px !important;
    color: #173b8f !important;
    font-size: 26px !important;
    line-height: 1.15 !important;
}

.ks-auth-card > p {
    margin-bottom: 18px !important;
}

.ks-full-button {
    width: 100%;
}

.ks-secondary-button {
    min-height: 46px;
    padding: 12px 18px;
    border: 1px solid #d6e0ef;
    border-radius: 13px;
    background: #ffffff;
    color: #173b8f !important;
    font-weight: 600;
    cursor: pointer;
}

.ks-auth-logout-form {
    margin-top: 12px;
}

.ks-checkline {
    display: flex !important;
    align-items: center;
    gap: 10px;
    margin: 4px 0 16px !important;
}

.ks-checkline input {
    width: auto !important;
    min-height: auto !important;
}

.ks-checkline span {
    display: inline !important;
    margin: 0 !important;
    color: #52627f !important;
}

.ks-forgot-box {
    margin-top: 18px;
    padding-top: 16px;
    border-top: 1px solid #e6edf7;
}

.ks-forgot-box summary {
    cursor: pointer;
    color: #173b8f;
    font-weight: 600;
}

.ks-forgot-box form {
    margin-top: 14px;
}

.ks-sidebar-brand em {
    display: block;
    margin-top: 7px;
    color: #64748b;
    font-size: 12px;
    font-style: normal;
    font-weight: 530;
}

.ks-sidebar-logout {
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid #e6edf7;
}

.ks-sidebar-logout button {
    width: 100%;
    min-height: 40px;
    border: 1px solid #d6e0ef;
    border-radius: 12px;
    background: #fff;
    color: #173b8f;
    cursor: pointer;
    font-weight: 600;
}

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

    .ks-auth-copy,
    .ks-auth-card {
        padding: 24px;
    }
}

/* =========================================================
   v1.0.8 — CORPORATE RESPONSIVE PORTAL REFINEMENT
   Staff Login + Staff Portal + Patient Portal
========================================================= */
.ks-portal {
    --ks-navy: #143a7b;
    --ks-blue: #1e56a0;
    --ks-teal: #0B5FCC;
    --ks-soft: #f6f9fc;
    --ks-line: #e4edf7;
    --ks-text: #172554;
    --ks-muted: #607089;
}

.ks-auth-portal-v108,
.ks-patient-portal-v108,
.ks-staff-portal {
    max-width: 1240px;
}

.ks-login-shell-pro {
    min-height: 72vh;
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(380px, .78fr);
    gap: 24px;
    align-items: stretch;
}

.ks-login-brand-panel,
.ks-login-card-pro,
.ks-glass-panel,
.ks-public-hero,
.ks-case-summary-bar,
.ks-staff-portal .ks-shell {
    border: 1px solid var(--ks-line);
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
    box-shadow: 0 22px 55px rgba(15, 23, 42, .07);
}

.ks-login-brand-panel {
    min-height: 560px;
    padding: clamp(28px, 5vw, 54px);
    border-radius: 32px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    position: relative;
}
.ks-login-brand-panel:before {
    content: "";
    position: absolute;
    width: 420px;
    height: 420px;
    border-radius: 50%;
    right: -160px;
    bottom: -160px;
    background: radial-gradient(circle, rgba(15,118,110,.14), rgba(30,86,160,.08), transparent 70%);
}
.ks-login-brand-panel h1,
.ks-public-hero h1 {
    margin: 0 0 14px !important;
    color: var(--ks-navy) !important;
    font-size: clamp(34px, 5vw, 56px) !important;
    line-height: 1.02 !important;
    letter-spacing: -0.055em;
    position: relative;
}
.ks-login-brand-panel p,
.ks-public-hero p {
    max-width: 680px;
    color: var(--ks-muted) !important;
    font-size: 16px !important;
    line-height: 1.7 !important;
    position: relative;
}
.ks-login-features {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    position: relative;
}
.ks-login-features div {
    padding: 16px;
    border: 1px solid #e8eef7;
    border-radius: 20px;
    background: rgba(255,255,255,.74);
}
.ks-login-features strong { display:block;color:var(--ks-navy);font-size:13px;font-weight: 600;margin-bottom:6px; }
.ks-login-features span { display:block;color:var(--ks-muted);font-size:12px;line-height:1.45; }

.ks-login-card-pro {
    border-radius: 32px;
    padding: clamp(24px, 4vw, 34px);
    align-self: center;
}
.ks-login-card-head {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 22px;
}
.ks-login-icon {
    width: 52px;
    height: 52px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius: 18px;
    background: linear-gradient(135deg, var(--ks-navy), var(--ks-teal));
    color:#fff;
    font-size:14px;
    font-weight: 600;
    letter-spacing:.04em;
}
.ks-login-card-head h2 { margin:0 0 4px!important;color:var(--ks-navy)!important;font-size:24px!important; }
.ks-login-card-head p { margin:0!important;color:var(--ks-muted)!important;font-size:14px!important; }
.ks-auth-form-pro input { min-height: 52px; border-radius: 16px; }
.ks-login-row { display:flex;justify-content:space-between;align-items:center;margin-bottom:12px; }
.ks-forgot-pro { margin-top: 16px; padding: 14px; border: 1px solid #e8eef7; border-radius: 18px; background:#f8fafc; }
.ks-forgot-pro summary { cursor:pointer; color: var(--ks-navy); font-weight: 600; }

.ks-public-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, .36fr);
    gap: 20px;
    align-items: center;
    padding: clamp(24px, 4vw, 42px);
    border-radius: 30px;
    margin-bottom: 18px;
}
.ks-hero-card {
    padding: 20px;
    border: 1px solid #dbeafe;
    border-radius: 22px;
    background: #f8fbff;
}
.ks-hero-card strong { display:block;color:var(--ks-navy);font-size:18px;margin-bottom:8px; }
.ks-hero-card span { display:block;color:var(--ks-muted);font-size:13px;line-height:1.55; }

.ks-glass-panel {
    border-radius: 24px;
    padding: clamp(18px, 3vw, 26px);
    margin-bottom: 16px;
}
.ks-two-col-form {
    display: grid;
    grid-template-columns: 1fr 1fr auto;
    gap: 14px;
    align-items: end;
}
.ks-two-col-form label { margin-bottom:0; }
.ks-case-summary-bar {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    padding: 16px;
    border-radius: 24px;
    margin-bottom: 16px;
}
.ks-case-summary-bar div { padding: 14px; border-radius: 18px; background: #f8fafc; min-width: 0; }
.ks-case-summary-bar span { display:block;color:#64748b;font-size:11px;text-transform:uppercase;font-weight: 600;letter-spacing:.05em;margin-bottom:6px; }
.ks-case-summary-bar strong { display:block;color:var(--ks-navy);font-size:15px;font-weight: 600;word-break:break-word; }
.ks-patient-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, .36fr);
    gap: 18px;
    align-items: start;
}
.ks-patient-steps { display:grid;grid-template-columns: repeat(5,minmax(0,1fr));gap:10px; }
.ks-patient-steps .ks-step { min-height: 118px; }
.ks-request-list,
.ks-treatment-options,
.ks-invoice-list,
.ks-mini-list,
.ks-message-list,
.ks-timeline-list { display:grid;gap:12px; }
.ks-request-card,
.ks-treatment-card,
.ks-invoice-card,
.ks-mini-list > div,
.ks-timeline-list > div {
    padding: 16px;
    border: 1px solid #e8eef7;
    border-radius: 18px;
    background: #fff;
}
.ks-request-head { display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px; }
.ks-request-head strong,.ks-treatment-card h3,.ks-report-box h3 { color:var(--ks-navy); }
.ks-answer-box { margin:12px 0;padding:12px;border-radius:14px;background:#f0fdfa;border:1px solid #ccfbf1; }
.ks-treatment-options { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ks-treatment-card span { display:inline-flex;margin-bottom:8px;padding:5px 9px;border-radius:999px;background:#eef2ff;color:#3730a3;font-size:11px;font-weight: 600; }
.ks-treatment-card p { min-height: 50px; }
.ks-price-summary { display:block;margin:14px 0;color:var(--ks-teal);font-size:22px; }
.ks-treatment-card.is-selected { border-color:#99f6e4;background:#f0fdfa; }
.ks-muted-button { background:#475569!important;box-shadow:none!important; }
.ks-invoice-card { display:grid;gap:6px; }
.ks-invoice-card b { color:var(--ks-teal);font-size:18px; }
.ks-invoice-card small { display:block;color:#475569; }
.ks-message-bubble { padding:12px 14px;border-radius:16px;background:#f8fafc;border:1px solid #e8eef7; }
.ks-message-bubble--patient { background:#f0fdfa;border-color:#ccfbf1; }
.ks-message-bubble span { display:block;font-weight: 600;color:var(--ks-navy);font-size:12px;margin-bottom:4px; }
.ks-message-bubble p { margin:0!important; }
.ks-message-bubble small,.ks-timeline-list small,.ks-mini-list small { display:block;margin-top:6px;color:#94a3b8;font-size:11px; }
.ks-status-pill { display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;font-size:12px;font-weight: 600;line-height:1.2; }
.ks-status-pill--blue { background:#eef2ff;color:#3730a3; }
.ks-status-pill--green { background:#ecfdf5;color:#047857; }
.ks-status-pill--amber { background:#fffbeb;color:#b45309; }
.ks-status-pill--red { background:#fef2f2;color:#b91c1c; }
.ks-status-pill--gray { background:#f8fafc;color:#475569; }

.ks-staff-portal .ks-shell {
    border-radius: 28px;
    overflow: hidden;
    display: grid;
    grid-template-columns: 260px minmax(0, 1fr);
}
.ks-staff-portal .ks-sidebar {
    background: linear-gradient(180deg, #102e63, #0B5FCC);
    color: #fff;
    padding: 22px;
}
.ks-staff-portal .ks-sidebar h2,
.ks-staff-portal .ks-sidebar p,
.ks-staff-portal .ks-sidebar span,
.ks-staff-portal .ks-sidebar em { color: #fff!important; }
.ks-staff-portal .ks-nav a {
    display:flex;align-items:center;margin-bottom:8px;padding:12px 14px;border-radius:14px;color:#eaf4ff!important;text-decoration:none!important;font-weight: 570;
}
.ks-staff-portal .ks-nav a.is-active,
.ks-staff-portal .ks-nav a:hover { background: rgba(255,255,255,.16); color:#fff!important; }
.ks-staff-portal .ks-main { min-width:0;padding:24px;background:#f6f9fc; }
.ks-staff-portal .ks-panel,
.ks-staff-portal .ks-metric-card {
    border-radius: 20px;
    box-shadow: 0 14px 30px rgba(15,23,42,.045);
}
.ks-staff-portal .ks-table-wrap { overflow-x:auto; -webkit-overflow-scrolling: touch; }
.ks-staff-portal .ks-table { min-width: 760px; width: 100%; border-collapse: collapse; }
.ks-staff-portal .ks-table th { color:#475569;font-size:11px;text-transform:uppercase;letter-spacing:.04em; }
.ks-staff-portal .ks-table th,
.ks-staff-portal .ks-table td { padding:12px;border-bottom:1px solid #e8eef7;text-align:left;vertical-align:top; }
.ks-operation-bridge .wrap { margin: 0!important; }
.ks-operation-bridge .cha-pcm-admin { max-width: none; }
.ks-operation-bridge .cha-pcm-main-layout { grid-template-columns: minmax(0, 1fr) minmax(300px, 360px); }
.ks-sidebar-logout button { width:100%;border:0;border-radius:14px;padding:12px;background:rgba(255,255,255,.16);color:#fff;font-weight: 600;cursor:pointer; }

@media (max-width: 1100px) {
    .ks-login-shell-pro,
    .ks-public-hero,
    .ks-patient-grid,
    .ks-pay-center,
    .ks-operation-bridge .cha-pcm-main-layout { grid-template-columns: 1fr!important; }
    .ks-login-brand-panel { min-height: auto; }
    .ks-login-features,
    .ks-case-summary-bar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .ks-patient-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 860px) {
    .ks-portal { padding: 22px 12px 44px; }
    .ks-staff-portal .ks-shell { grid-template-columns: 1fr; }
    .ks-staff-portal .ks-sidebar { position: relative; border-radius: 24px 24px 0 0; }
    .ks-staff-portal .ks-nav { display:grid;grid-template-columns: repeat(2, minmax(0,1fr));gap:8px; }
    .ks-staff-portal .ks-nav a { margin:0;justify-content:center;text-align:center;font-size:13px; }
    .ks-two-col-form,
    .ks-treatment-options { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
    .ks-login-brand-panel,
    .ks-login-card-pro,
    .ks-glass-panel,
    .ks-public-hero { border-radius: 22px; padding: 18px; }
    .ks-login-features,
    .ks-case-summary-bar,
    .ks-patient-steps { grid-template-columns: 1fr; }
    .ks-login-brand-panel h1,
    .ks-public-hero h1 { font-size: 32px!important; }
    .ks-staff-portal .ks-main { padding: 14px; }
}

/* =========================================================
   v1.0.9 — Two-Step Application & Payment Flow
   responsive public application/payment/staff improvements
========================================================= */

.ks-application-flow,
.ks-payment-flow,
.ks-staff-portal,
.ks-patient-portal {
    width: min(1180px, calc(100% - 28px));
    max-width: 1180px;
}

.ks-flow-hero {
    position: relative;
    overflow: hidden;
    margin-bottom: 18px;
    padding: clamp(24px, 4vw, 40px);
    border: 1px solid #dfeaf7;
    border-radius: 28px;
    background: linear-gradient(135deg, #ffffff 0%, #f8fbff 66%, #eef7ff 100%);
    box-shadow: 0 18px 44px rgba(15, 23, 42, 0.055);
}

.ks-flow-hero h1 {
    margin: 0 0 12px !important;
    color: #173b8f !important;
    font-size: clamp(30px, 4vw, 46px) !important;
    line-height: 1.1 !important;
    letter-spacing: -0.04em;
    font-weight: 540 !important;
}

.ks-flow-hero p {
    max-width: 780px;
    margin: 0 !important;
    color: #52627f !important;
    font-size: clamp(14px, 1.6vw, 16px) !important;
    line-height: 1.75 !important;
}

.ks-flow-steps {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin: 0 0 18px;
}

.ks-flow-steps > div {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    padding: 14px 16px;
    border: 1px solid #e4edf8;
    border-radius: 18px;
    background: #ffffff;
    color: #64748b;
    box-shadow: 0 12px 26px rgba(15, 23, 42, 0.035);
}

.ks-flow-steps strong {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    border-radius: 999px;
    background: #eef2ff;
    color: #173b8f;
    font-size: 13px;
}

.ks-flow-steps span {
    min-width: 0;
    font-size: 13px;
    font-weight: 570;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ks-flow-steps .is-active {
    border-color: rgba(15, 118, 110, 0.28);
    background: #f0fdfa;
    color: #0B5FCC;
}

.ks-flow-steps .is-active strong {
    background: #0B5FCC;
    color: #ffffff;
}

.ks-flow-card {
    margin-bottom: 18px;
    padding: clamp(20px, 3vw, 30px);
    border: 1px solid #e4edf8;
    border-radius: 26px;
    background: #ffffff;
    box-shadow: 0 16px 38px rgba(15, 23, 42, 0.048);
}

.ks-flow-section-head {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    align-items: flex-start;
    margin-bottom: 20px;
}

.ks-flow-section-head h2 {
    margin: 0 0 8px !important;
    color: #173b8f !important;
    font-size: clamp(22px, 3vw, 30px) !important;
    line-height: 1.2 !important;
    letter-spacing: -0.03em;
}

.ks-flow-section-head p {
    margin: 0 !important;
    color: #5b6b84 !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
}

.ks-reference-card,
.ks-fee-summary,
.ks-selected-payment {
    padding: 18px 20px;
    border: 1px solid #dfeaf7;
    border-radius: 20px;
    background: #fbfdff;
}

.ks-reference-card {
    margin-bottom: 20px;
}

.ks-reference-card--compact {
    margin-bottom: 0;
}

.ks-reference-card span,
.ks-fee-summary span,
.ks-selected-payment span {
    display: block;
    margin-bottom: 8px;
    color: #24669f;
    font-size: 11.5px;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.ks-reference-card strong,
.ks-fee-summary strong,
.ks-selected-payment strong {
    display: block;
    color: #1264a8;
    font-size: clamp(22px, 3vw, 34px);
    line-height: 1.12;
    letter-spacing: -0.035em;
    word-break: break-word;
}

.ks-reference-card small,
.ks-fee-summary small,
.ks-selected-payment small {
    display: block;
    margin-top: 7px;
    color: #64748b;
    font-size: 13px;
    line-height: 1.55;
}

.ks-payment-summary-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(260px, 0.9fr);
    gap: 16px;
    margin-bottom: 18px;
}

.ks-payment-method-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    margin-bottom: 18px;
}

.ks-payment-method-card {
    position: relative;
    display: block;
    padding: 22px;
    border: 1px solid #e2eaf6;
    border-radius: 22px;
    background: #ffffff;
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.04);
    cursor: pointer;
    transition: all .18s ease;
}

.ks-payment-method-card:hover,
.ks-payment-method-card.is-selected {
    border-color: #0B5FCC;
    box-shadow: 0 16px 36px rgba(15, 118, 110, 0.11);
}

.ks-payment-method-card input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.ks-payment-method-card span {
    display: block;
    margin-bottom: 10px;
    color: #173b8f;
    font-size: 18px;
    font-weight: 600;
}

.ks-payment-method-card strong {
    display: inline-flex;
    margin-bottom: 10px;
    padding: 9px 13px;
    border-radius: 999px;
    background: #eef7ff;
    color: #1264a8;
    font-size: 16px;
}

.ks-payment-method-card.is-selected strong {
    background: #0B5FCC;
    color: #ffffff;
}

.ks-payment-method-card small {
    display: block;
    color: #60728b;
    font-size: 13px;
    line-height: 1.65;
}

.ks-bank-details {
    white-space: pre-wrap;
    margin: 14px 0 0;
    padding: 14px;
    border: 1px dashed #b9cce4;
    border-radius: 16px;
    background: #fbfdff;
    color: #334155;
    font-family: inherit;
    font-size: 12.5px;
    line-height: 1.55;
}

.ks-fluent-wrap .fluentform {
    max-width: 100% !important;
}

.ks-fluent-wrap .fluentform .ff-el-group {
    margin-bottom: 16px !important;
}

.ks-fluent-wrap .fluentform input,
.ks-fluent-wrap .fluentform select,
.ks-fluent-wrap .fluentform textarea {
    width: 100% !important;
    min-height: 50px !important;
    border-radius: 14px !important;
    border: 1px solid #d7e2f0 !important;
    background: #fbfdff !important;
    color: #172554 !important;
    font-size: 14px !important;
    box-shadow: none !important;
}

.ks-fluent-wrap .fluentform input[readonly] {
    background: #f3f7fd !important;
    cursor: not-allowed;
}

.ks-fluent-helper {
    display: block;
    margin-top: 6px;
    color: #0B5FCC;
    font-size: 12.5px;
    font-weight: 570;
}

.ks-flow-trust {
    padding: 24px;
    border-radius: 24px;
    background: linear-gradient(135deg, #173b8f, #1264a8);
    color: #ffffff;
    box-shadow: 0 16px 34px rgba(18, 100, 168, 0.14);
}

.ks-flow-trust h3 {
    margin: 0 0 8px !important;
    color: #ffffff !important;
    font-size: 22px !important;
}

.ks-flow-trust p {
    margin: 0 !important;
    color: rgba(255,255,255,.84) !important;
    line-height: 1.7 !important;
}

.ks-staff-login .ks-panel,
.ks-staff-portal .ks-panel,
.ks-patient-portal .ks-panel {
    overflow: hidden;
}

.ks-table-wrap {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.ks-table {
    min-width: 760px;
}

.ks-split {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(320px, .75fr);
    gap: 16px;
    align-items: start;
}

.ks-layout {
    display: grid;
    grid-template-columns: 240px minmax(0, 1fr);
    gap: 18px;
    align-items: start;
}

.ks-sidebar {
    position: sticky;
    top: 18px;
}

@media (max-width: 1024px) {
    .ks-layout,
    .ks-split,
    .ks-payment-summary-grid {
        grid-template-columns: 1fr;
    }

    .ks-sidebar {
        position: relative;
        top: auto;
    }

    .ks-nav {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 8px;
    }
}

@media (max-width: 760px) {
    .ks-application-flow,
    .ks-payment-flow,
    .ks-staff-portal,
    .ks-patient-portal {
        width: min(100% - 18px, 1180px);
        padding-left: 0;
        padding-right: 0;
    }

    .ks-flow-steps,
    .ks-payment-method-grid,
    .ks-info-grid,
    .ks-metric-grid,
    .ks-nav {
        grid-template-columns: 1fr !important;
    }

    .ks-flow-card,
    .ks-flow-hero,
    .ks-payment-method-card,
    .ks-reference-card,
    .ks-selected-payment,
    .ks-fee-summary {
        border-radius: 18px;
    }

    .ks-flow-steps span {
        white-space: normal;
    }

    .ks-page-header h1,
    .ks-flow-hero h1 {
        font-size: 30px !important;
    }
}

/* =========================================================
   v1.1.0 — professional public portal corrections
========================================================= */
.ks-application-flow,
.ks-payment-flow,
.ks-patient-portal-v108,
.ks-staff-portal,
.ks-auth-portal-v108 {
    width: min(1440px, calc(100% - 32px));
}
.ks-application-flow,
.ks-payment-flow { max-width: 980px; }
.ks-staff-portal { max-width: 1480px; }
.ks-auth-portal-v108 { max-width: 1180px; }
.ks-intake-fee-panel { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(260px,.95fr); gap:16px; margin:0 0 18px; }
.ks-fee-card-large,.ks-fee-note-card { border:1px solid #dfeaf7; border-radius:24px; background:#fff; padding:24px 26px; box-shadow:0 16px 38px rgba(15,23,42,.048); }
.ks-fee-card-large span { display:block; margin-bottom:10px; color:#24669f; font-size:11.5px; font-weight: 600; letter-spacing:.06em; text-transform:uppercase; }
.ks-fee-card-large strong { display:block; color:#1264a8; font-size:clamp(32px,4vw,44px); line-height:1.05; letter-spacing:-.04em; }
.ks-fee-card-large small { display:block; margin-top:10px; color:#64748b; font-size:13px; line-height:1.6; }
.ks-fee-card-large b { color:#173b8f; }
.ks-fee-note-card strong { display:block; margin-bottom:8px; color:#173b8f; font-size:18px; }
.ks-fee-note-card p { margin:0!important; color:#607089!important; line-height:1.7!important; }
.ks-flow-steps > div:last-child { background:#f8fbff; }
.ks-flow-steps > div:last-child strong { background:#dbeafe; color:#173b8f; }
.ks-fluent-wrap .fluentform input[type="radio"],
.ks-fluent-wrap .fluentform input[type="checkbox"] { width:auto!important; min-width:18px!important; min-height:18px!important; height:18px!important; padding:0!important; border-radius:50%!important; background:#fff!important; vertical-align:middle; }
.ks-fluent-wrap .fluentform input[type="checkbox"] { border-radius:4px!important; }
.ks-fluent-wrap .ff-el-form-check,
.ks-fluent-wrap .ff-el-form-check-label { display:flex!important; align-items:center!important; gap:8px!important; min-height:auto!important; }
.ks-fluent-wrap .ff-el-form-check-label span,
.ks-fluent-wrap .ff-el-form-check label { line-height:1.45!important; }
.ks-fluent-wrap .ff-el-input--content { max-width:100%!important; }
.ks-staff-portal .ks-shell { grid-template-columns: 280px minmax(0,1fr); }
.ks-staff-portal .ks-main { overflow:hidden; }
.ks-staff-portal .ks-panel { max-width:100%; overflow:hidden; }
.ks-staff-portal .ks-table-wrap { border:1px solid #edf2f7; border-radius:18px; background:#fff; }
.ks-staff-portal .ks-table { min-width: 980px; }
.ks-staff-portal .ks-table td, .ks-staff-portal .ks-table th { word-break:normal; }
.ks-staff-portal .ks-table td strong, .ks-staff-portal .ks-table td small { word-break:break-word; }
.ks-staff-portal .ks-small-button { white-space:normal; text-align:center; min-width:76px; }
.ks-login-features div strong { font-size:13px!important; }
.ks-application-summary-bar { grid-template-columns: repeat(4,minmax(0,1fr)); }
.ks-payment-flow .ks-flow-section-head p { max-width:760px; }
@media (max-width: 1100px) { .ks-intake-fee-panel { grid-template-columns:1fr; } .ks-staff-portal .ks-table { min-width: 860px; } }
@media (max-width: 860px) { .ks-application-flow,.ks-payment-flow,.ks-patient-portal-v108,.ks-staff-portal,.ks-auth-portal-v108 { width:min(100% - 20px, 1440px); } .ks-staff-portal .ks-shell { grid-template-columns:1fr; } .ks-application-summary-bar { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width: 560px) { .ks-flow-steps { gap:8px; } .ks-flow-steps > div { padding:12px; } .ks-fee-card-large,.ks-fee-note-card{padding:20px;border-radius:20px}.ks-application-summary-bar{grid-template-columns:1fr}.ks-payment-method-card{padding:18px}.ks-staff-portal .ks-table{min-width:760px} }

/* =========================================================
   v1.1.2 — Responsive Light Staff Portal Rebuild
   Açık tema, mobil uyumlu navigasyon, tablo -> kart dönüşümü
========================================================= */
.ks-staff-portal {
    --ks-sp-bg: #f5f8fc;
    --ks-sp-soft: #f8fbff;
    --ks-sp-surface: #ffffff;
    --ks-sp-line: #dfe9f5;
    --ks-sp-line-strong: #cbdced;
    --ks-sp-text: #10233f;
    --ks-sp-muted: #61758d;
    --ks-sp-muted-2: #8a9aad;
    --ks-sp-primary: #1264a8;
    --ks-sp-primary-2: #0f4f86;
    --ks-sp-teal: #0f8a83;
    --ks-sp-success: #166534;
    --ks-sp-success-bg: #e9f9ef;
    --ks-sp-warn: #92400e;
    --ks-sp-warn-bg: #fff7df;
    --ks-sp-info: #1e40af;
    --ks-sp-info-bg: #e8f0ff;
    --ks-sp-danger: #991b1b;
    --ks-sp-danger-bg: #fff0f0;
    --ks-sp-radius-xl: 24px;
    --ks-sp-radius-lg: 18px;
    --ks-sp-shadow: 0 18px 46px rgba(16, 32, 51, .065);

    width: calc(100vw - 32px) !important;
    max-width: 1500px !important;
    position: relative !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    margin: 0 auto 56px !important;
    padding: 16px !important;
    color: var(--ks-sp-text) !important;
    background:
        radial-gradient(circle at top left, rgba(18,100,168,.055), transparent 30%),
        radial-gradient(circle at top right, rgba(15,138,131,.05), transparent 24%),
        linear-gradient(180deg,#fbfdff 0%, var(--ks-sp-bg) 100%) !important;
    border: 1px solid rgba(223,233,245,.9) !important;
    border-radius: 28px !important;
    box-shadow: 0 22px 70px rgba(16, 32, 51, .055) !important;
    overflow: visible !important;
}

.ks-staff-portal,
.ks-staff-portal * {
    box-sizing: border-box !important;
}

.ks-staff-portal * {
    max-width: 100%;
}

.ks-staff-portal .ks-page-header {
    background: rgba(255,255,255,.92) !important;
    border: 1px solid var(--ks-sp-line) !important;
    border-radius: var(--ks-sp-radius-xl) !important;
    box-shadow: 0 10px 28px rgba(16,32,51,.045) !important;
    padding: 24px 28px !important;
    margin: 0 0 18px !important;
}

.ks-staff-portal .ks-page-header h1,
.ks-staff-portal .ks-page-header h2,
.ks-staff-portal .ks-section-head h2,
.ks-staff-portal .ks-panel-title h3 {
    color: var(--ks-sp-text) !important;
    letter-spacing: -.03em !important;
}

.ks-staff-portal .ks-page-header p,
.ks-staff-portal .ks-section-head p,
.ks-staff-portal .ks-panel-title p {
    color: var(--ks-sp-muted) !important;
}

.ks-staff-portal .ks-eyebrow {
    display: inline-flex !important;
    align-items: center !important;
    width: fit-content !important;
    max-width: 100% !important;
    margin-bottom: 10px !important;
    padding: 7px 12px !important;
    border-radius: 999px !important;
    background: rgba(15,138,131,.09) !important;
    color: var(--ks-sp-teal) !important;
    border: 1px solid rgba(15,138,131,.10) !important;
    font-size: 11px !important;
    font-weight: 570 !important;
    letter-spacing: .05em !important;
    text-transform: uppercase !important;
}

.ks-staff-portal .ks-layout {
    display: grid !important;
    grid-template-columns: 268px minmax(0, 1fr) !important;
    gap: 18px !important;
    align-items: start !important;
    background: transparent !important;
    width: 100% !important;
    max-width: 100% !important;
}

.ks-staff-portal .ks-sidebar {
    position: sticky !important;
    top: 18px !important;
    align-self: start !important;
    min-width: 0 !important;
    background: rgba(255,255,255,.94) !important;
    color: var(--ks-sp-text) !important;
    border: 1px solid var(--ks-sp-line) !important;
    border-radius: 24px !important;
    box-shadow: 0 12px 34px rgba(16,32,51,.045) !important;
    padding: 16px !important;
    overflow: hidden !important;
}

.ks-staff-portal .ks-sidebar-brand {
    padding: 0 0 14px !important;
    margin: 0 0 14px !important;
    border-bottom: 1px solid var(--ks-sp-line) !important;
}

.ks-staff-portal .ks-sidebar-brand strong,
.ks-staff-portal .ks-sidebar-brand span,
.ks-staff-portal .ks-sidebar-brand em,
.ks-staff-portal .ks-sidebar h2,
.ks-staff-portal .ks-sidebar p {
    color: var(--ks-sp-text) !important;
}

.ks-staff-portal .ks-sidebar-brand strong {
    display: block !important;
    font-size: 15px !important;
    font-weight: 580 !important;
    line-height: 1.25 !important;
}

.ks-staff-portal .ks-sidebar-brand span,
.ks-staff-portal .ks-sidebar-brand em {
    display: block !important;
    margin-top: 4px !important;
    color: var(--ks-sp-muted) !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
    font-style: normal !important;
}

.ks-staff-portal .ks-nav {
    display: grid !important;
    gap: 7px !important;
}

.ks-staff-portal .ks-nav a {
    min-height: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    padding: 10px 12px !important;
    border-radius: 15px !important;
    background: transparent !important;
    color: var(--ks-sp-text) !important;
    border: 1px solid transparent !important;
    font-size: 13px !important;
    font-weight: 540 !important;
    text-align: left !important;
    transition: background .18s ease, color .18s ease, border-color .18s ease, transform .18s ease !important;
}

.ks-staff-portal .ks-nav a:hover,
.ks-staff-portal .ks-nav a.is-active {
    background: linear-gradient(135deg, rgba(18,100,168,.10), rgba(15,138,131,.06)) !important;
    color: var(--ks-sp-primary) !important;
    border-color: rgba(18,100,168,.12) !important;
}

.ks-staff-portal .ks-sidebar-logout {
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid var(--ks-sp-line) !important;
}

.ks-staff-portal .ks-sidebar-logout button {
    width: 100% !important;
    min-height: 44px !important;
    border: 1px solid var(--ks-sp-line) !important;
    border-radius: 15px !important;
    background: var(--ks-sp-soft) !important;
    color: var(--ks-sp-primary) !important;
    font-weight: 580 !important;
    box-shadow: none !important;
}

.ks-staff-portal .ks-sidebar-logout button:hover {
    background: rgba(18,100,168,.08) !important;
}

.ks-staff-portal .ks-mobile-tabs {
    display: none !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 8px !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: thin !important;
    padding: 6px 2px 10px !important;
}

.ks-staff-portal .ks-mobile-tabs a {
    flex: 0 0 auto !important;
    min-height: 42px !important;
    min-width: 86px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 9px 12px !important;
    border-radius: 999px !important;
    border: 1px solid var(--ks-sp-line) !important;
    background: #fff !important;
    color: var(--ks-sp-text) !important;
    font-size: 12.5px !important;
    font-weight: 580 !important;
    white-space: nowrap !important;
}

.ks-staff-portal .ks-mobile-tabs a.is-active {
    background: linear-gradient(135deg, rgba(18,100,168,.12), rgba(15,138,131,.08)) !important;
    border-color: rgba(18,100,168,.18) !important;
    color: var(--ks-sp-primary) !important;
}

.ks-staff-portal .ks-main {
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    background: transparent !important;
    overflow: visible !important;
}

.ks-staff-portal .ks-section-head {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 14px !important;
    margin: 0 0 14px !important;
    padding: 20px 22px !important;
    border: 1px solid var(--ks-sp-line) !important;
    border-radius: 24px !important;
    background: rgba(255,255,255,.94) !important;
    box-shadow: 0 8px 24px rgba(16,32,51,.04) !important;
}

.ks-staff-portal .ks-section-head h2 {
    margin: 0 0 6px !important;
    font-size: clamp(22px, 2.2vw, 30px) !important;
    line-height: 1.15 !important;
    font-weight: 580 !important;
}

.ks-staff-portal .ks-section-head p {
    margin: 0 !important;
    font-size: 13.5px !important;
    line-height: 1.65 !important;
}

.ks-staff-portal .ks-metric-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 12px !important;
    margin: 0 0 14px !important;
}

.ks-staff-portal .ks-metric-grid--three {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.ks-staff-portal .ks-metric-card,
.ks-staff-portal .ks-panel,
.ks-staff-portal .ks-detail-panel,
.ks-staff-portal .ks-alert {
    background: rgba(255,255,255,.96) !important;
    border: 1px solid var(--ks-sp-line) !important;
    border-radius: 22px !important;
    box-shadow: 0 8px 24px rgba(16,32,51,.04) !important;
    max-width: 100% !important;
    overflow: hidden !important;
}

.ks-staff-portal .ks-metric-card {
    padding: 18px !important;
}

.ks-staff-portal .ks-metric-card span {
    display: block !important;
    color: var(--ks-sp-muted) !important;
    font-size: 11px !important;
    text-transform: uppercase !important;
    letter-spacing: .05em !important;
    font-weight: 580 !important;
    line-height: 1.25 !important;
}

.ks-staff-portal .ks-metric-card strong {
    display: block !important;
    margin: 8px 0 4px !important;
    color: var(--ks-sp-text) !important;
    font-size: 30px !important;
    line-height: 1 !important;
    font-weight: 580 !important;
    letter-spacing: -.035em !important;
}

.ks-staff-portal .ks-metric-card small {
    display: block !important;
    color: var(--ks-sp-muted) !important;
    font-size: 12.5px !important;
    line-height: 1.45 !important;
}

.ks-staff-portal .ks-panel {
    padding: 18px !important;
    margin-bottom: 14px !important;
}

.ks-staff-portal .ks-panel-title {
    margin-bottom: 14px !important;
}

.ks-staff-portal .ks-panel-title h3 {
    margin: 0 0 5px !important;
    font-size: 18px !important;
    font-weight: 580 !important;
    line-height: 1.25 !important;
}

.ks-staff-portal .ks-panel-title p {
    margin: 0 !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
}

.ks-staff-portal .ks-filter-bar {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin: 0 0 14px !important;
}

.ks-staff-portal .ks-filter-bar a {
    min-height: 38px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 8px 13px !important;
    border-radius: 999px !important;
    border: 1px solid var(--ks-sp-line) !important;
    background: #fff !important;
    color: var(--ks-sp-muted) !important;
    font-size: 12.5px !important;
    font-weight: 580 !important;
}

.ks-staff-portal .ks-filter-bar a.is-active,
.ks-staff-portal .ks-filter-bar a:hover {
    background: rgba(18,100,168,.08) !important;
    border-color: rgba(18,100,168,.16) !important;
    color: var(--ks-sp-primary) !important;
}

.ks-staff-portal .ks-table-wrap {
    width: 100% !important;
    max-width: 100% !important;
    border: 1px solid var(--ks-sp-line) !important;
    border-radius: 18px !important;
    background: #fff !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
}

.ks-staff-portal .ks-table {
    width: 100% !important;
    min-width: 920px !important;
    border-collapse: collapse !important;
    table-layout: auto !important;
}

.ks-staff-portal .ks-table th {
    padding: 13px 14px !important;
    background: var(--ks-sp-soft) !important;
    color: var(--ks-sp-muted) !important;
    border-bottom: 1px solid var(--ks-sp-line) !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
    font-weight: 580 !important;
    letter-spacing: .05em !important;
    text-transform: uppercase !important;
    text-align: left !important;
    white-space: nowrap !important;
}

.ks-staff-portal .ks-table td {
    padding: 14px !important;
    border-bottom: 1px solid #edf3fa !important;
    color: var(--ks-sp-text) !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
    vertical-align: top !important;
    text-align: left !important;
    overflow-wrap: anywhere !important;
}

.ks-staff-portal .ks-table td strong {
    color: var(--ks-sp-text) !important;
    font-weight: 580 !important;
    overflow-wrap: anywhere !important;
}

.ks-staff-portal .ks-table td small {
    display: block !important;
    margin-top: 4px !important;
    color: var(--ks-sp-muted) !important;
    font-size: 11.5px !important;
    line-height: 1.4 !important;
    overflow-wrap: anywhere !important;
}

.ks-staff-portal .ks-table tr:hover td,
.ks-staff-portal .ks-table tr.is-selected td {
    background: rgba(18,100,168,.035) !important;
}

.ks-staff-portal .ks-badge {
    display: inline-flex !important;
    align-items: center !important;
    max-width: 100% !important;
    min-height: 28px !important;
    padding: 5px 9px !important;
    border-radius: 999px !important;
    white-space: normal !important;
    text-align: center !important;
    line-height: 1.25 !important;
    font-size: 11px !important;
    font-weight: 580 !important;
}

.ks-staff-portal .ks-badge--success { background: var(--ks-sp-success-bg) !important; color: var(--ks-sp-success) !important; border: 1px solid rgba(22,101,52,.12) !important; }
.ks-staff-portal .ks-badge--warning { background: var(--ks-sp-warn-bg) !important; color: var(--ks-sp-warn) !important; border: 1px solid rgba(146,64,14,.12) !important; }
.ks-staff-portal .ks-badge--info { background: var(--ks-sp-info-bg) !important; color: var(--ks-sp-info) !important; border: 1px solid rgba(30,64,175,.12) !important; }
.ks-staff-portal .ks-badge--danger { background: var(--ks-sp-danger-bg) !important; color: var(--ks-sp-danger) !important; border: 1px solid rgba(153,27,27,.12) !important; }
.ks-staff-portal .ks-badge--neutral { background: #f1f5f9 !important; color: #475569 !important; border: 1px solid #e2e8f0 !important; }

.ks-staff-portal .ks-small-button,
.ks-staff-portal .ks-primary-button,
.ks-staff-portal .ks-secondary-button,
.ks-staff-portal .ks-danger-button,
.ks-staff-portal .ks-full-button,
.ks-staff-portal button[type="submit"] {
    min-height: 40px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 10px 14px !important;
    border-radius: 14px !important;
    border: 1px solid var(--ks-sp-line) !important;
    background: #fff !important;
    color: var(--ks-sp-primary) !important;
    font-size: 12.5px !important;
    line-height: 1.2 !important;
    font-weight: 580 !important;
    text-align: center !important;
    white-space: nowrap !important;
    text-decoration: none !important;
    box-shadow: none !important;
}

.ks-staff-portal .ks-primary-button,
.ks-staff-portal button[type="submit"].ks-primary-button {
    background: linear-gradient(180deg, var(--ks-sp-primary), var(--ks-sp-primary-2)) !important;
    color: #fff !important;
    border-color: transparent !important;
    box-shadow: 0 10px 22px rgba(18,100,168,.16) !important;
}

.ks-staff-portal .ks-danger-button {
    color: var(--ks-sp-danger) !important;
    border-color: rgba(153,27,27,.16) !important;
    background: #fff !important;
}

.ks-staff-portal .ks-payments-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1.35fr) minmax(320px, .65fr) !important;
    gap: 14px !important;
    align-items: start !important;
    max-width: 100% !important;
}

.ks-staff-portal .ks-detail-panel {
    padding: 18px !important;
    position: sticky !important;
    top: 18px !important;
}

.ks-staff-portal .ks-detail-list {
    display: grid !important;
    gap: 10px !important;
}

.ks-staff-portal .ks-detail-list > div {
    padding: 12px !important;
    border: 1px solid var(--ks-sp-line) !important;
    background: var(--ks-sp-soft) !important;
    border-radius: 16px !important;
}

.ks-staff-portal .ks-detail-list span {
    display: block !important;
    margin-bottom: 5px !important;
    color: var(--ks-sp-muted) !important;
    font-size: 11px !important;
    text-transform: uppercase !important;
    letter-spacing: .045em !important;
    font-weight: 580 !important;
}

.ks-staff-portal .ks-detail-list strong {
    display: block !important;
    color: var(--ks-sp-text) !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
    overflow-wrap: anywhere !important;
}

.ks-staff-portal .ks-action-area,
.ks-staff-portal .ks-action-form {
    display: grid !important;
    gap: 12px !important;
}

.ks-staff-portal .ks-action-area {
    margin-top: 14px !important;
}

.ks-staff-portal .ks-action-form label,
.ks-staff-portal .ks-clean-form label {
    display: grid !important;
    gap: 7px !important;
    color: var(--ks-sp-text) !important;
    font-size: 13px !important;
    font-weight: 540 !important;
}

.ks-staff-portal input[type="text"],
.ks-staff-portal input[type="email"],
.ks-staff-portal input[type="password"],
.ks-staff-portal textarea,
.ks-staff-portal select {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 44px !important;
    padding: 11px 12px !important;
    border: 1px solid var(--ks-sp-line-strong) !important;
    border-radius: 14px !important;
    background: #fff !important;
    color: var(--ks-sp-text) !important;
    font-size: 14px !important;
    box-shadow: none !important;
    outline: none !important;
}

.ks-staff-portal textarea {
    min-height: 92px !important;
    resize: vertical !important;
}

.ks-staff-portal input:focus,
.ks-staff-portal textarea:focus,
.ks-staff-portal select:focus {
    border-color: rgba(18,100,168,.45) !important;
    box-shadow: 0 0 0 4px rgba(18,100,168,.08) !important;
}

.ks-staff-portal .ks-empty {
    margin: 0 !important;
    padding: 18px !important;
    border: 1px dashed var(--ks-sp-line-strong) !important;
    border-radius: 18px !important;
    background: var(--ks-sp-soft) !important;
    color: var(--ks-sp-muted) !important;
    font-size: 13.5px !important;
    line-height: 1.6 !important;
}

.ks-staff-portal .ks-alert {
    padding: 15px 16px !important;
    margin: 0 0 14px !important;
}

.ks-staff-portal .ks-alert strong {
    display: block !important;
    color: var(--ks-sp-text) !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
}

.ks-staff-portal .ks-alert p {
    margin: 5px 0 0 !important;
    color: var(--ks-sp-muted) !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
}

.ks-staff-portal .ks-operation-bridge {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
    padding: 0 !important;
}

.ks-staff-portal .ks-operation-bridge .wrap,
.ks-staff-portal .ks-operation-bridge .ks-admin-page,
.ks-staff-portal .ks-operation-bridge .cha-pcm-admin-page {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
}

.ks-staff-portal .ks-operation-bridge table {
    max-width: 100% !important;
}

@media (max-width: 1180px) {
    .ks-staff-portal {
        width: calc(100vw - 24px) !important;
        padding: 14px !important;
        border-radius: 24px !important;
    }

    .ks-staff-portal .ks-layout {
        grid-template-columns: 232px minmax(0, 1fr) !important;
        gap: 14px !important;
    }

    .ks-staff-portal .ks-metric-grid,
    .ks-staff-portal .ks-metric-grid--three {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .ks-staff-portal .ks-payments-layout {
        grid-template-columns: 1fr !important;
    }

    .ks-staff-portal .ks-detail-panel {
        position: relative !important;
        top: auto !important;
    }
}

@media (max-width: 860px) {
    .ks-staff-portal {
        width: calc(100vw - 16px) !important;
        padding: 10px !important;
        border-radius: 22px !important;
        margin-bottom: 38px !important;
    }

    .ks-staff-portal .ks-page-header {
        padding: 20px !important;
        border-radius: 22px !important;
    }

    .ks-staff-portal .ks-layout {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }

    .ks-staff-portal .ks-sidebar {
        position: relative !important;
        top: auto !important;
        padding: 14px !important;
        border-radius: 22px !important;
    }

    .ks-staff-portal .ks-sidebar .ks-nav {
        display: none !important;
    }

    .ks-staff-portal .ks-sidebar-logout {
        margin-top: 10px !important;
        padding-top: 10px !important;
    }

    .ks-staff-portal .ks-mobile-tabs {
        display: flex !important;
        position: sticky !important;
        top: 0 !important;
        z-index: 30 !important;
        background: rgba(245,248,252,.94) !important;
        backdrop-filter: blur(10px) !important;
        border-radius: 18px !important;
    }

    .ks-staff-portal .ks-main {
        padding: 0 !important;
    }

    .ks-staff-portal .ks-section-head {
        display: block !important;
        padding: 18px !important;
        border-radius: 22px !important;
    }

    .ks-staff-portal .ks-section-head h2 {
        font-size: 24px !important;
    }

    .ks-staff-portal .ks-panel {
        padding: 14px !important;
        border-radius: 20px !important;
    }

    .ks-staff-portal .ks-table-wrap {
        border: 0 !important;
        background: transparent !important;
        overflow: visible !important;
        border-radius: 0 !important;
    }

    .ks-staff-portal .ks-table,
    .ks-staff-portal .ks-table thead,
    .ks-staff-portal .ks-table tbody,
    .ks-staff-portal .ks-table tr,
    .ks-staff-portal .ks-table td {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    .ks-staff-portal .ks-table thead {
        display: none !important;
    }

    .ks-staff-portal .ks-table tr {
        margin: 0 0 12px !important;
        padding: 13px !important;
        border: 1px solid var(--ks-sp-line) !important;
        border-radius: 18px !important;
        background: #fff !important;
        box-shadow: 0 8px 22px rgba(16,32,51,.035) !important;
    }

    .ks-staff-portal .ks-table td {
        display: grid !important;
        grid-template-columns: 112px minmax(0, 1fr) !important;
        gap: 10px !important;
        align-items: start !important;
        padding: 9px 0 !important;
        border-bottom: 1px dashed #e7eef7 !important;
        font-size: 13px !important;
    }

    .ks-staff-portal .ks-table td:last-child {
        border-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    .ks-staff-portal .ks-table td::before {
        content: "Bilgi" !important;
        color: var(--ks-sp-muted) !important;
        font-size: 11px !important;
        line-height: 1.25 !important;
        font-weight: 580 !important;
        letter-spacing: .04em !important;
        text-transform: uppercase !important;
    }

    .ks-staff-portal .ks-table--dashboard td:nth-child(1)::before { content: "Referans" !important; }
    .ks-staff-portal .ks-table--dashboard td:nth-child(2)::before { content: "Hasta" !important; }
    .ks-staff-portal .ks-table--dashboard td:nth-child(3)::before { content: "E-posta" !important; }
    .ks-staff-portal .ks-table--dashboard td:nth-child(4)::before { content: "Başvuru" !important; }
    .ks-staff-portal .ks-table--dashboard td:nth-child(5)::before { content: "Ödeme" !important; }
    .ks-staff-portal .ks-table--dashboard td:nth-child(6)::before { content: "Tarih" !important; }

    .ks-staff-portal .ks-table--applications td:nth-child(1)::before { content: "Başvuru Ref" !important; }
    .ks-staff-portal .ks-table--applications td:nth-child(2)::before { content: "Hasta" !important; }
    .ks-staff-portal .ks-table--applications td:nth-child(3)::before { content: "E-posta" !important; }
    .ks-staff-portal .ks-table--applications td:nth-child(4)::before { content: "Telefon" !important; }
    .ks-staff-portal .ks-table--applications td:nth-child(5)::before { content: "Başvuru" !important; }
    .ks-staff-portal .ks-table--applications td:nth-child(6)::before { content: "Ödeme" !important; }
    .ks-staff-portal .ks-table--applications td:nth-child(7)::before { content: "Tarih" !important; }

    .ks-staff-portal .ks-table--payments td:nth-child(1)::before { content: "Hasta" !important; }
    .ks-staff-portal .ks-table--payments td:nth-child(2)::before { content: "Başvuru Ref" !important; }
    .ks-staff-portal .ks-table--payments td:nth-child(3)::before { content: "Dosya No" !important; }
    .ks-staff-portal .ks-table--payments td:nth-child(4)::before { content: "Tutar" !important; }
    .ks-staff-portal .ks-table--payments td:nth-child(5)::before { content: "Durum" !important; }
    .ks-staff-portal .ks-table--payments td:nth-child(6)::before { content: "Tarih" !important; }
    .ks-staff-portal .ks-table--payments td:nth-child(7)::before { content: "İşlem" !important; }

    .ks-staff-portal .ks-table--cases td:nth-child(1)::before { content: "Dosya No" !important; }
    .ks-staff-portal .ks-table--cases td:nth-child(2)::before { content: "Hasta" !important; }
    .ks-staff-portal .ks-table--cases td:nth-child(3)::before { content: "E-posta" !important; }
    .ks-staff-portal .ks-table--cases td:nth-child(4)::before { content: "Dosya Durumu" !important; }
    .ks-staff-portal .ks-table--cases td:nth-child(5)::before { content: "Ödeme" !important; }
    .ks-staff-portal .ks-table--cases td:nth-child(6)::before { content: "Tarih" !important; }
    .ks-staff-portal .ks-table--cases td:nth-child(7)::before { content: "İşlem" !important; }

    .ks-staff-portal .ks-small-button,
    .ks-staff-portal .ks-primary-button,
    .ks-staff-portal .ks-secondary-button,
    .ks-staff-portal .ks-danger-button,
    .ks-staff-portal .ks-full-button,
    .ks-staff-portal button[type="submit"] {
        width: 100% !important;
        white-space: normal !important;
    }
}

@media (max-width: 560px) {
    .ks-staff-portal {
        width: calc(100vw - 10px) !important;
        padding: 6px !important;
        border-radius: 18px !important;
        border-left: 0 !important;
        border-right: 0 !important;
        background: linear-gradient(180deg,#fbfdff 0%, #f5f8fc 100%) !important;
    }

    .ks-staff-portal .ks-page-header {
        padding: 18px !important;
        border-radius: 18px !important;
    }

    .ks-staff-portal .ks-page-header h1 {
        font-size: 25px !important;
        line-height: 1.16 !important;
    }

    .ks-staff-portal .ks-sidebar {
        padding: 12px !important;
        border-radius: 18px !important;
    }

    .ks-staff-portal .ks-sidebar-brand strong {
        font-size: 14px !important;
    }

    .ks-staff-portal .ks-mobile-tabs {
        margin-left: -2px !important;
        margin-right: -2px !important;
    }

    .ks-staff-portal .ks-mobile-tabs a {
        min-width: 78px !important;
        min-height: 40px !important;
        padding: 8px 11px !important;
        font-size: 12px !important;
    }

    .ks-staff-portal .ks-section-head,
    .ks-staff-portal .ks-panel,
    .ks-staff-portal .ks-metric-card,
    .ks-staff-portal .ks-detail-panel {
        border-radius: 18px !important;
    }

    .ks-staff-portal .ks-section-head {
        padding: 16px !important;
    }

    .ks-staff-portal .ks-section-head h2 {
        font-size: 22px !important;
    }

    .ks-staff-portal .ks-metric-grid,
    .ks-staff-portal .ks-metric-grid--three {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    .ks-staff-portal .ks-metric-card {
        padding: 16px !important;
    }

    .ks-staff-portal .ks-metric-card strong {
        font-size: 28px !important;
    }

    .ks-staff-portal .ks-panel {
        padding: 12px !important;
    }

    .ks-staff-portal .ks-table tr {
        padding: 12px !important;
        border-radius: 16px !important;
    }

    .ks-staff-portal .ks-table td {
        grid-template-columns: 1fr !important;
        gap: 5px !important;
        padding: 10px 0 !important;
    }

    .ks-staff-portal .ks-table td::before {
        font-size: 10.5px !important;
    }

    .ks-staff-portal .ks-detail-list > div {
        padding: 11px !important;
        border-radius: 14px !important;
    }
}


/* =========================================================
   v1.1.3 — Staff Portal Stability + Case Detail Responsive Fix
   Purpose: remove layout drift, prevent narrow right-column squeeze,
   and make staff portal behave as a real responsive light app shell.
========================================================= */
.ks-staff-portal,
.ks-staff-portal * { box-sizing: border-box !important; }

.ks-staff-portal {
    width: min(100% - 24px, 1540px) !important;
    max-width: 1540px !important;
    margin: clamp(14px, 2vw, 26px) auto 60px !important;
    overflow: visible !important;
}

.ks-staff-portal .ks-layout {
    display: grid !important;
    grid-template-columns: minmax(220px, 260px) minmax(0, 1fr) !important;
    gap: 18px !important;
    align-items: start !important;
    max-width: 100% !important;
}

.ks-staff-portal .ks-sidebar {
    position: sticky !important;
    top: 18px !important;
    align-self: start !important;
    background: rgba(255,255,255,.96) !important;
}

.ks-staff-portal .ks-main,
.ks-staff-portal .ks-panel,
.ks-staff-portal .ks-detail-panel,
.ks-staff-portal .ks-operation-bridge {
    min-width: 0 !important;
}

.ks-staff-portal .ks-payments-layout {
    grid-template-columns: minmax(0, 1fr) minmax(340px, 400px) !important;
}

.ks-staff-portal .ks-table--payments { min-width: 720px !important; }
.ks-staff-portal .ks-table--cases { min-width: 780px !important; }
.ks-staff-portal .ks-table--applications { min-width: 760px !important; }
.ks-staff-portal .ks-table--dashboard { min-width: 720px !important; }

/* Case detail imported from the internal admin view must not keep admin two/three-column behavior. */
.ks-staff-portal .ks-operation-bridge .wrap,
.ks-staff-portal .ks-operation-bridge .cha-pcm-admin,
.ks-staff-portal .ks-operation-bridge .cha-pcm-admin-v107 {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
}

.ks-staff-portal .ks-operation-bridge .cha-pcm-page-head {
    display: none !important;
}

.ks-staff-portal .ks-operation-bridge .cha-pcm-summary-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
    gap: 12px !important;
}

.ks-staff-portal .ks-operation-bridge .cha-pcm-card,
.ks-staff-portal .ks-operation-bridge .cha-pcm-panel,
.ks-staff-portal .ks-operation-bridge .cha-pcm-details {
    border: 1px solid var(--ks-sp-line) !important;
    border-radius: 22px !important;
    background: rgba(255,255,255,.96) !important;
    box-shadow: 0 8px 24px rgba(16,32,51,.04) !important;
    max-width: 100% !important;
    overflow: hidden !important;
}

.ks-staff-portal .ks-operation-bridge .cha-pcm-main-layout,
.ks-staff-portal .ks-operation-bridge .cha-pcm-admin-v107 .cha-pcm-main-layout {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    align-items: start !important;
}

.ks-staff-portal .ks-operation-bridge .cha-pcm-main-layout > main,
.ks-staff-portal .ks-operation-bridge .cha-pcm-main-layout > aside {
    min-width: 0 !important;
    width: 100% !important;
}

.ks-staff-portal .ks-operation-bridge .cha-pcm-main-layout > aside,
.ks-staff-portal .ks-operation-bridge .cha-pcm-admin-v107 .cha-pcm-main-layout aside {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
}

.ks-staff-portal .ks-operation-bridge .cha-pcm-clean-actions,
.ks-staff-portal .ks-operation-bridge .cha-pcm-option-grid,
.ks-staff-portal .ks-operation-bridge .cha-pcm-form-grid,
.ks-staff-portal .ks-operation-bridge .cha-pcm-form-grid.compact {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
    gap: 12px !important;
}

.ks-staff-portal .ks-operation-bridge .cha-pcm-clean-actions .cha-pcm-action-form,
.ks-staff-portal .ks-operation-bridge .cha-pcm-clean-actions .cha-pcm-action-form:first-child,
.ks-staff-portal .ks-operation-bridge .cha-pcm-clean-actions .cha-pcm-action-form:last-child {
    grid-column: auto !important;
    min-width: 0 !important;
}

.ks-staff-portal .ks-operation-bridge .cha-pcm-panel-title-row {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 12px !important;
}

.ks-staff-portal .ks-operation-bridge .cha-pcm-panel-title-row h2 {
    margin: 0 0 8px !important;
    color: var(--ks-sp-text) !important;
    font-size: clamp(18px, 1.45vw, 23px) !important;
    line-height: 1.22 !important;
    font-weight: 580 !important;
    word-spacing: normal !important;
    letter-spacing: -.02em !important;
}

.ks-staff-portal .ks-operation-bridge .cha-pcm-panel-title-row p,
.ks-staff-portal .ks-operation-bridge .cha-pcm-card p,
.ks-staff-portal .ks-operation-bridge .cha-pcm-current-record span {
    color: var(--ks-sp-muted) !important;
    font-size: 13.5px !important;
    line-height: 1.58 !important;
}

.ks-staff-portal .ks-operation-bridge .cha-pcm-stage-strip {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}

.ks-staff-portal .ks-operation-bridge .cha-pcm-stage-item {
    margin: 0 !important;
    white-space: normal !important;
    line-height: 1.25 !important;
}

.ks-staff-portal .ks-operation-bridge .widefat,
.ks-staff-portal .ks-operation-bridge table {
    width: 100% !important;
    max-width: 100% !important;
    table-layout: auto !important;
}

.ks-staff-portal .ks-operation-bridge .cha-pcm-table-responsive,
.ks-staff-portal .ks-operation-bridge .cha-pcm-details-body {
    max-width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
}

@media (max-width: 1280px) {
    .ks-staff-portal .ks-payments-layout { grid-template-columns: 1fr !important; }
    .ks-staff-portal .ks-detail-panel { position: relative !important; top: auto !important; }
}

@media (max-width: 980px) {
    .ks-staff-portal { width: min(100% - 16px, 1540px) !important; padding: 10px !important; }
    .ks-staff-portal .ks-layout { grid-template-columns: 1fr !important; }
    .ks-staff-portal .ks-sidebar { position: relative !important; top: auto !important; }
    .ks-staff-portal .ks-operation-bridge .cha-pcm-main-layout > aside,
    .ks-staff-portal .ks-operation-bridge .cha-pcm-admin-v107 .cha-pcm-main-layout aside,
    .ks-staff-portal .ks-operation-bridge .cha-pcm-clean-actions,
    .ks-staff-portal .ks-operation-bridge .cha-pcm-option-grid,
    .ks-staff-portal .ks-operation-bridge .cha-pcm-form-grid,
    .ks-staff-portal .ks-operation-bridge .cha-pcm-form-grid.compact {
        grid-template-columns: 1fr !important;
    }
    .ks-staff-portal .ks-operation-bridge .cha-pcm-panel-title-row { display: block !important; }
}

@media (max-width: 560px) {
    .ks-staff-portal { width: 100% !important; margin: 8px auto 48px !important; border-radius: 0 !important; border-left: 0 !important; border-right: 0 !important; }
    .ks-staff-portal .ks-section-head,
    .ks-staff-portal .ks-panel,
    .ks-staff-portal .ks-detail-panel,
    .ks-staff-portal .ks-operation-bridge .cha-pcm-panel,
    .ks-staff-portal .ks-operation-bridge .cha-pcm-card,
    .ks-staff-portal .ks-operation-bridge .cha-pcm-details {
        border-radius: 17px !important;
    }
    .ks-staff-portal .ks-operation-bridge .cha-pcm-clean-actions,
    .ks-staff-portal .ks-operation-bridge .cha-pcm-option-grid,
    .ks-staff-portal .ks-operation-bridge .cha-pcm-form-grid,
    .ks-staff-portal .ks-operation-bridge .cha-pcm-form-grid.compact {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}

/* =========================================================
   v1.1.4 — Staff Portal Visual Stabilization
   Desktop payment cards, compact case detail, no table squeeze
========================================================= */
.ks-staff-portal {
    max-width: 1580px !important;
}

.ks-staff-portal .ks-page-header--compact {
    padding: 22px 26px !important;
    margin-bottom: 16px !important;
}

.ks-staff-portal .ks-page-header h1 {
    font-size: clamp(26px, 2.6vw, 34px) !important;
    line-height: 1.12 !important;
}

.ks-staff-portal .ks-layout {
    grid-template-columns: 248px minmax(0, 1fr) !important;
    gap: 16px !important;
}

.ks-staff-portal .ks-sidebar {
    padding: 14px !important;
}

.ks-staff-portal .ks-nav a {
    font-size: 12.8px !important;
    min-height: 42px !important;
    padding: 9px 11px !important;
}

.ks-staff-portal .ks-section-head {
    padding: 18px 20px !important;
    margin-bottom: 12px !important;
}

.ks-staff-portal .ks-section-head h2 {
    font-size: clamp(22px, 2vw, 28px) !important;
}

.ks-staff-portal .ks-panel {
    padding: 16px !important;
}

.ks-staff-portal .ks-payments-clean-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(310px, 370px) !important;
    gap: 16px !important;
    align-items: start !important;
}

.ks-staff-portal .ks-payment-list-panel {
    min-width: 0 !important;
    overflow: visible !important;
}

.ks-staff-portal .ks-payment-cards {
    display: grid !important;
    gap: 10px !important;
}

.ks-staff-portal .ks-payment-item {
    display: block !important;
    padding: 14px !important;
    border: 1px solid var(--ks-sp-line) !important;
    border-radius: 18px !important;
    background: #ffffff !important;
    box-shadow: 0 6px 18px rgba(16, 32, 51, .035) !important;
    color: var(--ks-sp-text) !important;
    text-decoration: none !important;
    transition: border-color .18s ease, background .18s ease, box-shadow .18s ease, transform .18s ease !important;
}

.ks-staff-portal .ks-payment-item:hover,
.ks-staff-portal .ks-payment-item.is-selected {
    border-color: rgba(18,100,168,.22) !important;
    background: linear-gradient(135deg, rgba(18,100,168,.055), rgba(15,138,131,.035)), #ffffff !important;
    box-shadow: 0 10px 24px rgba(16, 32, 51, .055) !important;
}

.ks-staff-portal .ks-payment-item__head {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin-bottom: 9px !important;
}

.ks-staff-portal .ks-payment-item__head strong {
    display: block !important;
    color: var(--ks-sp-text) !important;
    font-size: 15px !important;
    line-height: 1.25 !important;
    font-weight: 580 !important;
}

.ks-staff-portal .ks-payment-item__head span {
    display: block !important;
    margin-top: 3px !important;
    color: var(--ks-sp-muted) !important;
    font-size: 12.5px !important;
    line-height: 1.35 !important;
    overflow-wrap: anywhere !important;
}

.ks-staff-portal .ks-payment-item__ref {
    margin: 0 0 10px !important;
    padding: 9px 10px !important;
    border-radius: 13px !important;
    background: var(--ks-sp-soft) !important;
    border: 1px solid var(--ks-sp-line) !important;
    color: var(--ks-sp-primary) !important;
    font-size: 13px !important;
    font-weight: 580 !important;
    overflow-wrap: anywhere !important;
}

.ks-staff-portal .ks-payment-item__meta {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
}

.ks-staff-portal .ks-payment-item__meta span {
    min-width: 0 !important;
    padding: 10px !important;
    border: 1px solid var(--ks-sp-line) !important;
    border-radius: 13px !important;
    background: #fbfdff !important;
}

.ks-staff-portal .ks-payment-item__meta em {
    display: block !important;
    margin-bottom: 4px !important;
    color: var(--ks-sp-muted) !important;
    font-style: normal !important;
    font-size: 10.5px !important;
    text-transform: uppercase !important;
    letter-spacing: .045em !important;
    font-weight: 580 !important;
}

.ks-staff-portal .ks-payment-item__meta b {
    display: block !important;
    color: var(--ks-sp-text) !important;
    font-size: 12.5px !important;
    line-height: 1.3 !important;
    font-weight: 580 !important;
    overflow-wrap: anywhere !important;
}

.ks-staff-portal .ks-detail-panel {
    position: sticky !important;
    top: 18px !important;
    max-height: calc(100vh - 36px) !important;
    overflow: auto !important;
}

.ks-staff-portal .ks-detail-list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 9px !important;
}

.ks-staff-portal .ks-detail-list > div {
    padding: 12px !important;
    border-radius: 15px !important;
}

.ks-staff-portal .ks-detail-list strong {
    font-size: 12.7px !important;
    line-height: 1.38 !important;
}

.ks-staff-portal .ks-badge {
    white-space: normal !important;
    text-align: center !important;
    line-height: 1.2 !important;
    max-width: 118px !important;
}

.ks-staff-portal .ks-operation-bridge .cha-pcm-page-head,
.ks-staff-portal .ks-operation-bridge .cha-pcm-version {
    display: none !important;
}

.ks-staff-portal .ks-operation-bridge .cha-pcm-summary-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin-bottom: 14px !important;
}

.ks-staff-portal .ks-operation-bridge .cha-pcm-card {
    padding: 14px !important;
    border-radius: 18px !important;
    overflow: hidden !important;
}

.ks-staff-portal .ks-operation-bridge .cha-pcm-card strong {
    display: block !important;
    color: var(--ks-sp-text) !important;
    font-size: clamp(16px, 1.35vw, 22px) !important;
    line-height: 1.08 !important;
    letter-spacing: -.03em !important;
    overflow-wrap: anywhere !important;
}

.ks-staff-portal .ks-operation-bridge .cha-pcm-card p {
    font-size: 12.5px !important;
    line-height: 1.45 !important;
    overflow-wrap: anywhere !important;
}

.ks-staff-portal .ks-operation-bridge .cha-pcm-panel {
    padding: 18px !important;
    border-radius: 20px !important;
    overflow: hidden !important;
}

.ks-staff-portal .ks-operation-bridge .cha-pcm-panel h2 {
    font-size: 19px !important;
    line-height: 1.22 !important;
    letter-spacing: -.025em !important;
}

.ks-staff-portal .ks-operation-bridge .cha-pcm-panel-title-row {
    gap: 12px !important;
}

.ks-staff-portal .ks-operation-bridge .cha-pcm-main-layout {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 14px !important;
}

.ks-staff-portal .ks-operation-bridge .cha-pcm-main-layout > aside {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
    align-items: start !important;
}

.ks-staff-portal .ks-operation-bridge .cha-pcm-main-layout > aside > * {
    min-width: 0 !important;
    margin: 0 !important;
}

.ks-staff-portal .ks-operation-bridge .cha-pcm-clean-actions,
.ks-staff-portal .ks-operation-bridge .cha-pcm-form-grid,
.ks-staff-portal .ks-operation-bridge .cha-pcm-option-grid,
.ks-staff-portal .ks-operation-bridge .cha-pcm-history-grid {
    min-width: 0 !important;
}

.ks-staff-portal .ks-operation-bridge .cha-pcm-clean-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.ks-staff-portal .ks-operation-bridge .cha-pcm-clean-actions form:last-child {
    grid-column: 1 / -1 !important;
}

.ks-staff-portal .ks-operation-bridge .widefat,
.ks-staff-portal .ks-operation-bridge table {
    width: 100% !important;
    table-layout: auto !important;
}

.ks-staff-portal .ks-operation-bridge th,
.ks-staff-portal .ks-operation-bridge td {
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
}

@media (max-width: 1280px) {
    .ks-staff-portal .ks-payments-clean-layout {
        grid-template-columns: minmax(0, 1fr) minmax(290px, 340px) !important;
    }

    .ks-staff-portal .ks-payment-item__meta {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .ks-staff-portal .ks-payment-item__meta span:first-child {
        grid-column: 1 / -1 !important;
    }
}

@media (max-width: 1080px) {
    .ks-staff-portal .ks-layout,
    .ks-staff-portal .ks-payments-clean-layout {
        grid-template-columns: 1fr !important;
    }

    .ks-staff-portal .ks-sidebar {
        position: relative !important;
        top: auto !important;
    }

    .ks-staff-portal .ks-detail-panel {
        position: relative !important;
        top: auto !important;
        max-height: none !important;
    }

    .ks-staff-portal .ks-operation-bridge .cha-pcm-summary-grid,
    .ks-staff-portal .ks-operation-bridge .cha-pcm-main-layout > aside {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 760px) {
    .ks-staff-portal .ks-payment-item__head,
    .ks-staff-portal .ks-section-head,
    .ks-staff-portal .ks-operation-bridge .cha-pcm-panel-title-row {
        display: block !important;
    }

    .ks-staff-portal .ks-payment-item__head .ks-badge {
        margin-top: 8px !important;
    }

    .ks-staff-portal .ks-payment-item__meta,
    .ks-staff-portal .ks-detail-list,
    .ks-staff-portal .ks-operation-bridge .cha-pcm-summary-grid,
    .ks-staff-portal .ks-operation-bridge .cha-pcm-main-layout > aside,
    .ks-staff-portal .ks-operation-bridge .cha-pcm-clean-actions {
        grid-template-columns: 1fr !important;
    }

    .ks-staff-portal .ks-operation-bridge .cha-pcm-clean-actions form:last-child {
        grid-column: auto !important;
    }
}

/* =========================================================
   v1.1.5 — Staff/Patient Messaging Coordination
========================================================= */
.ks-staff-portal .ks-message-console{
    display:grid;
    grid-template-columns:minmax(280px,360px) minmax(0,1fr);
    gap:18px;
    align-items:start;
}
.ks-staff-portal .ks-thread-panel,
.ks-staff-portal .ks-conversation-panel{min-width:0;}
.ks-staff-portal .ks-thread-list{
    display:grid;
    gap:10px;
}
.ks-staff-portal .ks-thread-item{
    display:grid;
    gap:8px;
    padding:14px;
    border:1px solid #dce8f6;
    border-radius:18px;
    background:#ffffff;
    color:#0b2852;
    box-shadow:0 8px 20px rgba(16,45,82,.035);
    transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.ks-staff-portal .ks-thread-item:hover,
.ks-staff-portal .ks-thread-item.is-selected{
    background:#f4f9ff;
    border-color:#b8d5ef;
    box-shadow:0 12px 28px rgba(18,100,168,.08);
    transform:translateY(-1px);
}
.ks-staff-portal .ks-thread-item > div{
    display:flex;
    flex-direction:column;
    gap:2px;
    min-width:0;
}
.ks-staff-portal .ks-thread-item strong{
    font-size:14px;
    line-height:1.3;
    color:#0b2852;
    overflow-wrap:anywhere;
}
.ks-staff-portal .ks-thread-item span,
.ks-staff-portal .ks-thread-item small{
    font-size:12px;
    color:#60728b;
    overflow-wrap:anywhere;
}
.ks-staff-portal .ks-thread-item p{
    margin:0!important;
    color:#485f7b;
    font-size:13px;
    line-height:1.45;
}
.ks-staff-portal .ks-thread-item em{
    justify-self:start;
    min-width:24px;
    height:24px;
    padding:0 7px;
    border-radius:999px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:#dcfce7;
    color:#166534;
    font-size:12px;
    font-style:normal;
    font-weight: 570;
}
.ks-staff-portal .ks-conversation-head{
    display:flex;
    justify-content:space-between;
    gap:14px;
    align-items:flex-start;
    padding:16px 16px 14px;
    border-bottom:1px solid #e4edf8;
}
.ks-staff-portal .ks-conversation-head h3{
    margin:0 0 4px!important;
    color:#0b2852;
    font-size:20px!important;
    line-height:1.22!important;
    letter-spacing:-.02em;
}
.ks-staff-portal .ks-conversation-head p{
    margin:0!important;
    color:#60728b;
    font-size:13px;
    overflow-wrap:anywhere;
}
.ks-staff-portal .ks-conversation-body{
    padding:16px;
    display:flex;
    flex-direction:column;
    gap:12px;
    max-height:520px;
    overflow:auto;
    background:linear-gradient(180deg,#fbfdff 0%,#ffffff 100%);
}
.ks-staff-portal .ks-conversation-bubble{
    width:min(86%,680px);
    padding:12px 14px;
    border-radius:18px;
    border:1px solid #e2ebf6;
    background:#ffffff;
    box-shadow:0 6px 16px rgba(16,45,82,.035);
}
.ks-staff-portal .ks-conversation-bubble--staff{
    margin-left:auto;
    background:#eef7ff;
    border-color:#cfe4f7;
}
.ks-staff-portal .ks-conversation-bubble--patient{
    margin-right:auto;
    background:#f8fbff;
}
.ks-staff-portal .ks-conversation-bubble span{
    display:block;
    margin-bottom:4px;
    font-size:12px;
    font-weight: 570;
    color:#1264a8;
}
.ks-staff-portal .ks-conversation-bubble p{
    margin:0!important;
    color:#203a57;
    font-size:14px;
    line-height:1.55;
    overflow-wrap:anywhere;
}
.ks-staff-portal .ks-conversation-bubble small{
    display:block;
    margin-top:6px;
    color:#8ca0b8;
    font-size:11px;
}
.ks-staff-portal .ks-message-compose{
    padding:16px;
    border-top:1px solid #e4edf8;
    background:#ffffff;
}
.ks-staff-portal .ks-message-compose label{
    display:block;
    margin-bottom:12px;
}
.ks-staff-portal .ks-message-compose label span{
    display:block;
    margin-bottom:7px;
    font-size:13px;
    font-weight: 570;
    color:#173f78;
}
.ks-staff-portal .ks-message-compose textarea{
    width:100%;
    min-height:120px;
    border:1px solid #d6e4f2;
    border-radius:15px;
    background:#fbfdff;
    padding:13px 14px;
    color:#24344e;
    box-shadow:none;
    resize:vertical;
}
.ks-staff-portal .ks-message-compose textarea:focus{
    outline:none;
    border-color:#8bbbe3;
    box-shadow:0 0 0 4px rgba(18,100,168,.08);
    background:#ffffff;
}
.ks-patient-portal-v108 .ks-message-bubble--staff{
    background:#eef7ff;
    border-color:#cfe4f7;
}
.ks-patient-portal-v108 .ks-message-bubble--patient{
    background:#f0fdfa;
    border-color:#ccfbf1;
}
@media (max-width:1080px){
    .ks-staff-portal .ks-message-console{grid-template-columns:1fr;}
    .ks-staff-portal .ks-conversation-body{max-height:none;}
}
@media (max-width:640px){
    .ks-staff-portal .ks-conversation-head{flex-direction:column;}
    .ks-staff-portal .ks-conversation-bubble{width:100%;}
    .ks-staff-portal .ks-thread-item{padding:12px;}
    .ks-staff-portal .ks-message-compose .ks-primary-button{width:100%;}
}

/* v1.1.6 coordination and staff management refinements */
.ks-sidebar .ks-nav a{white-space:normal;line-height:1.25}
.ks-staff-users-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.75fr);gap:16px;margin-bottom:16px}
.ks-role-grid{display:grid;grid-template-columns:1fr;gap:10px}
.ks-role-grid div,.ks-staff-user-card{border:1px solid var(--ks-line,#dce8f6);background:#fff;border-radius:16px;padding:14px}
.ks-role-grid strong,.ks-staff-user-card__head strong{display:block;color:#102033;font-weight: 530;margin-bottom:4px}
.ks-role-grid span,.ks-staff-user-card__head span{display:block;color:#60728b;font-size:13px;line-height:1.45;overflow-wrap:anywhere}
.ks-staff-user-cards{display:grid;gap:12px}
.ks-staff-user-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px}
.ks-staff-user-card__head em{font-style:normal;background:#eef7ff;color:#1264a8;border:1px solid #d5e9fb;border-radius:999px;padding:6px 10px;font-size:12px;font-weight: 530;white-space:nowrap}
.ks-staff-user-edit{display:grid;grid-template-columns:1fr 1fr minmax(180px,.7fr) auto;gap:10px;align-items:end}
.ks-staff-user-edit label,.ks-action-form label{display:grid;gap:6px;color:#34465f;font-weight: 530;font-size:12px}
.ks-staff-user-edit input,.ks-staff-user-edit select,.ks-action-form input,.ks-action-form select{min-height:44px;border:1px solid #dce8f6;border-radius:13px;background:#fbfdff;padding:10px 12px;color:#102033;width:100%}
.ks-staff-user-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px;padding-top:12px;border-top:1px solid #e7eef7}
.ks-staff-user-actions form{margin:0}
@media (max-width:1100px){.ks-staff-users-layout{grid-template-columns:1fr}.ks-staff-user-edit{grid-template-columns:1fr 1fr}}
@media (max-width:720px){.ks-staff-user-edit{grid-template-columns:1fr}.ks-staff-user-card__head{display:block}.ks-staff-user-card__head em{display:inline-flex;margin-top:8px}.ks-staff-user-actions{display:grid}.ks-staff-user-actions button,.ks-staff-user-edit button{width:100%}}


/* =========================================================
   v1.1.8 — Core System Stabilization UI
========================================================= */
.ks-portal{max-width:min(1440px,100%);}
.ks-staff-portal{max-width:min(1500px,100%);padding-left:14px;padding-right:14px;}
.ks-staff-portal .ks-layout{grid-template-columns:minmax(220px,260px) minmax(0,1fr);gap:16px;align-items:start;}
.ks-staff-portal .ks-main,.ks-staff-portal .ks-panel,.ks-staff-portal .ks-payment-list-panel,.ks-staff-portal .ks-detail-panel{min-width:0;}
.ks-staff-portal .ks-panel{padding:18px;border-radius:18px;}
.ks-staff-portal .ks-panel-title h3,.ks-staff-portal .ks-section-head h2{font-size:20px!important;line-height:1.22!important;}
.ks-staff-portal .ks-panel-title p,.ks-staff-portal .ks-section-head p{font-size:13px!important;line-height:1.55!important;}
.ks-staff-portal .ks-metric-card strong{font-size:24px!important;}
.ks-staff-portal .ks-payment-item__meta{grid-template-columns:repeat(3,minmax(0,1fr));}
.ks-staff-portal .ks-payment-item__meta b,.ks-staff-portal .ks-detail-list strong{overflow-wrap:anywhere;word-break:break-word;}
.ks-staff-portal .ks-payment-item{padding:14px;border-radius:16px;}
.ks-staff-portal .ks-operation-bridge .wrap{margin:0!important;}
.ks-staff-portal .ks-operation-bridge .cha-pcm-page-head{display:none!important;}
.ks-staff-portal .ks-operation-bridge .cha-pcm-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
.ks-staff-portal .ks-operation-bridge .cha-pcm-card{padding:14px!important;border-radius:16px!important;}
.ks-staff-portal .ks-operation-bridge .cha-pcm-card strong{font-size:15px!important;line-height:1.35!important;overflow-wrap:anywhere;}
.ks-staff-portal .ks-operation-bridge .cha-pcm-panel{padding:18px!important;border-radius:18px!important;}
.ks-staff-portal .ks-operation-bridge .cha-pcm-panel-title-row h2{font-size:20px!important;line-height:1.22!important;}
.ks-staff-portal .ks-operation-bridge .cha-pcm-panel-title-row p{font-size:13px!important;line-height:1.55!important;}
.ks-staff-portal .ks-operation-bridge .cha-pcm-main-layout{display:grid!important;grid-template-columns:1fr!important;gap:16px!important;}
.ks-staff-portal .ks-operation-bridge .cha-pcm-main-layout > aside{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;}
.ks-staff-portal .ks-operation-bridge .cha-pcm-clean-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
.ks-staff-portal .ks-operation-bridge .cha-pcm-clean-actions .cha-pcm-action-form:last-child{grid-column:auto!important;}
.ks-staff-portal .ks-operation-bridge .cha-pcm-option-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
.ks-staff-portal .ks-operation-bridge table{width:100%;table-layout:auto;}
.ks-staff-portal .ks-operation-bridge th,.ks-staff-portal .ks-operation-bridge td{font-size:12.5px!important;vertical-align:top;overflow-wrap:anywhere;}
.ks-staff-portal .ks-nav a{font-size:13px;padding:9px 10px;min-height:40px;}
@media(max-width:1180px){
  .ks-staff-portal .ks-layout{grid-template-columns:1fr;}
  .ks-staff-portal .ks-sidebar{display:none!important;}
  .ks-staff-portal .ks-mobile-tabs{display:flex!important;overflow-x:auto;gap:8px;padding:8px;border:1px solid #dce8f6;border-radius:16px;background:#fff;position:sticky;top:0;z-index:20;}
  .ks-staff-portal .ks-mobile-tabs a{white-space:nowrap;}
  .ks-staff-portal .ks-payments-clean-layout{grid-template-columns:1fr!important;}
  .ks-staff-portal .ks-detail-panel{position:relative!important;top:auto!important;}
  .ks-staff-portal .ks-operation-bridge .cha-pcm-summary-grid,
  .ks-staff-portal .ks-operation-bridge .cha-pcm-main-layout > aside,
  .ks-staff-portal .ks-operation-bridge .cha-pcm-clean-actions,
  .ks-staff-portal .ks-operation-bridge .cha-pcm-option-grid{grid-template-columns:1fr!important;}
}
@media(max-width:720px){
  .ks-portal{padding:20px 12px 46px;}
  .ks-page-header{padding:20px;border-radius:18px;}
  .ks-page-header h1{font-size:26px!important;}
  .ks-staff-portal .ks-panel{padding:14px;border-radius:16px;}
  .ks-staff-portal .ks-section-head{display:block!important;}
  .ks-staff-portal .ks-metric-grid{grid-template-columns:1fr!important;}
  .ks-staff-portal .ks-payment-item__head{display:block!important;}
  .ks-staff-portal .ks-payment-item__head .ks-badge{margin-top:8px;}
  .ks-staff-portal .ks-payment-item__meta,.ks-staff-portal .ks-detail-list{grid-template-columns:1fr!important;}
  .ks-staff-portal .ks-action-area{grid-template-columns:1fr!important;}
  .ks-staff-portal .ks-primary-button,.ks-staff-portal .ks-danger-button,.ks-staff-portal .ks-small-button{width:100%;}
  .ks-staff-portal .ks-operation-bridge .cha-pcm-panel{padding:14px!important;}
  .ks-staff-portal .ks-operation-bridge .cha-pcm-panel-title-row{display:block!important;}
  .ks-staff-portal .ks-operation-bridge .cha-pcm-form-grid{grid-template-columns:1fr!important;}
}


/* =========================================================
   v1.1.9 Unified Patient Case Workspace
========================================================= */
.cha-pcm-admin-v119 .cha-pcm-unified-hero{
    display:flex;align-items:flex-start;justify-content:space-between;gap:18px;
    padding:22px 24px;margin:0 0 18px;border:1px solid #dce8f6;border-radius:22px;
    background:linear-gradient(135deg,#ffffff 0%,#f7fbff 74%,#eef6ff 100%);
    box-shadow:0 12px 30px rgba(15,55,105,.055);
}
.cha-pcm-admin-v119 .cha-pcm-unified-hero span{display:block;font-size:12px;font-weight: 530;letter-spacing:.05em;text-transform:uppercase;color:#24669f;margin-bottom:6px}
.cha-pcm-admin-v119 .cha-pcm-unified-hero h2{margin:0;font-size:28px;line-height:1.15;color:#173f78;letter-spacing:-.025em}
.cha-pcm-admin-v119 .cha-pcm-unified-hero p{margin:7px 0 0;color:#61728b;font-size:14px;line-height:1.55}
.cha-pcm-admin-v119 .cha-pcm-unified-statuses{display:flex;align-items:flex-start;justify-content:flex-end;gap:8px;flex-wrap:wrap;max-width:420px}
.cha-pcm-admin-v119 .cha-pcm-unified-summary{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px}
.cha-pcm-workspace-section{margin:18px 0 0;padding:18px;border:1px solid #dfe9f5;border-radius:22px;background:rgba(255,255,255,.78);box-shadow:0 8px 24px rgba(16,32,51,.035)}
.cha-pcm-section-title{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:0 0 14px}
.cha-pcm-section-title h2{margin:0;font-size:20px;line-height:1.25;color:#173f78;letter-spacing:-.02em}
.cha-pcm-section-title p{margin:6px 0 0;color:#64748b;font-size:13px;line-height:1.6;max-width:82ch}
.cha-pcm-section-title>h2{margin-right:14px}
.cha-pcm-two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.cha-pcm-two-col-wide-left{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr)}
.cha-pcm-unified-panel{padding:16px;border:1px solid #e2edf8;border-radius:18px;background:#fff;box-shadow:0 4px 14px rgba(15,55,105,.025);overflow:hidden}
.cha-pcm-unified-panel h3{margin:0 0 12px;color:#173f78;font-size:16px;line-height:1.25}
.cha-pcm-subtitle{margin-top:18px!important}
.cha-pcm-readable-payload{border:1px solid #e2edf8!important;border-radius:14px;overflow:hidden;display:table!important;table-layout:fixed!important;width:100%!important}
.cha-pcm-readable-payload th{width:210px!important;background:#f8fbff!important;color:#334155!important;font-weight: 530 !important;font-size:12.5px!important;vertical-align:top!important}
.cha-pcm-readable-payload td{font-size:13px!important;color:#334155!important;overflow-wrap:anywhere!important}
.cha-pcm-file-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.cha-pcm-file-list a{display:flex;flex-direction:column;gap:4px;padding:12px;border:1px solid #dfe9f5;border-radius:14px;background:#f8fbff;text-decoration:none;color:#173f78;min-width:0}
.cha-pcm-file-list a strong{font-size:13px;overflow-wrap:anywhere}.cha-pcm-file-list a span{font-size:12px;color:#64748b}
.cha-pcm-clean-actions-compact{grid-template-columns:1fr!important;gap:10px!important;margin-bottom:14px}
.cha-pcm-request-list,.cha-pcm-compact-list,.cha-pcm-message-list,.cha-pcm-timeline-mini{display:grid;gap:10px}
.cha-pcm-request-card,.cha-pcm-compact-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px;border:1px solid #e2edf8;border-radius:15px;background:#fbfdff;min-width:0}
.cha-pcm-request-card strong,.cha-pcm-compact-row strong{display:block;color:#173f78;font-size:14px;line-height:1.35}.cha-pcm-request-card span,.cha-pcm-compact-row span{display:block;color:#64748b;font-size:12px}.cha-pcm-request-card p{margin:6px 0 0;color:#475569;font-size:13px;line-height:1.5}
.cha-pcm-compact-row>div:last-child{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;flex-shrink:0}.cha-pcm-service-items{margin:-2px 0 8px;padding:8px 12px;border-radius:12px;background:#f8fbff;color:#64748b;font-size:12px;line-height:1.5}
.cha-pcm-option-grid.single{grid-template-columns:1fr!important}.cha-pcm-publish-form{margin-top:12px}.cha-pcm-publish-form .button{width:100%;justify-content:center}
.cha-pcm-message-bubble{padding:11px 12px;border-radius:15px;border:1px solid #e2edf8;background:#f8fbff}.cha-pcm-message-bubble.is-staff{background:#eef6ff;border-color:#cfe2f7}.cha-pcm-message-bubble span{display:block;color:#64748b;font-size:12px;font-weight: 530;margin-bottom:4px}.cha-pcm-message-bubble p{margin:0;color:#334155;font-size:13px;line-height:1.55}.cha-pcm-case-message-form{margin-top:14px}
.cha-pcm-timeline-mini div{padding:11px 12px;border-left:3px solid #cfe2f7;background:#fbfdff;border-radius:12px}.cha-pcm-timeline-mini span{display:block;color:#64748b;font-size:12px;margin-bottom:3px}.cha-pcm-timeline-mini strong{display:block;color:#173f78;font-size:13px}.cha-pcm-timeline-mini p{margin:4px 0 0;color:#64748b;font-size:12px;line-height:1.45}
.cha-pcm-stacked-form input[type="text"],.cha-pcm-stacked-form input[type="url"],.cha-pcm-stacked-form input[type="number"],.cha-pcm-stacked-form input[type="date"],.cha-pcm-stacked-form select,.cha-pcm-stacked-form textarea,.cha-pcm-action-form textarea{max-width:100%;width:100%}
.cha-pcm-case-workspace .cha-pcm-main-layout{display:block!important}.cha-pcm-case-workspace aside{display:block!important}.cha-pcm-case-workspace .cha-pcm-wide-details{display:none!important}
@media (max-width:1200px){.cha-pcm-admin-v119 .cha-pcm-unified-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.cha-pcm-two-col,.cha-pcm-two-col-wide-left{grid-template-columns:1fr}.cha-pcm-file-list{grid-template-columns:1fr}}
@media (max-width:760px){.cha-pcm-admin-v119 .cha-pcm-unified-hero{display:block;padding:18px}.cha-pcm-admin-v119 .cha-pcm-unified-hero h2{font-size:22px}.cha-pcm-admin-v119 .cha-pcm-unified-statuses{justify-content:flex-start;margin-top:12px}.cha-pcm-admin-v119 .cha-pcm-unified-summary{grid-template-columns:1fr}.cha-pcm-workspace-section{padding:13px;border-radius:18px}.cha-pcm-section-title{display:block}.cha-pcm-readable-payload,.cha-pcm-readable-payload tbody,.cha-pcm-readable-payload tr,.cha-pcm-readable-payload th,.cha-pcm-readable-payload td{display:block!important;width:100%!important}.cha-pcm-readable-payload th{border-bottom:0!important}.cha-pcm-request-card,.cha-pcm-compact-row{display:block}.cha-pcm-compact-row>div:last-child{justify-content:flex-start;margin-top:10px}.cha-pcm-unified-panel{padding:13px}.cha-pcm-option-box{padding:13px!important}}

/* v1.2.0 application identity guidance */
.ks-identity-guide{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0}.ks-identity-guide-card{border:1px solid #e2eaf3;border-radius:18px;background:#fff;padding:16px;box-shadow:0 8px 24px rgba(16,32,51,.04)}.ks-identity-guide-card strong{display:block;color:#173f78;font-size:15px;margin-bottom:6px}.ks-identity-guide-card p{margin:0;color:#60728b;font-size:13px;line-height:1.55}@media(max-width:760px){.ks-identity-guide{grid-template-columns:1fr}}


/* =========================================================
   v1.2.0.4 — Compact Application Page Typography
   Başvuru sayfası mevcut tasarım korunarak sadeleştirildi.
========================================================= */
.ks-application-flow {
    max-width: 980px;
}
.ks-application-flow .ks-flow-hero--compact {
    padding: clamp(20px, 3vw, 30px);
    border-radius: 24px;
    margin-bottom: 16px;
}
.ks-application-flow .ks-flow-hero h1 {
    font-size: clamp(26px, 3vw, 36px) !important;
    line-height: 1.12 !important;
    margin-bottom: 8px !important;
}
.ks-application-flow .ks-flow-hero p {
    max-width: 620px;
    font-size: clamp(13px, 1.35vw, 15px) !important;
    line-height: 1.6 !important;
}
.ks-application-flow .ks-flow-card--compact {
    padding: clamp(18px, 2.4vw, 26px);
    border-radius: 24px;
}
.ks-application-flow .ks-flow-section-head--compact {
    margin-bottom: 14px;
}
.ks-application-flow .ks-flow-section-head h2 {
    font-size: clamp(20px, 2.4vw, 26px) !important;
    margin-bottom: 0 !important;
}
.ks-application-flow .ks-identity-guide,
.ks-application-flow .ks-flow-section-head p {
    display: none !important;
}
.ks-application-flow .ks-reference-card--compact-app {
    padding: 14px 16px;
    border-radius: 18px;
    margin-bottom: 16px;
}
.ks-application-flow .ks-reference-card--compact-app strong {
    font-size: clamp(20px, 2.6vw, 28px) !important;
}
.ks-application-flow .ks-intake-fee-panel--compact {
    gap: 14px;
    margin-bottom: 16px;
}
.ks-application-flow .ks-intake-fee-panel--compact .ks-fee-card-large,
.ks-application-flow .ks-intake-fee-panel--compact .ks-fee-note-card {
    padding: 18px 20px;
    border-radius: 20px;
}
.ks-application-flow .ks-intake-fee-panel--compact .ks-fee-card-large strong {
    font-size: clamp(28px, 3vw, 36px);
}
.ks-application-flow .ks-intake-fee-panel--compact .ks-fee-note-card strong {
    font-size: 16px;
}
.ks-application-flow .ks-intake-fee-panel--compact .ks-fee-note-card p {
    font-size: 13.5px !important;
    line-height: 1.55 !important;
}
.ks-application-form-wrap .cha-ff-note {
    display: none !important;
}
.ks-application-form-wrap .cha-ff-section-title {
    margin: 22px 0 14px !important;
    padding: 15px 18px !important;
    border-radius: 16px !important;
    box-shadow: 0 8px 22px rgba(15,58,122,.045) !important;
}
.ks-application-form-wrap .cha-ff-section-title h3 {
    font-size: clamp(16px, 1.8vw, 19px) !important;
    line-height: 1.25 !important;
    margin: 0 !important;
}
.ks-application-form-wrap .cha-ff-section-title p {
    display: none !important;
}
.ks-application-form-wrap .fluentform .ff-el-group {
    margin-bottom: 13px !important;
}
.ks-application-form-wrap .fluentform label,
.ks-application-form-wrap .fluentform .ff-el-input--label label {
    font-size: 13px !important;
    line-height: 1.35 !important;
}
.ks-application-form-wrap .fluentform input,
.ks-application-form-wrap .fluentform select,
.ks-application-form-wrap .fluentform textarea {
    min-height: 44px !important;
    font-size: 13.5px !important;
    border-radius: 12px !important;
}
@media (max-width: 760px) {
    .ks-application-flow {
        width: min(100% - 18px, 980px);
    }
    .ks-application-flow .ks-flow-steps {
        grid-template-columns: 1fr !important;
        gap: 8px;
    }
    .ks-application-flow .ks-flow-steps > div {
        padding: 11px 12px;
        border-radius: 15px;
    }
    .ks-application-flow .ks-flow-steps strong {
        width: 26px;
        height: 26px;
        flex-basis: 26px;
    }
    .ks-application-flow .ks-flow-hero--compact,
    .ks-application-flow .ks-flow-card--compact {
        border-radius: 20px;
        padding: 18px;
    }
    .ks-application-form-wrap .cha-ff-section-title {
        margin: 18px 0 12px !important;
        padding: 13px 14px !important;
    }
}
@media (max-width: 480px) {
    .ks-application-flow .ks-flow-hero h1 {
        font-size: 25px !important;
    }
    .ks-application-flow .ks-intake-fee-panel--compact .ks-fee-card-large strong {
        font-size: 28px;
    }
}


/* =========================================================
   v1.2.2 — Staff Portal / Admin Coordination & Visual Stabilization
   Same operational data in staff portal, cleaner case workspace.
========================================================= */
.ks-staff-portal {
    width: min(100% - 28px, 1500px) !important;
    max-width: 1500px !important;
    padding-top: clamp(14px, 1.6vw, 24px) !important;
}
.ks-staff-portal .ks-page-header--compact,
.ks-staff-portal .ks-section-head,
.ks-staff-portal .ks-panel,
.ks-staff-portal .ks-metric-card,
.ks-staff-portal .ks-sidebar {
    border-color: #dbe7f5 !important;
    box-shadow: 0 10px 24px rgba(20, 42, 76, .045) !important;
}
.ks-staff-portal .ks-layout {
    grid-template-columns: minmax(210px, 235px) minmax(0, 1fr) !important;
    gap: 18px !important;
}
.ks-staff-portal .ks-sidebar {
    background: rgba(255,255,255,.98) !important;
    color: #173b8f !important;
    border-radius: 22px !important;
}
.ks-staff-portal .ks-sidebar * { color: inherit; }
.ks-staff-portal .ks-nav a {
    color: #1f3354 !important;
    font-size: 13px !important;
    min-height: 38px !important;
    padding: 9px 11px !important;
    border: 1px solid transparent !important;
}
.ks-staff-portal .ks-nav a.is-active,
.ks-staff-portal .ks-nav a:hover {
    background: #eef9fb !important;
    border-color: #c8eaf0 !important;
    color: #0B5FCC !important;
}
.ks-staff-portal .ks-sidebar-logout button {
    background: #ffffff !important;
    color: #173b8f !important;
    border: 1px solid #dbe7f5 !important;
    box-shadow: none !important;
}
.ks-staff-portal .ks-page-header h1,
.ks-staff-portal .ks-section-head h2,
.ks-staff-portal .ks-panel-title h3,
.ks-staff-portal .ks-panel h2 {
    font-size: clamp(20px, 1.55vw, 28px) !important;
    letter-spacing: -.025em !important;
}
.ks-staff-portal .ks-page-header p,
.ks-staff-portal .ks-section-head p,
.ks-staff-portal .ks-panel-title p,
.ks-staff-portal .ks-panel p {
    font-size: 13px !important;
    line-height: 1.55 !important;
}
.ks-staff-portal .ks-metric-grid--four { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }

/* Case detail bridge: no narrow action columns, no broken admin layout in staff portal */
.ks-staff-portal .ks-operation-bridge {
    padding: 0 !important;
    overflow: visible !important;
}
.ks-staff-portal .ks-operation-bridge .cha-pcm-admin,
.ks-staff-portal .ks-operation-bridge .wrap {
    max-width: 100% !important;
    width: 100% !important;
}
.ks-staff-portal .ks-operation-bridge .cha-pcm-workspace-section {
    padding: 16px !important;
    border-radius: 20px !important;
    background: rgba(255,255,255,.86) !important;
}
.ks-staff-portal .ks-operation-bridge .cha-pcm-two-col-wide-left {
    grid-template-columns: minmax(0, 1.15fr) minmax(360px, .85fr) !important;
    gap: 16px !important;
}
.ks-staff-portal .ks-operation-bridge .cha-pcm-clean-actions,
.ks-staff-portal .ks-operation-bridge .cha-pcm-clean-actions-compact,
.ks-staff-portal .ks-operation-bridge .cha-pcm-clean-actions.cha-pcm-clean-actions-compact {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
}
.ks-staff-portal .ks-operation-bridge .cha-pcm-action-form,
.ks-staff-portal .ks-operation-bridge .cha-pcm-clean-actions .cha-pcm-action-form,
.ks-staff-portal .ks-operation-bridge .cha-pcm-clean-actions .cha-pcm-action-form:first-child,
.ks-staff-portal .ks-operation-bridge .cha-pcm-clean-actions .cha-pcm-action-form:last-child {
    grid-column: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 12px !important;
    border-radius: 14px !important;
}
.ks-staff-portal .ks-operation-bridge .cha-pcm-action-form label {
    font-size: 13px !important;
    line-height: 1.35 !important;
    word-break: normal !important;
}
.ks-staff-portal .ks-operation-bridge textarea,
.ks-staff-portal .ks-operation-bridge input,
.ks-staff-portal .ks-operation-bridge select,
.ks-staff-portal .ks-operation-bridge button {
    max-width: 100% !important;
    box-sizing: border-box !important;
}
.ks-staff-portal .ks-operation-bridge .cha-pcm-readable-payload th {
    width: 180px !important;
    white-space: normal !important;
}
.ks-staff-portal .ks-operation-bridge .cha-pcm-readable-payload td,
.ks-staff-portal .ks-operation-bridge .cha-pcm-file-list a strong {
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
}
.ks-staff-portal .ks-operation-bridge .cha-pcm-file-list {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
}
.ks-staff-portal .ks-operation-bridge .cha-pcm-section-title h2 {
    font-size: 18px !important;
}
.ks-staff-portal .ks-operation-bridge .cha-pcm-section-title p {
    max-width: 72ch !important;
    font-size: 12.75px !important;
}
.ks-staff-portal .ks-operation-bridge .button,
.ks-staff-portal .ks-operation-bridge button {
    white-space: normal !important;
    line-height: 1.25 !important;
}

/* Clients module in staff portal */
.ks-client-toolbar { margin-bottom: 16px; }
.ks-client-search-form { display:flex; gap:8px; flex-wrap:wrap; align-items:center; }
.ks-client-search-form input[type="search"] { min-height:42px; flex:1 1 280px; border:1px solid #d6e0ef; border-radius:13px; padding:10px 13px; }
.ks-client-card-list { display:grid; gap:10px; }
.ks-client-card { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(180px,.65fr) minmax(170px,.45fr); gap:12px; align-items:center; padding:14px; border:1px solid #dbe7f5; border-radius:16px; background:#fbfdff; text-decoration:none!important; color:#173b8f!important; }
.ks-client-card:hover { border-color:#bde7ee; background:#f4fdff; }
.ks-client-card strong { display:block; font-size:15px; color:#173b8f; margin-bottom:4px; }
.ks-client-card span,.ks-client-card small,.ks-client-card em { display:block; color:#64748b; font-size:12px; font-style:normal; overflow-wrap:anywhere; }
.ks-client-card__stats { display:grid; grid-template-columns:auto 1fr auto 1fr; gap:4px 8px; align-items:center; }
.ks-client-card__stats b { color:#0B5FCC; font-size:18px; }
.ks-client-relations-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-top:16px; }
.ks-relation-list { display:grid; gap:9px; }
.ks-relation-list article { min-width:0; padding:12px; border:1px solid #dbe7f5; border-radius:14px; background:#fbfdff; }
.ks-relation-list article strong { display:block; color:#173b8f; font-size:13px; overflow-wrap:anywhere; }
.ks-relation-list article span { display:block; margin:4px 0 8px; color:#64748b; font-size:12px; overflow-wrap:anywhere; }
.ks-detail-list--wide { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }

@media (max-width: 1320px) {
    .ks-staff-portal .ks-operation-bridge .cha-pcm-two-col-wide-left { grid-template-columns: 1fr !important; }
    .ks-client-relations-grid { grid-template-columns:1fr; }
    .ks-detail-list--wide { grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
}
@media (max-width: 980px) {
    .ks-staff-portal { width: min(100% - 16px, 1500px) !important; }
    .ks-staff-portal .ks-layout { grid-template-columns: 1fr !important; }
    .ks-staff-portal .ks-sidebar { position: static !important; }
    .ks-staff-portal .ks-metric-grid,
    .ks-staff-portal .ks-metric-grid--four { grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
    .ks-client-card { grid-template-columns:1fr; }
}
@media (max-width: 640px) {
    .ks-staff-portal { width: 100% !important; padding-left:10px!important; padding-right:10px!important; }
    .ks-staff-portal .ks-page-header--compact,
    .ks-staff-portal .ks-section-head,
    .ks-staff-portal .ks-panel { padding: 15px !important; border-radius: 17px !important; }
    .ks-staff-portal .ks-metric-grid,
    .ks-staff-portal .ks-metric-grid--four,
    .ks-detail-list--wide { grid-template-columns: 1fr !important; }
    .ks-staff-portal .ks-operation-bridge .cha-pcm-workspace-section { padding: 12px !important; border-radius: 17px !important; }
    .ks-staff-portal .ks-operation-bridge .cha-pcm-readable-payload,
    .ks-staff-portal .ks-operation-bridge .cha-pcm-readable-payload tbody,
    .ks-staff-portal .ks-operation-bridge .cha-pcm-readable-payload tr,
    .ks-staff-portal .ks-operation-bridge .cha-pcm-readable-payload th,
    .ks-staff-portal .ks-operation-bridge .cha-pcm-readable-payload td { display:block!important; width:100%!important; }
}

/* v1.2.6 — Staff portal card/list refinement */
.ks-staff-portal .ks-section-head h2{font-size:clamp(22px,2.2vw,30px);letter-spacing:-.035em}
.ks-staff-portal .ks-section-head p{font-size:14px;line-height:1.55;max-width:72ch}
.ks-staff-portal .ks-metric-card span{font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:#60728b}
.ks-staff-portal .ks-metric-card strong{font-size:clamp(24px,2.6vw,34px);line-height:1.05;letter-spacing:-.035em}
.ks-staff-user-card__head strong{font-size:17px!important;letter-spacing:-.015em;text-transform:none!important}
.ks-staff-user-card{box-shadow:0 8px 24px rgba(15,55,105,.035)}
.ks-staff-user-edit{grid-template-columns:1fr 1fr minmax(150px,.7fr) minmax(120px,.55fr) auto!important}
.ks-staff-user-edit button{min-height:44px}
.ks-staff-user-actions .ks-small-button,.ks-staff-user-actions .ks-danger-button{min-height:40px;border-radius:12px;padding:9px 14px}
@media(max-width:1180px){.ks-staff-user-edit{grid-template-columns:1fr 1fr!important}}
@media(max-width:720px){.ks-staff-user-edit{grid-template-columns:1fr!important}.ks-staff-portal .ks-section-head h2{font-size:22px}.ks-staff-portal .ks-page-header h1{font-size:28px}.ks-staff-user-card{padding:13px}}

/* v1.3.0 — Finance Center & Reporting Foundation */
.ks-finance-head .ks-small-button,.ks-reports-head .ks-small-button{align-self:center;white-space:nowrap}
.ks-finance-health-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:0 0 16px}
.ks-finance-health-card{border:1px solid #dbe7f5;background:#fff;border-radius:18px;padding:16px;box-shadow:0 10px 24px rgba(15,55,105,.035)}
.ks-finance-health-card span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#60728b;font-weight: 570;margin-bottom:8px}
.ks-finance-health-card strong{display:block;font-size:28px;line-height:1;color:#062b63;letter-spacing:-.04em}
.ks-finance-health-card small{display:block;margin-top:8px;color:#64748b;font-size:12px;line-height:1.35}
.ks-finance-health-card.is-primary{background:linear-gradient(180deg,#f8fbff,#fff)}
.ks-finance-health-card.is-warning{border-color:#fde68a;background:#fffdf3}
.ks-finance-health-card.is-success{border-color:#bbf7d0;background:#f7fff9}
.ks-finance-health-card.is-danger{border-color:#fecaca;background:#fff8f8}
.ks-finance-health-card.is-alert{border-color:#fed7aa;background:#fff8ed}
.ks-finance-ledger-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:16px}
.ks-finance-ledger-card .ks-panel-title h3{font-size:18px!important}
.ks-finance-currency-list,.ks-finance-type-list{display:grid;gap:8px}
.ks-finance-currency-list div,.ks-finance-type-list div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid #e2eaf5;border-radius:13px;background:#fbfdff;min-width:0}
.ks-finance-currency-list span{font-weight: 600;color:#0B5FCC}.ks-finance-currency-list strong{font-size:15px;color:#062b63}.ks-finance-currency-list em,.ks-finance-type-list span{font-style:normal;color:#64748b;font-size:12px}.ks-finance-type-list strong{font-size:13px;color:#173b8f;overflow-wrap:anywhere}
.ks-finance-filter-form{display:grid;grid-template-columns:1.3fr repeat(6,minmax(120px,.8fr));gap:12px;align-items:end;margin-bottom:16px}
.ks-finance-filter-form label{display:grid;gap:5px;min-width:0}.ks-finance-filter-form label span{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#60728b;font-weight: 570}.ks-finance-filter-form input,.ks-finance-filter-form select{width:100%;min-height:42px;border-radius:12px;border:1px solid #cfe0f2;padding:8px 10px;background:#fff}.ks-finance-filter-actions{display:flex;gap:8px;align-items:center}.ks-finance-filter-actions .ks-primary-button,.ks-finance-filter-actions .ks-small-button{min-height:42px;display:inline-flex;align-items:center;justify-content:center}
.ks-finance-center-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:16px;align-items:start}.ks-finance-list-panel,.ks-finance-detail-panel{min-width:0}.ks-finance-payment-list{display:grid;gap:10px;max-height:760px;overflow:auto;padding-right:3px}.ks-finance-payment-row{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(170px,.75fr) minmax(160px,.65fr) 100px;gap:10px;align-items:center;padding:13px;border:1px solid #dbe7f5;border-radius:16px;background:#fff;color:inherit;text-decoration:none;transition:.18s ease;min-width:0}.ks-finance-payment-row:hover,.ks-finance-payment-row.is-selected{border-color:#8bbdf5;background:#f7fbff;box-shadow:0 10px 26px rgba(15,78,146,.08)}.ks-finance-payment-main,.ks-finance-payment-meta,.ks-finance-payment-flags{min-width:0}.ks-finance-payment-main strong{display:block;color:#062b63;font-size:14px;overflow-wrap:anywhere}.ks-finance-payment-main span{display:block;color:#64748b;font-size:12px;margin-top:3px;overflow-wrap:anywhere}.ks-finance-payment-meta span{display:block;color:#64748b;font-size:11px;text-transform:uppercase;letter-spacing:.04em;font-weight: 570}.ks-finance-payment-meta b{display:block;color:#0f2d57;font-size:14px;margin-top:4px}.ks-finance-payment-flags{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.ks-finance-payment-flags em{font-style:normal;font-size:11px;font-weight: 570;border-radius:999px;padding:6px 9px}.ks-finance-payment-flags em.is-missing{background:#fff7ed;color:#9a3412;border:1px solid #fed7aa}.ks-finance-payment-flags em.is-ok{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.ks-finance-payment-row time{font-size:12px;color:#64748b;text-align:right}
.ks-finance-status-line{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 12px}.ks-finance-status-line span{border:1px solid #dbe7f5;border-radius:999px;padding:7px 10px;color:#173b8f;background:#f8fbff;font-size:12px;font-weight: 570}.ks-detail-list--finance{grid-template-columns:repeat(2,minmax(0,1fr))!important}.ks-finance-note{border:1px solid #dbe7f5;border-radius:16px;padding:14px;background:#fbfdff;margin:12px 0}.ks-finance-note strong{display:block;color:#062b63;margin-bottom:6px}.ks-finance-note p{margin:0;color:#52647c;font-size:13px}.ks-finance-actions{grid-template-columns:1fr!important}.ks-finance-actions .ks-action-form{border:1px solid #dbe7f5;border-radius:16px;padding:13px;background:#fff}
.ks-report-kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:16px}.ks-report-kpi-grid article{border:1px solid #dbe7f5;background:#fff;border-radius:18px;padding:16px;box-shadow:0 10px 24px rgba(15,55,105,.035)}.ks-report-kpi-grid span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#60728b;font-weight: 570;margin-bottom:8px}.ks-report-kpi-grid strong{display:block;font-size:28px;line-height:1;color:#062b63}.ks-report-kpi-grid small{display:block;color:#64748b;margin-top:8px}.ks-reports-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.ks-report-funnel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.ks-report-funnel div,.ks-report-status-list div{border:1px solid #dbe7f5;background:#fbfdff;border-radius:15px;padding:13px}.ks-report-funnel span,.ks-report-status-list span{display:block;color:#64748b;font-size:12px;font-weight: 570}.ks-report-funnel strong,.ks-report-status-list strong{display:block;color:#062b63;font-size:24px;margin-top:5px}.ks-report-insight{margin:14px 0 0;color:#0f2d57}.ks-report-two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.ks-report-two-col h4{margin:0 0 8px;color:#173b8f}.ks-report-two-col p{border:1px solid #dbe7f5;border-radius:12px;background:#fbfdff;padding:10px;margin:0 0 8px}.ks-report-status-list,.ks-report-warning-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ks-report-warning-list div{display:flex;justify-content:space-between;gap:10px;border:1px solid #dbe7f5;background:#fbfdff;border-radius:14px;padding:12px}.ks-report-warning-list div.is-warning{background:#fff7ed;border-color:#fed7aa}.ks-report-warning-list div.is-danger{background:#fff1f2;border-color:#fecdd3}.ks-report-warning-list div.is-ok{background:#f0fdf4;border-color:#bbf7d0}.ks-report-warning-list strong{color:#062b63}.ks-report-warning-list span{color:#52647c}
@media(max-width:1320px){.ks-finance-health-row,.ks-report-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ks-finance-ledger-grid{grid-template-columns:1fr}.ks-finance-filter-form{grid-template-columns:repeat(3,minmax(0,1fr))}.ks-finance-center-layout{grid-template-columns:1fr}.ks-finance-payment-row{grid-template-columns:1fr 1fr}.ks-finance-payment-row time{text-align:left}.ks-reports-grid{grid-template-columns:1fr}}
@media(max-width:760px){.ks-finance-health-row,.ks-report-kpi-grid,.ks-finance-filter-form,.ks-finance-payment-row,.ks-report-funnel,.ks-report-two-col,.ks-report-status-list,.ks-report-warning-list,.ks-detail-list--finance{grid-template-columns:1fr!important}.ks-finance-center-layout{gap:12px}.ks-finance-filter-actions{flex-direction:column;align-items:stretch}.ks-finance-filter-actions a,.ks-finance-filter-actions button{width:100%}.ks-finance-payment-list{max-height:none}.ks-finance-payment-flags{align-items:flex-start}.ks-finance-health-card strong,.ks-report-kpi-grid strong{font-size:24px}}

/* v1.3.1 Staff Reporting Center */
.ks-metric-grid--reports{grid-template-columns:repeat(3,minmax(0,1fr))}
.ks-report-dashboard{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}.ks-report-dashboard .ks-panel{min-width:0}.ks-report-funnel{display:grid;gap:10px}.ks-report-funnel div{display:grid;grid-template-columns:150px 120px 1fr;gap:10px;align-items:center;padding:12px;border:1px solid #e1ebf7;border-radius:16px;background:#fff}.ks-report-funnel span,.ks-report-funnel strong{color:#0a2d61}.ks-report-funnel em{height:12px;display:block;border-radius:999px;background:linear-gradient(90deg,#0B5FCC,#1d4ed8);opacity:.2;min-width:4px}.ks-mini-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0}.ks-mini-stat-grid div{padding:14px;border:1px solid #dceafa;border-radius:16px;background:#f8fbff}.ks-mini-stat-grid span{display:block;font-size:11px;font-weight: 600;letter-spacing:.04em;text-transform:uppercase;color:#607592}.ks-mini-stat-grid strong{font-size:24px;color:#0b3f8a}.ks-mini-stat-grid .is-danger{background:#fff5f5;border-color:#fecaca}.ks-mini-stat-grid .is-danger strong{color:#b91c1c}.ks-table--compact th,.ks-table--compact td{padding:10px 12px}.ks-report-note{background:linear-gradient(180deg,#fff,#f7fbff)}
@media(max-width:1080px){.ks-report-dashboard{grid-template-columns:1fr}.ks-metric-grid--reports{grid-template-columns:repeat(2,minmax(0,1fr))}.ks-mini-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.ks-metric-grid--reports{grid-template-columns:1fr}.ks-mini-stat-grid{grid-template-columns:1fr}.ks-report-funnel div{grid-template-columns:1fr}}

/* =========================================================
   v1.3.2 — Full-Viewport Staff Portal Layout Stabilization
   Goal: stop layout drift, make finance/reporting pages use full page width,
   prevent vertical text wrapping, and improve mobile/tablet behavior.
========================================================= */
.ks-portal,
.ks-portal * { box-sizing: border-box !important; }

/* Use the browser width intentionally. Previous versions mixed max-widths
   and caused the staff content column to shrink while cards stayed large. */
.ks-staff-portal {
    width: min(100% - 20px, 1680px) !important;
    max-width: 1680px !important;
    margin: 14px auto 64px !important;
    padding: 14px !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    overflow: visible !important;
}

.ks-staff-portal .ks-layout {
    width: 100% !important;
    max-width: 100% !important;
    display: grid !important;
    grid-template-columns: 236px minmax(0, 1fr) !important;
    gap: 16px !important;
    align-items: start !important;
}

.ks-staff-portal .ks-sidebar {
    width: 236px !important;
    min-width: 0 !important;
    max-width: 236px !important;
}

.ks-staff-portal .ks-main {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: visible !important;
}

.ks-staff-portal .ks-section-head,
.ks-staff-portal .ks-panel,
.ks-staff-portal .ks-detail-panel,
.ks-staff-portal .ks-metric-card,
.ks-staff-portal .ks-finance-health-card,
.ks-staff-portal .ks-report-kpi-grid article {
    min-width: 0 !important;
    max-width: 100% !important;
}

/* Finance Center: desktop should breathe, medium screens should stack before
   the payment card becomes too narrow. */
.ks-staff-portal .ks-finance-center-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(360px, 420px) !important;
    gap: 16px !important;
    align-items: start !important;
    width: 100% !important;
    max-width: 100% !important;
}

.ks-staff-portal .ks-finance-list-panel,
.ks-staff-portal .ks-finance-detail-panel {
    min-width: 0 !important;
}

/* Payment rows are cards, not tables. This prevents names and file numbers
   from wrapping letter-by-letter in narrow columns. */
.ks-staff-portal .ks-finance-payment-list {
    display: grid !important;
    gap: 10px !important;
    max-height: 760px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 2px 3px 2px 0 !important;
}

.ks-staff-portal .ks-finance-payment-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas:
        "main time"
        "meta meta"
        "flags flags" !important;
    gap: 9px 12px !important;
    align-items: start !important;
    min-width: 0 !important;
    width: 100% !important;
    padding: 14px !important;
    border-radius: 18px !important;
}

.ks-staff-portal .ks-finance-payment-main { grid-area: main !important; min-width: 0 !important; }
.ks-staff-portal .ks-finance-payment-meta { grid-area: meta !important; min-width: 0 !important; }
.ks-staff-portal .ks-finance-payment-flags { grid-area: flags !important; min-width: 0 !important; }
.ks-staff-portal .ks-finance-payment-row time { grid-area: time !important; white-space: nowrap !important; text-align: right !important; }

.ks-staff-portal .ks-finance-payment-main strong,
.ks-staff-portal .ks-finance-payment-main span,
.ks-staff-portal .ks-finance-payment-meta b,
.ks-staff-portal .ks-finance-payment-meta span,
.ks-staff-portal .ks-detail-list strong,
.ks-staff-portal .ks-detail-list span {
    word-break: normal !important;
    overflow-wrap: break-word !important;
    hyphens: none !important;
}

.ks-staff-portal .ks-finance-payment-main strong {
    font-size: 14px !important;
    line-height: 1.35 !important;
}

.ks-staff-portal .ks-finance-payment-main span {
    font-size: 12px !important;
    line-height: 1.45 !important;
}

.ks-staff-portal .ks-finance-payment-meta {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 8px !important;
    align-items: center !important;
    padding: 10px 12px !important;
    border: 1px solid var(--ks-sp-line, #dfe9f5) !important;
    border-radius: 14px !important;
    background: #fbfdff !important;
}

.ks-staff-portal .ks-finance-payment-meta span,
.ks-staff-portal .ks-finance-payment-meta b {
    margin: 0 !important;
}

.ks-staff-portal .ks-finance-payment-flags {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    align-items: center !important;
}

/* Detail cards should not force the page wider. */
.ks-staff-portal .ks-detail-list--finance {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
}

.ks-staff-portal .ks-finance-detail-panel {
    position: sticky !important;
    top: 12px !important;
    max-height: calc(100vh - 24px) !important;
    overflow: auto !important;
}

/* Report layout: full responsive grid and no squeezed funnel item. */
.ks-staff-portal .ks-report-dashboard {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(360px, .85fr) !important;
    gap: 16px !important;
    align-items: start !important;
}

.ks-staff-portal .ks-report-funnel {
    display: grid !important;
    gap: 10px !important;
}

.ks-staff-portal .ks-report-funnel div {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas:
        "label value"
        "bar bar" !important;
    gap: 8px !important;
    align-items: center !important;
}

.ks-staff-portal .ks-report-funnel span { grid-area: label !important; min-width: 0 !important; }
.ks-staff-portal .ks-report-funnel strong { grid-area: value !important; margin: 0 !important; white-space: nowrap !important; }
.ks-staff-portal .ks-report-funnel em { grid-area: bar !important; width: 100% !important; }

/* Application / Fluent Form mobile polish. The form should respect page width,
   not create hidden overflow under the site header. */
.ks-application-flow,
.ks-payment-flow,
.ks-patient-portal {
    width: min(100% - 22px, 1120px) !important;
    max-width: 1120px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    left: auto !important;
    transform: none !important;
}

.ks-fluent-wrap,
.ks-fluent-wrap .fluentform,
.ks-fluent-wrap .ff-el-group,
.ks-fluent-wrap .ff-el-input--content {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
}

.ks-fluent-wrap .fluentform input:not([type="radio"]):not([type="checkbox"]):not([type="file"]),
.ks-fluent-wrap .fluentform select,
.ks-fluent-wrap .fluentform textarea {
    width: 100% !important;
    max-width: 100% !important;
}

.ks-fluent-wrap .ff-el-form-check,
.ks-fluent-wrap .ff-el-form-check-label {
    max-width: 100% !important;
    overflow-wrap: break-word !important;
}

/* More generous breakpoints. With sidebar + detail panel, 1280px is already
   a tablet-like operation width, so split views should stack sooner. */
@media (max-width: 1420px) {
    .ks-staff-portal .ks-finance-health-row,
    .ks-staff-portal .ks-report-kpi-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    .ks-staff-portal .ks-finance-center-layout,
    .ks-staff-portal .ks-report-dashboard {
        grid-template-columns: 1fr !important;
    }

    .ks-staff-portal .ks-finance-detail-panel {
        position: relative !important;
        top: auto !important;
        max-height: none !important;
    }
}

@media (max-width: 980px) {
    .ks-staff-portal {
        width: min(100% - 14px, 1680px) !important;
        padding: 10px !important;
        border-radius: 22px !important;
    }

    .ks-staff-portal .ks-layout {
        grid-template-columns: 1fr !important;
    }

    .ks-staff-portal .ks-sidebar {
        width: 100% !important;
        max-width: 100% !important;
        position: relative !important;
        top: auto !important;
    }

    .ks-staff-portal .ks-nav {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }

    .ks-staff-portal .ks-nav a {
        justify-content: center !important;
        text-align: center !important;
    }

    .ks-staff-portal .ks-metric-grid,
    .ks-staff-portal .ks-metric-grid--three,
    .ks-staff-portal .ks-metric-grid--reports,
    .ks-staff-portal .ks-mini-stat-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 620px) {
    .ks-staff-portal {
        width: 100% !important;
        margin: 0 auto 48px !important;
        padding: 8px !important;
        border-radius: 0 !important;
        border-left: 0 !important;
        border-right: 0 !important;
    }

    .ks-staff-portal .ks-nav,
    .ks-staff-portal .ks-finance-health-row,
    .ks-staff-portal .ks-report-kpi-grid,
    .ks-staff-portal .ks-metric-grid,
    .ks-staff-portal .ks-metric-grid--three,
    .ks-staff-portal .ks-metric-grid--reports,
    .ks-staff-portal .ks-mini-stat-grid,
    .ks-staff-portal .ks-detail-list--finance,
    .ks-staff-portal .ks-finance-payment-meta {
        grid-template-columns: 1fr !important;
    }

    .ks-staff-portal .ks-section-head,
    .ks-staff-portal .ks-payment-item__head {
        display: block !important;
    }

    .ks-staff-portal .ks-section-head h2 {
        font-size: 23px !important;
    }

    .ks-staff-portal .ks-finance-payment-row {
        grid-template-columns: 1fr !important;
        grid-template-areas:
            "main"
            "meta"
            "flags"
            "time" !important;
    }

    .ks-staff-portal .ks-finance-payment-row time {
        text-align: left !important;
    }

    .ks-application-flow,
    .ks-payment-flow,
    .ks-patient-portal {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}


/* =========================================================
   v1.3.3 — True Full-Viewport Portal Fix
   Purpose: break staff portal out of the theme content container,
   stop narrow-column text collapse, and stabilize report/finance pages.
========================================================= */
html body .ks-staff-portal {
    width: min(calc(100vw - 40px), 1760px) !important;
    max-width: 1760px !important;
    min-width: 0 !important;
    position: relative !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    margin-top: 16px !important;
    margin-bottom: 64px !important;
    padding: 16px !important;
    overflow: visible !important;
}

html body .ks-staff-portal,
html body .ks-staff-portal * {
    box-sizing: border-box !important;
}

html body .ks-staff-portal .ks-layout {
    display: grid !important;
    grid-template-columns: 250px minmax(0, 1fr) !important;
    gap: 18px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
}

html body .ks-staff-portal .ks-sidebar {
    width: 250px !important;
    max-width: 250px !important;
    min-width: 0 !important;
}

html body .ks-staff-portal .ks-main,
html body .ks-staff-portal .ks-panel,
html body .ks-staff-portal .ks-section-head,
html body .ks-staff-portal .ks-detail-panel,
html body .ks-staff-portal .ks-metric-card {
    min-width: 0 !important;
    max-width: 100% !important;
}

/* Reporting: do not allow funnel cards to become tiny columns. */
html body .ks-staff-portal .ks-report-dashboard {
    display: grid !important;
    grid-template-columns: minmax(560px, 1.15fr) minmax(420px, .85fr) !important;
    gap: 18px !important;
    align-items: start !important;
    width: 100% !important;
}

html body .ks-staff-portal .ks-report-funnel {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    width: 100% !important;
}

html body .ks-staff-portal .ks-report-funnel div {
    display: grid !important;
    grid-template-columns: minmax(180px, 1fr) minmax(90px, auto) minmax(160px, 1.2fr) !important;
    grid-template-areas: "label value bar" !important;
    gap: 14px !important;
    align-items: center !important;
    min-width: 0 !important;
}

html body .ks-staff-portal .ks-report-funnel span,
html body .ks-staff-portal .ks-report-funnel strong {
    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
    line-height: 1.25 !important;
}

html body .ks-staff-portal .ks-report-funnel span {
    white-space: normal !important;
}

html body .ks-staff-portal .ks-report-funnel strong {
    white-space: nowrap !important;
    text-align: right !important;
}

/* Finance: enforce readable transaction cards and full width list. */
html body .ks-staff-portal .ks-finance-center-layout {
    display: grid !important;
    grid-template-columns: minmax(620px, 1fr) minmax(420px, 460px) !important;
    gap: 18px !important;
    align-items: start !important;
    width: 100% !important;
}

html body .ks-staff-portal .ks-finance-payment-row {
    display: grid !important;
    grid-template-columns: minmax(240px, 1.2fr) minmax(190px, .8fr) minmax(170px, .7fr) 118px !important;
    grid-template-areas: "main meta flags time" !important;
    gap: 12px !important;
    align-items: center !important;
    min-width: 0 !important;
}

html body .ks-staff-portal .ks-finance-payment-main strong,
html body .ks-staff-portal .ks-finance-payment-main span,
html body .ks-staff-portal .ks-finance-payment-meta span,
html body .ks-staff-portal .ks-finance-payment-meta b,
html body .ks-staff-portal .ks-finance-payment-flags em,
html body .ks-staff-portal .ks-badge,
html body .ks-staff-portal .ks-detail-list span,
html body .ks-staff-portal .ks-detail-list strong {
    word-break: normal !important;
    overflow-wrap: break-word !important;
    hyphens: none !important;
}

html body .ks-staff-portal .ks-finance-payment-main strong,
html body .ks-staff-portal .ks-finance-payment-meta b {
    white-space: normal !important;
}

html body .ks-staff-portal .ks-badge,
html body .ks-staff-portal .ks-finance-payment-flags em {
    white-space: normal !important;
}

/* Reports/finance cards should not over-compress. */
html body .ks-staff-portal .ks-metric-grid--reports {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
}

html body .ks-staff-portal .ks-mini-stat-grid {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;
}

/* When the actual browser is not wide enough, stack before text breaks. */
@media (max-width: 1480px) {
    html body .ks-staff-portal .ks-report-dashboard,
    html body .ks-staff-portal .ks-finance-center-layout {
        grid-template-columns: 1fr !important;
    }

    html body .ks-staff-portal .ks-finance-detail-panel {
        position: relative !important;
        top: auto !important;
        max-height: none !important;
    }
}

@media (max-width: 1120px) {
    html body .ks-staff-portal {
        width: calc(100vw - 20px) !important;
        padding: 12px !important;
    }

    html body .ks-staff-portal .ks-layout {
        grid-template-columns: 1fr !important;
    }

    html body .ks-staff-portal .ks-sidebar {
        width: 100% !important;
        max-width: 100% !important;
        position: relative !important;
        top: auto !important;
    }

    html body .ks-staff-portal .ks-nav {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    html body .ks-staff-portal .ks-report-funnel div,
    html body .ks-staff-portal .ks-finance-payment-row {
        grid-template-columns: 1fr !important;
        grid-template-areas:
            "label"
            "value"
            "bar" !important;
    }

    html body .ks-staff-portal .ks-finance-payment-row {
        grid-template-areas:
            "main"
            "meta"
            "flags"
            "time" !important;
    }

    html body .ks-staff-portal .ks-report-funnel strong,
    html body .ks-staff-portal .ks-finance-payment-row time {
        text-align: left !important;
    }
}

@media (max-width: 620px) {
    html body .ks-staff-portal {
        width: 100vw !important;
        padding: 8px !important;
        border-radius: 0 !important;
        border-left: 0 !important;
        border-right: 0 !important;
    }

    html body .ks-staff-portal .ks-nav {
        grid-template-columns: 1fr !important;
    }

    html body .ks-staff-portal .ks-section-head h2,
    html body .ks-staff-portal .ks-panel-title h3 {
        font-size: 22px !important;
        line-height: 1.2 !important;
    }
}

/* v1.3.4 — clean document rendering inside staff portal */
.ks-staff-portal .ks-operation-bridge .cha-pcm-doc-summary{display:flex;flex-direction:column;gap:8px;align-items:flex-start;max-width:100%}
.ks-staff-portal .ks-operation-bridge .cha-pcm-doc-summary>strong{font-size:13px;color:#0f3f86;font-weight: 570}
.ks-staff-portal .ks-operation-bridge .cha-pcm-doc-summary>span{font-size:12px;color:#64748b}
.ks-staff-portal .ks-operation-bridge .cha-pcm-doc-inline-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;max-width:100%}
.ks-staff-portal .ks-operation-bridge .cha-pcm-doc-action,
.ks-staff-portal .ks-operation-bridge .cha-pcm-document-group__actions a{display:inline-flex!important;align-items:center!important;gap:8px!important;padding:8px 12px!important;border:1px solid #cfe0f5!important;border-radius:999px!important;background:#fff!important;color:#0b5fa5!important;font-size:12px!important;font-weight: 570 !important;line-height:1.2!important;text-decoration:none!important;box-shadow:0 8px 18px rgba(15,58,122,.05)!important;white-space:nowrap!important;max-width:100%!important}
.ks-staff-portal .ks-operation-bridge .cha-pcm-doc-action em,
.ks-staff-portal .ks-operation-bridge .cha-pcm-document-group__actions a em{font-style:normal;font-size:10px;font-weight: 570;color:#64748b;background:#f1f6fd;border-radius:999px;padding:3px 6px}
.ks-staff-portal .ks-operation-bridge .cha-pcm-document-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-top:8px}
.ks-staff-portal .ks-operation-bridge .cha-pcm-document-group{border:1px solid #dbeafe;border-radius:18px;background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);padding:14px;box-shadow:0 14px 35px rgba(15,58,122,.055);min-width:0}
.ks-staff-portal .ks-operation-bridge .cha-pcm-document-group__head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}
.ks-staff-portal .ks-operation-bridge .cha-pcm-document-group__head strong{font-size:13px;line-height:1.35;color:#0f2d57;font-weight: 580;overflow-wrap:anywhere}
.ks-staff-portal .ks-operation-bridge .cha-pcm-document-group__head span{flex:0 0 auto;font-size:11px;color:#0b5fa5;background:#edf6ff;border:1px solid #dbeafe;border-radius:999px;padding:5px 8px;font-weight: 570}
.ks-staff-portal .ks-operation-bridge .cha-pcm-document-group__actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}
.ks-staff-portal .ks-operation-bridge .cha-pcm-document-group small{display:block;color:#64748b;font-size:11px;line-height:1.45}
.ks-staff-portal .ks-operation-bridge .cha-pcm-readable-payload td{word-break:normal!important;overflow-wrap:break-word!important}
@media(max-width:760px){.ks-staff-portal .ks-operation-bridge .cha-pcm-document-groups{grid-template-columns:1fr}}


/* =========================================================
   v1.3.5 — Patient Portal True Full Width Stabilization
   /patient-portal/ artık tema container'ına sıkışmaz.
========================================================= */
html body .ks-portal.ks-patient-portal-v108,
html body .ks-patient-portal-v108,
html body .ks-patient-portal {
    position: relative !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: min(1760px, calc(100vw - 32px)) !important;
    max-width: 1760px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: clamp(12px, 1.8vw, 24px) !important;
    padding-right: clamp(12px, 1.8vw, 24px) !important;
    overflow-x: clip !important;
    box-sizing: border-box !important;
}

html body .ks-patient-portal-v108 *,
html body .ks-patient-portal * {
    box-sizing: border-box !important;
}

html body .ks-patient-portal-v108 .ks-public-hero,
html body .ks-patient-portal-v108 .ks-glass-panel,
html body .ks-patient-portal-v108 .ks-case-summary-bar,
html body .ks-patient-portal-v108 .ks-patient-grid,
html body .ks-patient-portal .ks-public-hero,
html body .ks-patient-portal .ks-glass-panel,
html body .ks-patient-portal .ks-case-summary-bar,
html body .ks-patient-portal .ks-patient-grid {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
}

html body .ks-patient-portal-v108 .ks-public-hero,
html body .ks-patient-portal .ks-public-hero {
    grid-template-columns: minmax(0, 1fr) minmax(280px, 380px) !important;
    align-items: center !important;
}

html body .ks-patient-portal-v108 .ks-two-col-form,
html body .ks-patient-portal .ks-two-col-form {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto !important;
}

html body .ks-patient-portal-v108 .ks-case-summary-bar,
html body .ks-patient-portal .ks-case-summary-bar {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
}

html body .ks-patient-portal-v108 .ks-patient-grid,
html body .ks-patient-portal .ks-patient-grid {
    grid-template-columns: minmax(0, 1fr) minmax(320px, 390px) !important;
    gap: 20px !important;
    align-items: start !important;
}

html body .ks-patient-portal-v108 .ks-patient-main,
html body .ks-patient-portal-v108 .ks-patient-side,
html body .ks-patient-portal .ks-patient-main,
html body .ks-patient-portal .ks-patient-side {
    min-width: 0 !important;
    max-width: 100% !important;
}

html body .ks-patient-portal-v108 .ks-patient-steps,
html body .ks-patient-portal .ks-patient-steps {
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)) !important;
}

html body .ks-patient-portal-v108 .ks-treatment-options,
html body .ks-patient-portal .ks-treatment-options {
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
}

html body .ks-patient-portal-v108 .ks-step,
html body .ks-patient-portal-v108 .ks-mini-list > div,
html body .ks-patient-portal-v108 .ks-message-bubble,
html body .ks-patient-portal-v108 .ks-timeline-list > div,
html body .ks-patient-portal .ks-step,
html body .ks-patient-portal .ks-mini-list > div,
html body .ks-patient-portal .ks-message-bubble,
html body .ks-patient-portal .ks-timeline-list > div {
    min-width: 0 !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
}

@media (max-width: 1180px) {
    html body .ks-patient-portal-v108,
    html body .ks-patient-portal {
        width: calc(100vw - 20px) !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    html body .ks-patient-portal-v108 .ks-public-hero,
    html body .ks-patient-portal-v108 .ks-patient-grid,
    html body .ks-patient-portal .ks-public-hero,
    html body .ks-patient-portal .ks-patient-grid {
        grid-template-columns: 1fr !important;
    }

    html body .ks-patient-portal-v108 .ks-two-col-form,
    html body .ks-patient-portal .ks-two-col-form {
        grid-template-columns: 1fr !important;
    }

    html body .ks-patient-portal-v108 .ks-two-col-form button,
    html body .ks-patient-portal .ks-two-col-form button {
        width: 100% !important;
    }
}

@media (max-width: 640px) {
    html body .ks-patient-portal-v108,
    html body .ks-patient-portal {
        width: 100vw !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
        overflow-x: hidden !important;
    }

    html body .ks-patient-portal-v108 .ks-public-hero,
    html body .ks-patient-portal-v108 .ks-glass-panel,
    html body .ks-patient-portal .ks-public-hero,
    html body .ks-patient-portal .ks-glass-panel {
        border-radius: 20px !important;
        padding: 16px !important;
    }

    html body .ks-patient-portal-v108 .ks-public-hero h1,
    html body .ks-patient-portal .ks-public-hero h1 {
        font-size: 30px !important;
        line-height: 1.08 !important;
    }

    html body .ks-patient-portal-v108 .ks-case-summary-bar,
    html body .ks-patient-portal .ks-case-summary-bar,
    html body .ks-patient-portal-v108 .ks-patient-steps,
    html body .ks-patient-portal .ks-patient-steps {
        grid-template-columns: 1fr !important;
    }
}


/* =========================================================
   v1.3.6 — Patient Portal Unified Workspace
   Sağ kolonun aşağı uzamasını engeller; destek, ödeme, mesaj
   ve timeline kartlarını ana akışa yatay/uyumlu biçimde taşır.
========================================================= */
html body .ks-patient-portal-v108 .ks-patient-quick-grid,
html body .ks-patient-portal .ks-patient-quick-grid {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 18px !important;
    min-width: 0 !important;
}

html body .ks-patient-portal-v108 .ks-patient-quick-panel,
html body .ks-patient-portal .ks-patient-quick-panel {
    display: grid !important;
    grid-template-columns: minmax(320px, 1.18fr) minmax(250px, .82fr) minmax(250px, .82fr) minmax(250px, .82fr) !important;
    gap: 14px !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
}

html body .ks-patient-portal-v108 .ks-patient-quick-panel > .ks-glass-panel,
html body .ks-patient-portal .ks-patient-quick-panel > .ks-glass-panel {
    margin: 0 !important;
    padding: 18px !important;
    border-radius: 22px !important;
    min-width: 0 !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%) !important;
}

html body .ks-patient-portal-v108 .ks-patient-quick-panel .ks-section-head,
html body .ks-patient-portal .ks-patient-quick-panel .ks-section-head {
    padding: 0 !important;
    margin: 0 0 12px !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}

html body .ks-patient-portal-v108 .ks-patient-quick-panel .ks-section-head h2,
html body .ks-patient-portal .ks-patient-quick-panel .ks-section-head h2 {
    font-size: 20px !important;
    line-height: 1.18 !important;
    letter-spacing: -0.025em !important;
}

html body .ks-patient-portal-v108 .ks-patient-quick-panel .ks-section-head p,
html body .ks-patient-portal .ks-patient-quick-panel .ks-section-head p {
    font-size: 13px !important;
    line-height: 1.55 !important;
}

html body .ks-patient-portal-v108 .ks-patient-quick-panel .ks-clean-form,
html body .ks-patient-portal .ks-patient-quick-panel .ks-clean-form {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    flex: 1 1 auto !important;
}

html body .ks-patient-portal-v108 .ks-patient-quick-panel .ks-clean-form label,
html body .ks-patient-portal .ks-patient-quick-panel .ks-clean-form label {
    margin: 0 !important;
}

html body .ks-patient-portal-v108 .ks-patient-quick-panel textarea,
html body .ks-patient-portal .ks-patient-quick-panel textarea {
    min-height: 76px !important;
    max-height: 120px !important;
    resize: vertical !important;
}

html body .ks-patient-portal-v108 .ks-patient-quick-panel button,
html body .ks-patient-portal .ks-patient-quick-panel button {
    width: fit-content !important;
    min-width: 150px !important;
    min-height: 42px !important;
}

html body .ks-patient-portal-v108 .ks-patient-quick-panel .ks-mini-list,
html body .ks-patient-portal-v108 .ks-patient-quick-panel .ks-message-list,
html body .ks-patient-portal-v108 .ks-patient-quick-panel .ks-timeline-list,
html body .ks-patient-portal .ks-patient-quick-panel .ks-mini-list,
html body .ks-patient-portal .ks-patient-quick-panel .ks-message-list,
html body .ks-patient-portal .ks-patient-quick-panel .ks-timeline-list {
    max-height: 190px !important;
    overflow: auto !important;
    padding-right: 4px !important;
}

html body .ks-patient-portal-v108 .ks-patient-quick-panel .ks-mini-list > div,
html body .ks-patient-portal-v108 .ks-patient-quick-panel .ks-timeline-list > div,
html body .ks-patient-portal .ks-patient-quick-panel .ks-mini-list > div,
html body .ks-patient-portal .ks-patient-quick-panel .ks-timeline-list > div {
    padding: 12px !important;
    border-radius: 16px !important;
}

html body .ks-patient-portal-v108 .ks-patient-quick-panel .ks-message-bubble,
html body .ks-patient-portal .ks-patient-quick-panel .ks-message-bubble {
    padding: 11px 12px !important;
}

html body .ks-patient-portal-v108 .ks-patient-grid--single,
html body .ks-patient-portal .ks-patient-grid--single {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
}

html body .ks-patient-portal-v108 .ks-patient-grid--single .ks-patient-main,
html body .ks-patient-portal .ks-patient-grid--single .ks-patient-main {
    width: 100% !important;
    max-width: 100% !important;
}

html body .ks-patient-portal-v108 .ks-patient-grid--single .ks-glass-panel,
html body .ks-patient-portal .ks-patient-grid--single .ks-glass-panel {
    margin-bottom: 18px !important;
}

@media (max-width: 1420px) {
    html body .ks-patient-portal-v108 .ks-patient-quick-panel,
    html body .ks-patient-portal .ks-patient-quick-panel {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 820px) {
    html body .ks-patient-portal-v108 .ks-patient-quick-panel,
    html body .ks-patient-portal .ks-patient-quick-panel {
        grid-template-columns: 1fr !important;
    }

    html body .ks-patient-portal-v108 .ks-patient-quick-panel button,
    html body .ks-patient-portal .ks-patient-quick-panel button {
        width: 100% !important;
    }

    html body .ks-patient-portal-v108 .ks-patient-quick-panel .ks-mini-list,
    html body .ks-patient-portal-v108 .ks-patient-quick-panel .ks-message-list,
    html body .ks-patient-portal-v108 .ks-patient-quick-panel .ks-timeline-list,
    html body .ks-patient-portal .ks-patient-quick-panel .ks-mini-list,
    html body .ks-patient-portal .ks-patient-quick-panel .ks-message-list,
    html body .ks-patient-portal .ks-patient-quick-panel .ks-timeline-list {
        max-height: none !important;
        overflow: visible !important;
    }
}


/* =========================================================
   Setup 1 — Core Portal Layout Stabilization
   Scope: stop full-width drift, unify patient/staff shells, reduce right-panel overflow.
   This block is intentionally placed last to override older patch layers safely.
========================================================= */
html body .ks-portal,
html body .ks-patient-portal-v108,
html body .ks-staff-portal,
html body .ks-application-flow,
html body .ks-payment-flow,
html body .ks-auth-portal-v108 {
    box-sizing: border-box !important;
    width: min(100% - 32px, 1560px) !important;
    max-width: 1560px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    overflow-x: clip !important;
}
html body .ks-portal *,
html body .ks-portal *::before,
html body .ks-portal *::after {
    box-sizing: border-box !important;
}
html body .ks-staff-portal .ks-layout,
html body .ks-staff-portal .ks-shell {
    display: grid !important;
    grid-template-columns: minmax(240px, 280px) minmax(0, 1fr) !important;
    gap: 22px !important;
    align-items: start !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
}
html body .ks-staff-portal .ks-main,
html body .ks-staff-portal .ks-panel,
html body .ks-staff-portal .ks-detail-panel,
html body .ks-patient-portal-v108 .ks-patient-main,
html body .ks-patient-portal-v108 .ks-glass-panel,
html body .ks-patient-portal-v108 .ks-hero-card {
    min-width: 0 !important;
    max-width: 100% !important;
}
html body .ks-staff-portal .ks-sidebar {
    position: sticky !important;
    top: 24px !important;
    align-self: start !important;
    max-height: calc(100vh - 48px) !important;
    overflow: auto !important;
}
html body .ks-staff-portal .ks-table-wrap,
html body .ks-patient-portal-v108 .ks-table-wrap {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
}
html body .ks-patient-portal-v108 .ks-patient-grid,
html body .ks-patient-portal .ks-patient-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 20px !important;
    align-items: start !important;
    width: 100% !important;
    max-width: 100% !important;
}
html body .ks-patient-portal-v108 .ks-patient-quick-panel,
html body .ks-patient-portal .ks-patient-quick-panel {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: stretch !important;
}
html body .ks-section-head h1,
html body .ks-section-head h2,
html body .ks-page-header h1,
html body .ks-page-header h2,
html body .ks-public-hero h1 {
    text-wrap: balance !important;
}
html body .ks-clean-form input,
html body .ks-clean-form select,
html body .ks-clean-form textarea,
html body .ks-action-form input,
html body .ks-action-form select,
html body .ks-action-form textarea {
    max-width: 100% !important;
}
@media (max-width: 1180px) {
    html body .ks-staff-portal .ks-layout,
    html body .ks-staff-portal .ks-shell {
        grid-template-columns: 1fr !important;
    }
    html body .ks-staff-portal .ks-sidebar {
        position: relative !important;
        top: auto !important;
        max-height: none !important;
    }
    html body .ks-staff-portal .ks-nav {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }
}
@media (max-width: 820px) {
    html body .ks-portal,
    html body .ks-patient-portal-v108,
    html body .ks-staff-portal,
    html body .ks-application-flow,
    html body .ks-payment-flow,
    html body .ks-auth-portal-v108 {
        width: min(100% - 18px, 100%) !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    html body .ks-staff-portal .ks-nav,
    html body .ks-staff-portal .ks-mobile-tabs,
    html body .ks-patient-portal-v108 .ks-patient-quick-panel,
    html body .ks-patient-portal .ks-patient-quick-panel,
    html body .ks-case-summary-bar,
    html body .ks-application-summary-bar,
    html body .ks-metric-grid,
    html body .ks-metric-grid--three,
    html body .ks-metric-grid--four,
    html body .ks-patient-quick-grid {
        grid-template-columns: 1fr !important;
    }
    html body .ks-panel,
    html body .ks-glass-panel,
    html body .ks-public-hero,
    html body .ks-hero-card {
        border-radius: 22px !important;
        padding: 18px !important;
    }
}

/* =========================================================
   Setup 1.1 — Hard Portal Layout Reset + TranslatePress-safe wrappers
   Goal: remove horizontal drift from old full-bleed patches and make portal pages behave like a real app shell.
========================================================= */
html.cha-pcm-has-portal,
html.cha-pcm-has-portal body,
body.cha-pcm-page {
    overflow-x: hidden !important;
}

body.cha-pcm-page .site,
body.cha-pcm-page .site-content,
body.cha-pcm-page .entry-content,
body.cha-pcm-page .wp-site-blocks,
body.cha-pcm-page main,
body.cha-pcm-page article,
body.cha-pcm-page .page-content {
    overflow-x: clip !important;
}

body.cha-pcm-page .entry-content > .cha-pcm-shortcode-root,
body.cha-pcm-page .wp-block-post-content > .cha-pcm-shortcode-root,
.cha-pcm-shortcode-root {
    display: block !important;
    position: relative !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    clear: both !important;
    isolation: isolate !important;
}

.cha-pcm-shortcode-root *,
.cha-pcm-shortcode-root *::before,
.cha-pcm-shortcode-root *::after {
    box-sizing: border-box !important;
}

/* One single full-viewport centering method. Overrides all older left/translate/calc patches safely. */
.cha-pcm-shortcode-root > .ks-portal,
html body .cha-pcm-shortcode-root .ks-portal.ks-patient-portal-v108,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108,
html body .cha-pcm-shortcode-root .ks-staff-portal,
html body .cha-pcm-shortcode-root .ks-application-flow,
html body .cha-pcm-shortcode-root .ks-payment-flow,
html body .cha-pcm-shortcode-root .ks-auth-portal-v108 {
    position: relative !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    width: min(1760px, calc(100vw - 32px)) !important;
    max-width: calc(100vw - 32px) !important;
    min-width: 0 !important;
    margin: 16px 0 56px 0 !important;
    padding: clamp(14px, 1.55vw, 24px) !important;
    border-radius: 28px !important;
    overflow-x: hidden !important;
    contain: layout paint !important;
}

/* Keep app surfaces inside the shell. */
.cha-pcm-shortcode-root .ks-public-hero,
.cha-pcm-shortcode-root .ks-flow-hero,
.cha-pcm-shortcode-root .ks-flow-card,
.cha-pcm-shortcode-root .ks-glass-panel,
.cha-pcm-shortcode-root .ks-panel,
.cha-pcm-shortcode-root .ks-case-summary-bar,
.cha-pcm-shortcode-root .ks-application-summary-bar,
.cha-pcm-shortcode-root .ks-payment-summary-grid,
.cha-pcm-shortcode-root .ks-payment-method-grid,
.cha-pcm-shortcode-root .ks-patient-grid,
.cha-pcm-shortcode-root .ks-patient-quick-grid,
.cha-pcm-shortcode-root .ks-patient-quick-panel,
.cha-pcm-shortcode-root .ks-layout,
.cha-pcm-shortcode-root .ks-main,
.cha-pcm-shortcode-root .ks-sidebar,
.cha-pcm-shortcode-root .ks-finance-center-layout,
.cha-pcm-shortcode-root .ks-message-console,
.cha-pcm-shortcode-root .ks-staff-users-layout,
.cha-pcm-shortcode-root .ks-client-relations-grid,
.cha-pcm-shortcode-root .ks-report-dashboard,
.cha-pcm-shortcode-root .ks-metric-grid,
.cha-pcm-shortcode-root .ks-mini-stat-grid,
.cha-pcm-shortcode-root .ks-role-grid {
    max-width: 100% !important;
    min-width: 0 !important;
}

/* Staff portal: predictable two-column app shell. */
.cha-pcm-shortcode-root .ks-staff-portal .ks-layout {
    display: grid !important;
    grid-template-columns: 270px minmax(0, 1fr) !important;
    gap: 22px !important;
    align-items: start !important;
    width: 100% !important;
}

.cha-pcm-shortcode-root .ks-staff-portal .ks-sidebar {
    position: sticky !important;
    top: 18px !important;
    align-self: start !important;
    max-height: calc(100vh - 36px) !important;
    overflow: auto !important;
}

.cha-pcm-shortcode-root .ks-staff-portal .ks-main {
    display: block !important;
    width: 100% !important;
}

.cha-pcm-shortcode-root .ks-staff-portal .ks-nav a,
.cha-pcm-shortcode-root .ks-staff-portal .ks-mobile-tabs a {
    min-width: 0 !important;
    overflow-wrap: anywhere !important;
}

/* Patient portal: quick cards are a clean card grid, not a long right rail. */
.cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-patient-quick-grid,
.cha-pcm-shortcode-root .ks-patient-portal .ks-patient-quick-grid {
    display: block !important;
    width: 100% !important;
}

.cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-patient-quick-panel,
.cha-pcm-shortcode-root .ks-patient-portal .ks-patient-quick-panel {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 16px !important;
    width: 100% !important;
    align-items: stretch !important;
    margin: 0 0 20px 0 !important;
}

.cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-patient-quick-panel > .ks-glass-panel,
.cha-pcm-shortcode-root .ks-patient-portal .ks-patient-quick-panel > .ks-glass-panel {
    margin: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
}

.cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-patient-grid,
.cha-pcm-shortcode-root .ks-patient-portal .ks-patient-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 18px !important;
    width: 100% !important;
}

.cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-patient-main,
.cha-pcm-shortcode-root .ks-patient-portal .ks-patient-main {
    width: 100% !important;
    max-width: 100% !important;
}

/* Form/table safety. */
.cha-pcm-shortcode-root input,
.cha-pcm-shortcode-root select,
.cha-pcm-shortcode-root textarea,
.cha-pcm-shortcode-root button {
    max-width: 100% !important;
}

.cha-pcm-shortcode-root .ks-table-wrap,
.cha-pcm-shortcode-root .ks-fluent-wrap,
.cha-pcm-shortcode-root .ks-message-list,
.cha-pcm-shortcode-root .ks-mini-list,
.cha-pcm-shortcode-root .ks-timeline-list,
.cha-pcm-shortcode-root .ks-conversation-body,
.cha-pcm-shortcode-root .ks-finance-payment-list {
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
}

.cha-pcm-shortcode-root .ks-table {
    max-width: none !important;
}

.cha-pcm-shortcode-root img,
.cha-pcm-shortcode-root svg,
.cha-pcm-shortcode-root video,
.cha-pcm-shortcode-root canvas,
.cha-pcm-shortcode-root iframe,
.cha-pcm-shortcode-root pre {
    max-width: 100% !important;
}

.cha-pcm-shortcode-root p,
.cha-pcm-shortcode-root span,
.cha-pcm-shortcode-root strong,
.cha-pcm-shortcode-root small,
.cha-pcm-shortcode-root h1,
.cha-pcm-shortcode-root h2,
.cha-pcm-shortcode-root h3,
.cha-pcm-shortcode-root h4,
.cha-pcm-shortcode-root td,
.cha-pcm-shortcode-root th {
    overflow-wrap: anywhere !important;
}

@media (max-width: 1440px) {
    .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-patient-quick-panel,
    .cha-pcm-shortcode-root .ks-patient-portal .ks-patient-quick-panel {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 1180px) {
    .cha-pcm-shortcode-root .ks-staff-portal .ks-layout {
        grid-template-columns: 1fr !important;
    }
    .cha-pcm-shortcode-root .ks-staff-portal .ks-sidebar {
        position: relative !important;
        top: auto !important;
        max-height: none !important;
    }
    .cha-pcm-shortcode-root .ks-staff-portal .ks-nav,
    .cha-pcm-shortcode-root .ks-staff-portal .ks-mobile-tabs {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }
    .cha-pcm-shortcode-root .ks-finance-center-layout,
    .cha-pcm-shortcode-root .ks-message-console,
    .cha-pcm-shortcode-root .ks-staff-users-layout,
    .cha-pcm-shortcode-root .ks-client-relations-grid,
    .cha-pcm-shortcode-root .ks-report-dashboard {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 820px) {
    .cha-pcm-shortcode-root > .ks-portal,
    html body .cha-pcm-shortcode-root .ks-portal.ks-patient-portal-v108,
    html body .cha-pcm-shortcode-root .ks-patient-portal-v108,
    html body .cha-pcm-shortcode-root .ks-staff-portal,
    html body .cha-pcm-shortcode-root .ks-application-flow,
    html body .cha-pcm-shortcode-root .ks-payment-flow,
    html body .cha-pcm-shortcode-root .ks-auth-portal-v108 {
        width: calc(100vw - 14px) !important;
        max-width: calc(100vw - 14px) !important;
        padding: 10px !important;
        border-radius: 20px !important;
        margin-top: 8px !important;
    }
    .cha-pcm-shortcode-root .ks-public-hero,
    .cha-pcm-shortcode-root .ks-flow-hero,
    .cha-pcm-shortcode-root .ks-case-summary-bar,
    .cha-pcm-shortcode-root .ks-application-summary-bar,
    .cha-pcm-shortcode-root .ks-payment-summary-grid,
    .cha-pcm-shortcode-root .ks-payment-method-grid,
    .cha-pcm-shortcode-root .ks-patient-quick-panel,
    .cha-pcm-shortcode-root .ks-metric-grid,
    .cha-pcm-shortcode-root .ks-metric-grid--three,
    .cha-pcm-shortcode-root .ks-metric-grid--four,
    .cha-pcm-shortcode-root .ks-mini-stat-grid,
    .cha-pcm-shortcode-root .ks-role-grid,
    .cha-pcm-shortcode-root .ks-flow-steps,
    .cha-pcm-shortcode-root .ks-two-col-form,
    .cha-pcm-shortcode-root .ks-finance-payment-row,
    .cha-pcm-shortcode-root .ks-staff-portal .ks-nav,
    .cha-pcm-shortcode-root .ks-staff-portal .ks-mobile-tabs {
        grid-template-columns: 1fr !important;
    }
    .cha-pcm-shortcode-root .ks-panel,
    .cha-pcm-shortcode-root .ks-glass-panel,
    .cha-pcm-shortcode-root .ks-flow-card,
    .cha-pcm-shortcode-root .ks-public-hero,
    .cha-pcm-shortcode-root .ks-flow-hero,
    .cha-pcm-shortcode-root .ks-hero-card {
        border-radius: 18px !important;
        padding: 16px !important;
    }
    .cha-pcm-shortcode-root .ks-table {
        min-width: 720px !important;
    }
    .cha-pcm-shortcode-root .ks-page-header,
    .cha-pcm-shortcode-root .ks-section-head,
    .cha-pcm-shortcode-root .ks-panel-title,
    .cha-pcm-shortcode-root .ks-flow-section-head {
        display: block !important;
    }
}


/* Setup 1.2 Hotfix v1.3.10 — Staff portal DeepL settings */
.ks-staff-portal .ks-settings-panel .ks-settings-form { display: grid; gap: 18px; }
.ks-staff-portal .ks-form-grid { display: grid; gap: 16px; }
.ks-staff-portal .ks-form-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ks-staff-portal .ks-form-grid-full { grid-column: 1 / -1; }
.ks-staff-portal .ks-settings-form label { display: grid; gap: 7px; font-size: 13px; font-weight: 530; color: #334155; }
.ks-staff-portal .ks-settings-form input[type="password"],
.ks-staff-portal .ks-settings-form select { width: 100%; min-height: 42px; border: 1px solid rgba(148, 163, 184, .45); border-radius: 14px; padding: 9px 12px; background: #fff; color: #0f172a; }
.ks-staff-portal .ks-settings-form small { font-size: 12px; font-weight: 500; color: #64748b; }
.ks-staff-portal .ks-checkline { display: flex !important; align-items: center; gap: 10px; padding: 12px 14px; border: 1px solid rgba(148, 163, 184, .35); border-radius: 16px; background: rgba(248, 250, 252, .9); }
.ks-staff-portal .ks-checkline input { width: auto; min-height: auto; }
.ks-staff-portal .ks-action-row { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
@media (max-width: 760px) { .ks-staff-portal .ks-form-grid--2 { grid-template-columns: 1fr; } }

/* Setup 2.2 — Professional Staff Portal Architecture */
.ks-staff-portal .ks-nav--grouped {
    gap: 4px !important;
}
.ks-staff-portal .ks-nav-group {
    display: block;
    margin: 18px 10px 7px !important;
    padding: 0 !important;
    font-size: 10.5px !important;
    line-height: 1 !important;
    letter-spacing: .14em !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    color: rgba(255,255,255,.72) !important;
}
.ks-staff-portal .ks-nav--grouped a {
    position: relative;
}
.ks-staff-portal .ks-nav--grouped a.is-active::before {
    content: '';
    position: absolute;
    left: 8px;
    top: 50%;
    width: 4px;
    height: 20px;
    border-radius: 999px;
    background: #07998f;
    transform: translateY(-50%);
}
.ks-staff-portal .ks-workflow-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin: 18px 0 20px;
}
.ks-staff-portal .ks-workflow-card {
    display: block;
    min-height: 126px;
    padding: 18px;
    border: 1px solid #dbe8f7;
    border-radius: 20px;
    background: linear-gradient(180deg, #fff, #f8fbff);
    text-decoration: none !important;
    box-shadow: 0 14px 36px rgba(20,58,123,.07);
}
.ks-staff-portal .ks-workflow-card:hover {
    transform: translateY(-1px);
    border-color: #b9d6f2;
    box-shadow: 0 18px 46px rgba(20,58,123,.10);
}
.ks-staff-portal .ks-workflow-card span {
    display: block;
    margin-bottom: 8px;
    color: #07998f;
    font-size: 11px;
    letter-spacing: .08em;
    text-transform: uppercase;
    font-weight: 600;
}
.ks-staff-portal .ks-workflow-card strong {
    display: block;
    color: #0b2a5b;
    font-size: 18px;
    line-height: 1.25;
    font-weight: 620;
    margin-bottom: 8px;
}
.ks-staff-portal .ks-workflow-card small {
    display: block;
    color: #5f6f8a;
    font-size: 12.5px;
    line-height: 1.55;
}
.ks-staff-portal .ks-workflow-card.is-warning span { color: #a86b00; }
.ks-staff-portal .ks-workflow-card.is-info span { color: #1261a6; }
.ks-staff-portal .ks-section-head p {
    max-width: 920px;
}
.ks-staff-portal .ks-finance-actions {
    border-top: 1px solid #e7eef8;
    padding-top: 16px;
}
@media (max-width: 1280px) {
    .ks-staff-portal .ks-workflow-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 760px) {
    .ks-staff-portal .ks-workflow-grid {
        grid-template-columns: 1fr;
    }
    .ks-staff-portal .ks-workflow-card {
        min-height: auto;
    }
    .ks-staff-portal .ks-nav-group {
        display: none !important;
    }
}

/* Setup 2.3 — Case Workspace Redesign Foundation */
.cha-pcm-case-workspace .cha-pcm-command-center {
    display: grid;
    grid-template-columns: minmax(0, 1.6fr) minmax(280px, .9fr) minmax(220px, .65fr);
    gap: 18px;
    align-items: stretch;
    padding: 22px;
    border: 1px solid rgba(148, 163, 184, .26);
    border-radius: 28px;
    background: linear-gradient(135deg, #ffffff 0%, #f8fbff 54%, #eef6ff 100%);
    box-shadow: 0 22px 60px rgba(15, 43, 85, .10);
    margin: 16px 0 18px;
    overflow: hidden;
}
.cha-pcm-case-workspace .cha-pcm-command-main h2 {
    margin: 4px 0 8px;
    font-size: clamp(26px, 3vw, 40px);
    line-height: 1.05;
    letter-spacing: -.035em;
    color: #09244d;
}
.cha-pcm-case-workspace .cha-pcm-command-main p {
    margin: 0 0 14px;
    color: #40516d;
    font-size: 14px;
    line-height: 1.55;
}
.cha-pcm-case-workspace .cha-pcm-eyebrow,
.cha-pcm-case-workspace .cha-pcm-panel-kicker,
.cha-pcm-case-workspace .cha-pcm-next-action-card span,
.cha-pcm-case-workspace .cha-pcm-health-card span {
    display: block;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .11em;
    color: #4b6b9b;
    margin-bottom: 7px;
}
.cha-pcm-case-workspace .cha-pcm-command-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.cha-pcm-case-workspace .cha-pcm-next-action-card,
.cha-pcm-case-workspace .cha-pcm-health-card {
    border: 1px solid rgba(148, 163, 184, .22);
    border-radius: 22px;
    background: rgba(255,255,255,.88);
    padding: 18px;
    min-height: 160px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.cha-pcm-case-workspace .cha-pcm-next-action-card strong,
.cha-pcm-case-workspace .cha-pcm-health-card strong {
    display: block;
    color: #09244d;
    font-size: 20px;
    line-height: 1.15;
    font-weight: 620;
    margin-bottom: 8px;
}
.cha-pcm-case-workspace .cha-pcm-next-action-card p,
.cha-pcm-case-workspace .cha-pcm-health-card p {
    color: #52637c;
    font-size: 13px;
    line-height: 1.5;
    margin: 0 0 12px;
}
.cha-pcm-case-workspace .cha-pcm-health-card em {
    display: inline-flex;
    align-self: flex-start;
    font-style: normal;
    font-size: 12px;
    font-weight: 600;
    border-radius: 999px;
    padding: 6px 10px;
    margin-bottom: 10px;
    background: #eef2ff;
    color: #3730a3;
}
.cha-pcm-case-workspace .cha-pcm-health-green .cha-pcm-health-card em { background: #ecfdf5; color: #047857; }
.cha-pcm-case-workspace .cha-pcm-health-amber .cha-pcm-health-card em { background: #fffbeb; color: #b45309; }
.cha-pcm-case-workspace .cha-pcm-health-red .cha-pcm-health-card em { background: #fef2f2; color: #b91c1c; }
.cha-pcm-case-workspace .cha-pcm-workspace-metrics {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-bottom: 18px;
}
.cha-pcm-case-workspace .cha-pcm-workspace-tabs {
    position: sticky;
    top: 12px;
    z-index: 20;
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 8px;
    padding: 10px;
    margin: 18px 0 18px;
    border: 1px solid rgba(148, 163, 184, .22);
    border-radius: 22px;
    background: rgba(255,255,255,.92);
    box-shadow: 0 16px 42px rgba(15,43,85,.08);
    backdrop-filter: blur(10px);
}
.cha-pcm-case-workspace .cha-pcm-workspace-tab {
    border: 1px solid rgba(148, 163, 184, .22);
    border-radius: 16px;
    background: #f8fafc;
    padding: 12px 10px;
    min-height: 72px;
    text-align: left;
    cursor: pointer;
    transition: all .18s ease;
}
.cha-pcm-case-workspace .cha-pcm-workspace-tab strong {
    display: block;
    font-size: 13px;
    line-height: 1.2;
    color: #19365f;
    font-weight: 620;
}
.cha-pcm-case-workspace .cha-pcm-workspace-tab small {
    display: block;
    margin-top: 5px;
    color: #64748b;
    font-size: 11.5px;
    line-height: 1.25;
}
.cha-pcm-case-workspace .cha-pcm-workspace-tab.is-active {
    background: linear-gradient(135deg, #0b3a74 0%, #1261a6 100%);
    border-color: transparent;
    box-shadow: 0 12px 26px rgba(18,97,166,.22);
}
.cha-pcm-case-workspace .cha-pcm-workspace-tab.is-active strong,
.cha-pcm-case-workspace .cha-pcm-workspace-tab.is-active small { color: #fff; }
.cha-pcm-case-workspace.cha-pcm-workspace-js .cha-pcm-workspace-tab-panel { display: none; }
.cha-pcm-case-workspace.cha-pcm-workspace-js .cha-pcm-workspace-tab-panel.is-active { display: block; }
.cha-pcm-case-workspace .cha-pcm-overview-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) minmax(0, .85fr);
    gap: 16px;
    margin-bottom: 18px;
}
.cha-pcm-case-workspace .cha-pcm-priority-panel,
.cha-pcm-case-workspace .cha-pcm-risk-panel,
.cha-pcm-case-workspace .cha-pcm-snapshot-panel {
    border-radius: 22px;
    min-height: 170px;
}
.cha-pcm-case-workspace .cha-pcm-priority-panel h3,
.cha-pcm-case-workspace .cha-pcm-risk-panel h3 {
    margin-top: 0;
    color: #09244d;
    font-size: 21px;
    line-height: 1.18;
}
.cha-pcm-case-workspace .cha-pcm-risk-list {
    margin: 8px 0 0;
    padding-left: 18px;
    color: #52637c;
}
.cha-pcm-case-workspace .cha-pcm-risk-list li { margin: 6px 0; }
.cha-pcm-case-workspace .cha-pcm-snapshot-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}
.cha-pcm-case-workspace .cha-pcm-snapshot-list div {
    border: 1px solid #e7eef8;
    border-radius: 16px;
    background: #f8fbff;
    padding: 12px;
}
.cha-pcm-case-workspace .cha-pcm-snapshot-list strong {
    display: block;
    color: #0b2a5b;
    font-size: 21px;
    font-weight: 620;
}
.cha-pcm-case-workspace .cha-pcm-snapshot-list span {
    color: #63728a;
    font-size: 12px;
}
.cha-pcm-case-workspace .cha-pcm-action-policy .cha-pcm-action-note {
    border: 1px dashed #b6c9e4;
    background: #f6fbff;
    border-radius: 16px;
    padding: 14px;
    color: #304667;
}
.cha-pcm-case-workspace .cha-pcm-action-policy .cha-pcm-action-note strong,
.cha-pcm-case-workspace .cha-pcm-action-policy .cha-pcm-action-note span {
    display: block;
}
@media (max-width: 1320px) {
    .cha-pcm-case-workspace .cha-pcm-command-center { grid-template-columns: 1fr; }
    .cha-pcm-case-workspace .cha-pcm-workspace-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .cha-pcm-case-workspace .cha-pcm-workspace-tabs { grid-template-columns: repeat(3, minmax(0, 1fr)); position: relative; top: auto; }
    .cha-pcm-case-workspace .cha-pcm-overview-grid { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
    .cha-pcm-case-workspace .cha-pcm-command-center { padding: 16px; border-radius: 20px; }
    .cha-pcm-case-workspace .cha-pcm-workspace-metrics { grid-template-columns: 1fr; }
    .cha-pcm-case-workspace .cha-pcm-workspace-tabs { grid-template-columns: 1fr; }
    .cha-pcm-case-workspace .cha-pcm-workspace-tab { min-height: auto; }
}

/* Setup 2.4 — Document Checklist & Medical Review */
.cha-pcm-panel-headline{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.cha-pcm-panel-headline h3{margin:0 0 6px;font-size:18px;font-weight: 570;color:#0f172a}.cha-pcm-panel-headline p{margin:0;color:#64748b;line-height:1.55}.cha-pcm-mini-badge{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(15,23,42,.12);background:#f8fafc;border-radius:999px;padding:7px 12px;font-size:12px;font-weight: 570;color:#334155;white-space:nowrap}.cha-pcm-document-checklist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.cha-pcm-document-checkitem{border:1px solid rgba(148,163,184,.35);border-radius:18px;padding:16px;background:#fff;box-shadow:0 10px 30px rgba(15,23,42,.04);display:grid;gap:12px}.cha-pcm-document-checkitem.is-green{border-color:rgba(22,163,74,.28);background:linear-gradient(180deg,#ffffff,#f0fdf4)}.cha-pcm-document-checkitem.is-amber{border-color:rgba(245,158,11,.35);background:linear-gradient(180deg,#ffffff,#fffbeb)}.cha-pcm-document-checkitem.is-red{border-color:rgba(220,38,38,.30);background:linear-gradient(180deg,#ffffff,#fef2f2)}.cha-pcm-document-checkitem.is-blue{border-color:rgba(37,99,235,.25);background:linear-gradient(180deg,#ffffff,#eff6ff)}.cha-pcm-document-checkitem__main strong{display:block;font-size:14px;font-weight: 570;color:#0f172a}.cha-pcm-document-checkitem__main strong em{font-style:normal;margin-left:8px;font-size:10px;font-weight: 600;letter-spacing:.05em;text-transform:uppercase;color:#64748b;background:rgba(15,23,42,.06);padding:4px 7px;border-radius:999px}.cha-pcm-document-checkitem__main span{display:block;margin-top:5px;font-size:12px;line-height:1.45;color:#64748b}.cha-pcm-document-checkitem__meta{display:flex;align-items:center;justify-content:space-between;gap:10px}.cha-pcm-document-checkitem__meta small{color:#64748b;font-weight: 530}.cha-pcm-document-checkitem__files{display:flex;flex-wrap:wrap;gap:8px}.cha-pcm-document-checkitem__files a{font-size:12px;text-decoration:none;border:1px solid rgba(15,23,42,.12);background:#fff;border-radius:999px;padding:6px 9px;color:#0B5FCC;font-weight: 530}.cha-pcm-document-review-list{display:grid;gap:14px}.cha-pcm-document-review-card{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:14px;align-items:start;border:1px solid rgba(148,163,184,.35);border-radius:18px;background:#fff;padding:16px}.cha-pcm-document-review-card>div:first-child strong{display:block;color:#0f172a;font-weight: 570}.cha-pcm-document-review-card>div:first-child span{display:block;color:#64748b;font-size:12px;margin:4px 0}.cha-pcm-document-review-card>div:first-child a{font-size:12px;font-weight: 570;text-decoration:none;color:#0B5FCC}.cha-pcm-document-review-form{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:end;border-top:1px solid rgba(148,163,184,.25);padding-top:14px}.cha-pcm-document-review-form label{display:grid;gap:6px;font-size:12px;font-weight: 570;color:#334155}.cha-pcm-document-review-form textarea,.cha-pcm-document-review-form select{width:100%;border-radius:12px;border:1px solid rgba(148,163,184,.45);padding:9px 10px}.cha-pcm-document-review-form button{justify-self:start}.cha-pcm-medical-board .cha-pcm-medical-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}.cha-pcm-medical-status-grid div{border:1px solid rgba(148,163,184,.28);background:#f8fafc;border-radius:16px;padding:12px}.cha-pcm-medical-status-grid strong{display:block;color:#0f172a;font-weight: 600}.cha-pcm-medical-status-grid span{display:block;color:#64748b;font-size:12px;margin-top:4px}.cha-pcm-medical-board .cha-pcm-action-note{margin:12px 0;background:#f8fafc;border:1px solid rgba(148,163,184,.3);border-radius:14px;padding:12px}.cha-pcm-medical-board .cha-pcm-action-note strong{display:block;color:#0f172a}.cha-pcm-medical-board .cha-pcm-action-note span{display:block;color:#64748b;font-size:12px;margin-top:3px}@media(max-width:900px){.cha-pcm-document-checklist,.cha-pcm-document-review-form,.cha-pcm-medical-board .cha-pcm-medical-status-grid{grid-template-columns:1fr}.cha-pcm-panel-headline,.cha-pcm-document-review-card{display:block}.cha-pcm-mini-badge{margin-top:12px}.cha-pcm-document-review-form{margin-top:14px}}

/* Setup 2.5 — Treatment Builder & Invoice Line Items */
.cha-pcm-treatment-builder .cha-pcm-panel-headline,
.cha-pcm-invoice-builder .cha-pcm-panel-headline { align-items: flex-start; gap: 16px; }
.cha-pcm-treatment-builder-grid { gap: 18px; }
.cha-pcm-treatment-option-card { border: 1px solid rgba(15,23,42,.10); border-radius: 18px; background: linear-gradient(180deg, #fff, #f8fafc); box-shadow: 0 12px 30px rgba(15,23,42,.06); }
.cha-pcm-option-card-header { display:flex; align-items:flex-start; justify-content:space-between; gap: 12px; margin-bottom: 12px; }
.cha-pcm-option-card-header h3 { margin: 0 0 3px; }
.cha-pcm-option-card-header span { color:#64748b; font-size:12px; font-weight: 530; text-transform:uppercase; letter-spacing:.08em; }
.cha-pcm-treatment-option-card textarea { min-height: 76px; }
.cha-pcm-publish-guard { display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin:14px 0; padding:12px 14px; border:1px solid rgba(245,158,11,.26); border-radius:14px; background:#fffbeb; color:#92400e; }
.cha-pcm-publish-guard strong { color:#78350f; }
.cha-pcm-service-line-builder { margin-top: 20px; padding: 16px; border: 1px solid rgba(15,23,42,.10); border-radius: 18px; background: #f8fafc; }
.cha-pcm-panel-headline.compact { margin-bottom: 12px; }
.cha-pcm-line-total { display:inline-flex; align-items:center; justify-content:center; min-width:110px; padding:8px 12px; border-radius:999px; background:#0f172a; color:#fff; font-size:13px; }
.cha-pcm-service-line-head,
.cha-pcm-service-line-row { display:grid; grid-template-columns: 150px 170px minmax(190px,1fr) 78px 105px 86px minmax(140px,1fr); gap:8px; align-items:center; }
.cha-pcm-service-line-head { color:#64748b; font-size:11px; font-weight: 570; text-transform:uppercase; letter-spacing:.07em; padding: 0 2px 7px; }
.cha-pcm-service-line-row { margin-bottom: 8px; padding:8px; border-radius: 13px; background:#fff; border:1px solid rgba(15,23,42,.08); }
.cha-pcm-service-line-row input,
.cha-pcm-service-line-row select { width:100%; min-height:38px; border-radius:10px; border:1px solid rgba(148,163,184,.55); }
.cha-pcm-mini-check { display:flex; align-items:center; gap:6px; font-size:12px; color:#334155; margin:0!important; white-space:nowrap; }
@media (max-width: 1180px) {
  .cha-pcm-service-line-head { display:none; }
  .cha-pcm-service-line-row { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 720px) {
  .cha-pcm-service-line-row { grid-template-columns: 1fr; }
  .cha-pcm-panel-headline { flex-direction: column; }
}
.ks-selected-treatment-details .ks-treatment-detail-grid { display:grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap:10px; margin: 12px 0 16px; }
.ks-selected-treatment-details .ks-treatment-detail-grid div { padding:12px; border-radius:14px; background:#f8fafc; border:1px solid rgba(15,23,42,.08); }
.ks-selected-treatment-details .ks-treatment-detail-grid span { display:block; font-size:11px; color:#64748b; text-transform:uppercase; letter-spacing:.06em; font-weight: 570; }
.ks-selected-treatment-details .ks-treatment-detail-grid strong { display:block; margin-top:4px; color:#0f172a; }
.ks-detail-block { margin-top:10px; padding:12px 14px; border-radius:14px; background:#fff; border:1px solid rgba(15,23,42,.08); }
.ks-detail-block strong { display:block; margin-bottom:6px; color:#0f172a; }
.ks-detail-block p { margin:0; color:#475569; }
@media (max-width: 920px) { .ks-selected-treatment-details .ks-treatment-detail-grid { grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width: 560px) { .ks-selected-treatment-details .ks-treatment-detail-grid { grid-template-columns: 1fr; } }

/* Setup 2.6 — Tasks, Internal Notes & Notification History */
.cha-pcm-tasks-notes-grid { align-items: start; gap: 18px; }
.cha-pcm-form-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.cha-pcm-task-create-form,
.cha-pcm-note-create-form { margin-bottom: 18px; padding: 14px; border: 1px solid rgba(148,163,184,.28); border-radius: 18px; background: #f8fafc; }
.cha-pcm-task-board,
.cha-pcm-note-list { display: grid; gap: 12px; }
.cha-pcm-task-card { display: grid; grid-template-columns: minmax(0, 1fr) minmax(260px, .46fr); gap: 14px; align-items: start; border: 1px solid rgba(148,163,184,.30); border-left: 5px solid #64748b; background: #fff; border-radius: 18px; padding: 14px; box-shadow: 0 10px 28px rgba(15,23,42,.04); }
.cha-pcm-task-card.priority-low { border-left-color: #94a3b8; }
.cha-pcm-task-card.priority-normal { border-left-color: #2563eb; }
.cha-pcm-task-card.priority-high { border-left-color: #f59e0b; }
.cha-pcm-task-card.priority-urgent { border-left-color: #dc2626; }
.cha-pcm-task-card.status-completed { opacity: .74; background: #f8fafc; }
.cha-pcm-task-card.is-overdue { background: linear-gradient(180deg, #fff, #fef2f2); border-color: rgba(220,38,38,.28); }
.cha-pcm-task-main strong { display:block; color:#0f172a; font-size:15px; font-weight: 600; }
.cha-pcm-task-main span { display:block; margin-top:4px; color:#64748b; font-size:12px; font-weight: 570; }
.cha-pcm-task-main p { margin:8px 0; color:#475569; line-height:1.5; }
.cha-pcm-task-main small { display:block; color:#64748b; line-height:1.45; }
.cha-pcm-task-update-form { display:grid; grid-template-columns: 1fr 1fr; gap:8px; align-items:center; }
.cha-pcm-task-update-form select,
.cha-pcm-task-update-form input { width:100%; min-height:36px; border-radius:10px; border:1px solid rgba(148,163,184,.50); }
.cha-pcm-task-update-form button { grid-column: 1 / -1; justify-self:start; }
.cha-pcm-note-card { border: 1px solid rgba(148,163,184,.30); border-left: 5px solid #0B5FCC; border-radius: 18px; background: #fff; padding: 14px; box-shadow: 0 10px 28px rgba(15,23,42,.04); }
.cha-pcm-note-card.type-medical { border-left-color:#7c3aed; }
.cha-pcm-note-card.type-finance { border-left-color:#0B5FCC; }
.cha-pcm-note-card.type-operation { border-left-color:#2563eb; }
.cha-pcm-note-card.type-risk { border-left-color:#dc2626; }
.cha-pcm-note-card.type-follow_up { border-left-color:#f59e0b; }
.cha-pcm-note-card span { display:block; color:#64748b; font-size:12px; font-weight: 570; margin-bottom:6px; }
.cha-pcm-note-card strong { display:block; color:#0f172a; font-size:15px; font-weight: 600; margin-bottom:6px; }
.cha-pcm-note-card p { margin:0; color:#334155; line-height:1.55; }
.cha-pcm-notification-history-panel { margin-top:18px; }
.cha-pcm-notification-history-panel small { color:#64748b; word-break:break-all; }
@media (max-width: 1050px) {
  .cha-pcm-task-card { grid-template-columns: 1fr; }
  .cha-pcm-task-update-form { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 720px) {
  .cha-pcm-form-grid,
  .cha-pcm-task-update-form { grid-template-columns: 1fr; }
}

/* Setup 2.7 — Assignment, SLA Automation & Reminders */
.cha-pcm-inline-assignment-form {
  display: flex;
  align-items: end;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 14px;
  padding: 12px;
  background: rgba(255,255,255,.78);
  border: 1px solid rgba(15,23,42,.08);
  border-radius: 16px;
}
.cha-pcm-inline-assignment-form label {
  display: grid;
  gap: 5px;
  font-size: 12px;
  font-weight: 570;
  color: #475569;
}
.cha-pcm-inline-assignment-form select {
  min-width: 220px;
  border-radius: 12px;
  border-color: rgba(15,23,42,.16);
}
.cha-pcm-automation-panel h3 {
  margin: 4px 0 8px;
  font-size: 24px;
}
.cha-pcm-task-card small + small {
  display: block;
  margin-top: 4px;
  color: #64748b;
}

/* Setup 2.8 — Reporting Dashboard & Operational Analytics */
.ks-report-filter-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:end;margin:0 0 18px;padding:14px;border:1px solid #dceafa;border-radius:18px;background:#f8fbff}.ks-report-filter-form label span{display:block;font-size:12px;font-weight: 570;color:#607592;margin-bottom:6px}.ks-report-filter-form input{width:100%;min-height:42px;border-radius:12px;border:1px solid #cfe0f2;padding:8px 10px}.ks-report-radar .ks-table a{font-weight: 570;color:#174ea6;text-decoration:none}.ks-report-radar .ks-table a:hover{text-decoration:underline}
@media(max-width:900px){.ks-report-filter-form{grid-template-columns:1fr}.ks-report-filter-form .ks-primary-button{width:100%}}


/* Setup 2.10 — Secure File Migration & Document Center Polish */
.cha-pcm-secure-document-center-panel {
    border: 1px solid rgba(15, 23, 42, .08);
    background: linear-gradient(135deg, rgba(248, 250, 252, .96), rgba(255, 255, 255, .98));
}
.cha-pcm-secure-file-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 12px;
    margin: 16px 0;
}
.cha-pcm-secure-file-grid > div {
    border: 1px solid rgba(15, 23, 42, .08);
    border-radius: 16px;
    background: #fff;
    padding: 14px;
    min-height: 74px;
}
.cha-pcm-secure-file-grid strong {
    display: block;
    font-size: 24px;
    line-height: 1;
    color: #0f172a;
}
.cha-pcm-secure-file-grid span {
    display: block;
    margin-top: 7px;
    font-size: 12px;
    color: #64748b;
}
.cha-pcm-secure-file-actions {
    border-top: 1px solid rgba(15, 23, 42, .08);
    padding-top: 14px;
    margin-top: 8px;
}
.cha-pcm-secure-file-inventory {
    margin-top: 14px;
}
.cha-pcm-inline-action-form {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}
.cha-pcm-inline-action-form p {
    margin: 0;
    color: #475569;
    max-width: 720px;
}
@media (max-width: 1100px) {
    .cha-pcm-secure-file-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
    .cha-pcm-secure-file-grid { grid-template-columns: 1fr; }
    .cha-pcm-inline-action-form { align-items: stretch; }
    .cha-pcm-inline-action-form .button { width: 100%; text-align: center; }
}


/* Setup 2.11 Danger Zone / Super Admin deletion controls */
.cha-pcm-danger-settings-panel,
.cha-pcm-danger-zone-panel{border:1px solid rgba(185,28,28,.16)!important;background:linear-gradient(180deg,#fff,#fff7f7)!important}
.cha-pcm-danger-zone-panel--warn{border-color:rgba(217,119,6,.24)!important;background:linear-gradient(180deg,#fff,#fffbeb)!important}
.cha-pcm-danger-zone-panel--critical{border-color:rgba(185,28,28,.38)!important;background:linear-gradient(180deg,#fff,#fef2f2)!important}
.cha-pcm-danger-count-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:12px}
.cha-pcm-danger-count-grid>div{padding:12px;border:1px solid rgba(15,23,42,.08);border-radius:14px;background:#fff}
.cha-pcm-danger-count-grid span{display:block;font-size:12px;color:#64748b;margin-bottom:4px}.cha-pcm-danger-count-grid strong{font-size:22px;color:#111827}
.cha-pcm-danger-action-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:start}
.cha-pcm-case-workspace .button-link-delete{color:#b91c1c!important;border-color:#fca5a5!important;background:#fff5f5!important;font-weight: 570 !important}
.cha-pcm-case-workspace .button-link-delete:hover{background:#fee2e2!important;color:#7f1d1d!important}


/* =========================================================
   v1.4.15 — Form 11 Turkish application page polish
   Modern light application layout + Fluent Forms phone fix.
========================================================= */
html body .ks-application-flow {
    width: min(calc(100vw - 28px), 1180px) !important;
    max-width: 1180px !important;
    margin: 18px auto 64px !important;
    padding: 14px !important;
    color: #10233f !important;
}

html body .ks-application-modern-hero {
    position: relative !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 340px) !important;
    gap: 18px !important;
    align-items: stretch !important;
    margin: 0 0 16px !important;
    padding: clamp(22px, 3vw, 34px) !important;
    overflow: hidden !important;
    border: 1px solid #dbeafe !important;
    border-radius: 32px !important;
    background:
        radial-gradient(circle at 8% 0%, rgba(15, 118, 110, .12), transparent 34%),
        radial-gradient(circle at 100% 12%, rgba(18, 100, 168, .16), transparent 36%),
        linear-gradient(135deg, #ffffff 0%, #f6fbff 58%, #eef7ff 100%) !important;
    box-shadow: 0 22px 60px rgba(15, 35, 75, .085) !important;
}

html body .ks-application-modern-hero:after {
    content: "" !important;
    position: absolute !important;
    right: -74px !important;
    bottom: -92px !important;
    width: 220px !important;
    height: 220px !important;
    border-radius: 999px !important;
    border: 38px solid rgba(18, 100, 168, .06) !important;
    pointer-events: none !important;
}

html body .ks-application-modern-copy,
html body .ks-application-modern-side { position: relative !important; z-index: 1 !important; }

html body .ks-application-modern-copy h1 {
    margin: 8px 0 10px !important;
    color: #0b2f63 !important;
    font-size: clamp(32px, 4.6vw, 58px) !important;
    line-height: .98 !important;
    letter-spacing: -.055em !important;
    font-weight: 600 !important;
}

html body .ks-application-modern-copy p {
    max-width: 730px !important;
    margin: 0 !important;
    color: #5b6f8a !important;
    font-size: clamp(15px, 1.5vw, 18px) !important;
    line-height: 1.72 !important;
}

html body .ks-application-modern-tags {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin-top: 18px !important;
}

html body .ks-application-modern-tags span {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 34px !important;
    padding: 8px 12px !important;
    border: 1px solid rgba(18, 100, 168, .14) !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.78) !important;
    color: #174b7f !important;
    font-size: 12px !important;
    font-weight: 580 !important;
    letter-spacing: .015em !important;
}

html body .ks-application-modern-side {
    display: flex !important;
    min-height: 100% !important;
    flex-direction: column !important;
    justify-content: center !important;
    padding: 22px !important;
    border: 1px solid rgba(18, 100, 168, .14) !important;
    border-radius: 24px !important;
    background: rgba(255, 255, 255, .82) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.8), 0 14px 35px rgba(15, 35, 75, .055) !important;
}

html body .ks-application-modern-side span {
    color: #24669f !important;
    font-size: 11.5px !important;
    font-weight: 600 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
}

html body .ks-application-modern-side strong {
    display: block !important;
    margin: 8px 0 !important;
    color: #1264a8 !important;
    font-size: clamp(32px, 4vw, 45px) !important;
    line-height: 1.04 !important;
    letter-spacing: -.045em !important;
}

html body .ks-application-modern-side small {
    color: #657895 !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
}

html body .ks-application-modern-side b { color: #0B5FCC !important; }

html body .ks-flow-steps--modern {
    margin: 0 0 14px !important;
}

html body .ks-application-assist-strip {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin: 0 0 16px !important;
}

html body .ks-application-assist-strip div {
    padding: 15px 16px !important;
    border: 1px solid #dfeaf7 !important;
    border-radius: 18px !important;
    background: #ffffff !important;
    box-shadow: 0 12px 32px rgba(15, 35, 75, .045) !important;
}

html body .ks-application-assist-strip strong,
html body .ks-application-assist-strip span { display: block !important; }
html body .ks-application-assist-strip strong { color: #0b3f8a !important; font-size: 15px !important; }
html body .ks-application-assist-strip span { margin-top: 4px !important; color: #64748b !important; font-size: 12.5px !important; line-height: 1.45 !important; }

html body .ks-application-form-wrap {
    padding: clamp(14px, 2vw, 20px) !important;
    border: 1px solid #e1ebf7 !important;
    border-radius: 24px !important;
    background: linear-gradient(180deg, #ffffff 0%, #f9fcff 100%) !important;
}

html body .ks-application-form-wrap .fluentform .ff-el-group {
    margin-bottom: 18px !important;
}

html body .ks-application-form-wrap .fluentform label,
html body .ks-application-form-wrap .fluentform .ff-el-input--label label {
    color: #0f2d57 !important;
    font-size: 13px !important;
    font-weight: 540 !important;
    letter-spacing: -.01em !important;
}

html body .ks-application-form-wrap .fluentform input:not([type="radio"]):not([type="checkbox"]):not([type="file"]),
html body .ks-application-form-wrap .fluentform select,
html body .ks-application-form-wrap .fluentform textarea {
    min-height: 52px !important;
    border-radius: 16px !important;
    border: 1px solid #d6e3f3 !important;
    background: #fbfdff !important;
    color: #10233f !important;
    font-size: 14px !important;
    transition: border-color .16s ease, box-shadow .16s ease, background-color .16s ease !important;
}

html body .ks-application-form-wrap .fluentform input:not([type="file"]):focus,
html body .ks-application-form-wrap .fluentform select:focus,
html body .ks-application-form-wrap .fluentform textarea:focus {
    border-color: #1264a8 !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 4px rgba(18, 100, 168, .10) !important;
    outline: 0 !important;
}

html body .ks-application-form-wrap .ff-btn-submit,
html body .ks-application-form-wrap button[type="submit"] {
    min-height: 52px !important;
    padding: 14px 22px !important;
    border-radius: 16px !important;
    background: linear-gradient(135deg, #1264a8, #0B5FCC) !important;
    border: 0 !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    box-shadow: 0 14px 28px rgba(18,100,168,.18) !important;
}

/* Fluent Forms phone / intl-tel-input alignment fix. Prevent the country flag
   from appearing inside the text value and keep enough left padding. */
html body .ks-application-form-wrap .iti,
html body .ks-fluent-wrap .iti,
html body .fluentform .iti {
    width: 100% !important;
    display: block !important;
    position: relative !important;
}

html body .ks-application-form-wrap .iti input[type="tel"],
html body .ks-fluent-wrap .iti input[type="tel"],
html body .fluentform .iti input[type="tel"],
html body .ks-application-form-wrap .iti--allow-dropdown input[type="tel"],
html body .ks-fluent-wrap .iti--allow-dropdown input[type="tel"],
html body .fluentform .iti--allow-dropdown input[type="tel"] {
    width: 100% !important;
    padding-left: 62px !important;
    padding-right: 14px !important;
}

html body .ks-application-form-wrap .iti__flag-container,
html body .ks-fluent-wrap .iti__flag-container,
html body .fluentform .iti__flag-container {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    z-index: 5 !important;
}

html body .ks-application-form-wrap .iti__selected-flag,
html body .ks-fluent-wrap .iti__selected-flag,
html body .fluentform .iti__selected-flag {
    min-width: 52px !important;
    height: 100% !important;
    padding: 0 10px !important;
    border-radius: 16px 0 0 16px !important;
    background: rgba(237, 246, 255, .85) !important;
    border-right: 1px solid #d6e3f3 !important;
}

@media (max-width: 860px) {
    html body .ks-application-flow { width: min(100% - 16px, 1180px) !important; padding: 8px !important; }
    html body .ks-application-modern-hero { grid-template-columns: 1fr !important; border-radius: 24px !important; }
    html body .ks-application-assist-strip { grid-template-columns: 1fr !important; }
}

@media (max-width: 560px) {
    html body .ks-application-flow { width: 100% !important; padding: 8px !important; margin-top: 8px !important; }
    html body .ks-application-modern-hero { padding: 20px !important; border-radius: 22px !important; }
    html body .ks-application-modern-copy h1 { font-size: 31px !important; }
    html body .ks-application-modern-tags { gap: 6px !important; }
    html body .ks-application-modern-tags span { width: 100% !important; justify-content: center !important; }
    html body .ks-application-form-wrap { padding: 12px !important; border-radius: 18px !important; }
}


/* =========================================================
   Setup 2.13 — Form 11 live portal visibility and form fallback
========================================================= */
.cha-pcm-shortcode-root .ks-form-missing-alert,
.ks-form-missing-alert {
    border: 1px solid #fecaca !important;
    background: #fff7f7 !important;
    color: #7f1d1d !important;
    border-radius: 18px !important;
    padding: 18px 20px !important;
    margin: 14px 0 !important;
}
.cha-pcm-shortcode-root .ks-form11-visible-panel {
    border: 1px solid rgba(15, 95, 165, .12) !important;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
}
.cha-pcm-shortcode-root .ks-form11-detail-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
}
.cha-pcm-shortcode-root .ks-form11-detail-grid > div {
    min-width: 0 !important;
    padding: 14px 16px !important;
    border: 1px solid rgba(15, 95, 165, .10) !important;
    border-radius: 16px !important;
    background: #ffffff !important;
    box-shadow: 0 10px 24px rgba(15, 23, 42, .04) !important;
}
.cha-pcm-shortcode-root .ks-form11-detail-grid span,
.cha-pcm-shortcode-root .ks-form11-file-row span {
    display: block !important;
    margin-bottom: 6px !important;
    color: #64748b !important;
    font-size: 12px !important;
    font-weight: 580 !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
}
.cha-pcm-shortcode-root .ks-form11-detail-grid strong {
    display: block !important;
    color: #0f2d57 !important;
    font-size: 14px !important;
    font-weight: 570 !important;
    line-height: 1.45 !important;
    word-break: break-word !important;
}
.cha-pcm-shortcode-root .ks-form11-file-list {
    margin-top: 16px !important;
    display: grid !important;
    gap: 10px !important;
}
.cha-pcm-shortcode-root .ks-form11-file-list h3 {
    margin: 4px 0 2px !important;
    color: #0b3f8a !important;
    font-size: 17px !important;
    font-weight: 600 !important;
}
.cha-pcm-shortcode-root .ks-form11-file-row {
    display: grid !important;
    grid-template-columns: minmax(180px, 260px) 1fr !important;
    gap: 12px !important;
    align-items: center !important;
    padding: 12px 14px !important;
    border: 1px solid rgba(15, 95, 165, .10) !important;
    border-radius: 14px !important;
    background: #ffffff !important;
}
.cha-pcm-shortcode-root .ks-form11-file-row div {
    display: flex !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
}
.cha-pcm-shortcode-root .ks-form11-file-row a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 34px !important;
    padding: 8px 12px !important;
    border-radius: 999px !important;
    background: #eef6ff !important;
    color: #0b5fa5 !important;
    text-decoration: none !important;
    font-weight: 580 !important;
    font-size: 12px !important;
}
@media (max-width: 760px) {
    .cha-pcm-shortcode-root .ks-form11-detail-grid,
    .cha-pcm-shortcode-root .ks-form11-file-row {
        grid-template-columns: 1fr !important;
    }
}


/* =========================================================
   Setup 2.14 — Patient-facing application page cleanup v1.4.17
   Removes internal form IDs from the public experience and refines the hero.
========================================================= */
html body .ks-application-flow {
    width: min(calc(100vw - 32px), 1240px) !important;
    max-width: 1240px !important;
    margin-top: 24px !important;
}

html body .ks-application-modern-hero {
    grid-template-columns: minmax(0, 1fr) minmax(260px, 320px) !important;
    padding: clamp(26px, 4vw, 42px) !important;
    border-radius: 34px !important;
    background:
        radial-gradient(circle at 3% 10%, rgba(15, 118, 110, .10), transparent 30%),
        radial-gradient(circle at 95% 4%, rgba(18, 100, 168, .14), transparent 34%),
        linear-gradient(135deg, #ffffff 0%, #f7fbff 56%, #eef8ff 100%) !important;
}

html body .ks-application-modern-copy h1 {
    max-width: 760px !important;
    font-size: clamp(32px, 4vw, 50px) !important;
    line-height: 1.06 !important;
    letter-spacing: -.045em !important;
}

html body .ks-application-modern-copy p {
    max-width: 760px !important;
    color: #536b89 !important;
    font-size: clamp(15px, 1.35vw, 17px) !important;
    line-height: 1.76 !important;
}

html body .ks-application-modern-tags,
html body .ks-application-assist-strip {
    display: none !important;
}

html body .ks-flow-steps--modern {
    margin: 0 0 16px !important;
}

html body .ks-flow-steps--modern > div {
    min-height: 58px !important;
    padding: 14px 18px !important;
    border-radius: 18px !important;
    background: rgba(255,255,255,.92) !important;
}

html body .ks-flow-steps--modern span {
    font-size: 13px !important;
    white-space: normal !important;
    line-height: 1.25 !important;
}

html body .ks-application-modern-side {
    padding: 24px !important;
    border-radius: 26px !important;
}

html body .ks-application-modern-side span {
    letter-spacing: .045em !important;
    line-height: 1.35 !important;
}

html body .ks-application-care-note {
    display: grid !important;
    gap: 6px !important;
    margin: 0 0 18px !important;
    padding: 16px 18px !important;
    border: 1px solid rgba(15, 118, 110, .16) !important;
    border-radius: 18px !important;
    background: linear-gradient(135deg, #f0fdfa 0%, #f8fbff 100%) !important;
    color: #164e63 !important;
}

html body .ks-application-care-note strong {
    color: #0B5FCC !important;
    font-size: 15px !important;
    font-weight: 600 !important;
}

html body .ks-application-care-note span {
    color: #52627f !important;
    font-size: 13.5px !important;
    line-height: 1.62 !important;
}

@media (max-width: 860px) {
    html body .ks-application-flow { width: min(100% - 16px, 1240px) !important; margin-top: 10px !important; }
    html body .ks-application-modern-hero { grid-template-columns: 1fr !important; border-radius: 26px !important; }
    html body .ks-flow-steps--modern { grid-template-columns: 1fr !important; }
}

@media (max-width: 560px) {
    html body .ks-application-modern-copy h1 { font-size: 30px !important; }
    html body .ks-application-modern-side strong { font-size: 34px !important; }
    html body .ks-application-care-note { padding: 14px !important; border-radius: 16px !important; }
}


/* =========================================================
   v1.4.18 — Fluent Forms upload field repair
   Do not let the generic input design override Fluent Forms Pro's hidden file
   input. The visible upload button/drop area must remain clickable.
========================================================= */
html body .ks-application-form-wrap .ff_file_upload_holder,
html body .ks-fluent-wrap .ff_file_upload_holder {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 74px !important;
    padding: 14px !important;
    border: 1px dashed #9fc3e8 !important;
    border-radius: 18px !important;
    background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%) !important;
    cursor: pointer !important;
    overflow: hidden !important;
}

html body .ks-application-form-wrap .ff_file_upload_holder:hover,
html body .ks-fluent-wrap .ff_file_upload_holder:hover {
    border-color: #1264a8 !important;
    background: #f3f9ff !important;
}

html body .ks-application-form-wrap .ff_file_upload_holder input[type="file"],
html body .ks-fluent-wrap .ff_file_upload_holder input[type="file"],
html body .ks-application-form-wrap input[type="file"].ff-screen-reader-element,
html body .ks-fluent-wrap input[type="file"].ff-screen-reader-element {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    opacity: 0 !important;
    cursor: pointer !important;
    z-index: 2 !important;
}

html body .ks-application-form-wrap .ff_upload_btn,
html body .ks-fluent-wrap .ff_upload_btn {
    position: relative !important;
    z-index: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 44px !important;
    padding: 12px 18px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(18, 100, 168, .22) !important;
    background: #ffffff !important;
    color: #0b4f8a !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    box-shadow: 0 10px 22px rgba(18, 100, 168, .08) !important;
    pointer-events: none !important;
}

html body .ks-application-form-wrap .ff-upload-preview,
html body .ks-fluent-wrap .ff-upload-preview,
html body .ks-application-form-wrap .ff-uploaded-list,
html body .ks-fluent-wrap .ff-uploaded-list {
    margin-top: 10px !important;
    border-radius: 14px !important;
    overflow-wrap: anywhere !important;
}

/* =========================================================
   v1.4.19 — Fluent Forms upload real fix
   Previous visual overlay could interfere with the uploader's own JS state.
   Keep Fluent Forms' native input hidden and let the label/button trigger it.
========================================================= */
html body .ks-application-form-wrap .ff_file_upload_holder,
html body .ks-fluent-wrap .ff_file_upload_holder {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: auto !important;
    min-width: min(100%, 280px) !important;
    max-width: 100% !important;
    min-height: auto !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    overflow: visible !important;
    cursor: pointer !important;
}

html body .ks-application-form-wrap .ff_file_upload_holder input[type="file"],
html body .ks-fluent-wrap .ff_file_upload_holder input[type="file"],
html body .ks-application-form-wrap input[type="file"].ff-screen-reader-element,
html body .ks-fluent-wrap input[type="file"].ff-screen-reader-element {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    min-width: 1px !important;
    min-height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    border: 0 !important;
    opacity: 0 !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
    z-index: auto !important;
}

html body .ks-application-form-wrap .ff_upload_btn,
html body .ks-fluent-wrap .ff_upload_btn {
    pointer-events: auto !important;
    cursor: pointer !important;
}

html body .ks-application-form-wrap .ff-el-input--content:has(.ff_file_upload_holder),
html body .ks-fluent-wrap .ff-el-input--content:has(.ff_file_upload_holder) {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 8px !important;
}

html body .ks-application-form-wrap .ks-ff-upload-status,
html body .ks-fluent-wrap .ks-ff-upload-status {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 8px !important;
    padding: 10px 12px !important;
    border-radius: 12px !important;
    font-size: 12.5px !important;
    font-weight: 540 !important;
    line-height: 1.45 !important;
    overflow-wrap: anywhere !important;
    border: 1px solid #dbeafe !important;
    background: #f8fbff !important;
    color: #173b8f !important;
}

html body .ks-application-form-wrap .ks-ff-upload-status.is-loading,
html body .ks-fluent-wrap .ks-ff-upload-status.is-loading {
    border-color: rgba(18,100,168,.25) !important;
    background: #eff6ff !important;
    color: #0b4f8a !important;
}

html body .ks-application-form-wrap .ks-ff-upload-status.is-ok,
html body .ks-fluent-wrap .ks-ff-upload-status.is-ok {
    border-color: rgba(15,118,110,.24) !important;
    background: #f0fdfa !important;
    color: #0B5FCC !important;
}

html body .ks-application-form-wrap .ks-ff-upload-status.is-waiting,
html body .ks-fluent-wrap .ks-ff-upload-status.is-waiting {
    border-color: rgba(245,158,11,.30) !important;
    background: #fffbeb !important;
    color: #92400e !important;
}

/* =========================================================
   Setup 2.18 — Patient-facing automatic file number v1.4.21
   Restores the visible automatic Dosya No without exposing internal form IDs.
========================================================= */
html body .ks-application-file-no {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 14px !important;
    align-items: center !important;
    margin: 0 0 18px !important;
    padding: 16px 18px !important;
    border: 1px solid rgba(18, 100, 168, .16) !important;
    border-radius: 18px !important;
    background:
        radial-gradient(circle at 0% 0%, rgba(15,118,110,.10), transparent 34%),
        linear-gradient(135deg, #ffffff 0%, #f7fbff 100%) !important;
    box-shadow: 0 12px 28px rgba(15, 35, 75, .045) !important;
}
html body .ks-application-file-no > div {
    min-width: 0 !important;
    display: grid !important;
    gap: 4px !important;
}
html body .ks-application-file-no span {
    color: #0B5FCC !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
}
html body .ks-application-file-no strong {
    color: #0b2f63 !important;
    font-size: clamp(20px, 2vw, 28px) !important;
    line-height: 1.08 !important;
    font-weight: 620 !important;
    letter-spacing: -.035em !important;
    word-break: break-word !important;
}
html body .ks-application-file-no p {
    max-width: 420px !important;
    margin: 0 !important;
    color: #536b89 !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
    text-align: right !important;
}
@media (max-width: 760px) {
    html body .ks-application-file-no { grid-template-columns: 1fr !important; }
    html body .ks-application-file-no p { text-align: left !important; max-width: none !important; }
}

/* Staff Portal stable rebuild 1.4.25 - isolated clean UI */
.ks-clean-staff,
.ks-clean-staff * {
    box-sizing: border-box;
}

.ks-clean-staff {
    width: min(1760px, calc(100vw - 32px));
    margin: 24px auto;
    display: grid;
    grid-template-columns: 280px minmax(0, 1fr);
    gap: 22px;
    color: #172033;
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.ksc-sidebar,
.ksc-main,
.ksc-panel,
.ksc-login-required {
    background: #ffffff;
    border: 1px solid #e7edf5;
    border-radius: 24px;
    box-shadow: 0 20px 60px rgba(17, 34, 68, .08);
}

.ksc-sidebar {
    position: sticky;
    top: 18px;
    align-self: start;
    padding: 18px;
}

.ksc-brand {
    padding: 12px 10px 18px;
    border-bottom: 1px solid #edf2f7;
    margin-bottom: 12px;
}

.ksc-brand strong {
    display: block;
    font-size: 18px;
    letter-spacing: -.02em;
}

.ksc-brand span,
.ksc-help,
.ksc-row-meta,
.ksc-count,
.ksc-timeline-time {
    color: #667085;
    font-size: 13px;
}

.ksc-nav {
    display: grid;
    gap: 6px;
}

.ksc-nav a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 12px 13px;
    border-radius: 14px;
    color: #344054;
    text-decoration: none;
    font-size: 14px;
    font-weight: 520;
    transition: background .18s ease, color .18s ease, transform .18s ease;
}

.ksc-nav a:hover,
.ksc-nav a.is-active {
    background: #f0f7ff;
    color: #0b64c0;
    transform: translateX(2px);
}

.ksc-logout {
    margin-top: 12px;
    border-top: 1px solid #edf2f7;
    padding-top: 12px;
}

.ksc-main {
    padding: 22px;
    min-width: 0;
}

.ksc-login-required {
    max-width: 760px;
    margin: 40px auto;
    padding: 28px;
}

.ksc-header,
.ksc-panel-head,
.ksc-case-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 18px;
}

.ksc-header h1,
.ksc-panel h2,
.ksc-panel h3,
.ksc-case-head h1 {
    margin: 0;
    color: #101828;
    letter-spacing: -.03em;
}

.ksc-header h1,
.ksc-case-head h1 {
    font-size: clamp(24px, 3vw, 34px);
    line-height: 1.08;
}

.ksc-panel h2 {
    font-size: 22px;
}

.ksc-panel h3 {
    font-size: 18px;
    margin-bottom: 12px;
}

.ksc-stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 18px;
}

.ksc-stat {
    padding: 18px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    border: 1px solid #e7edf5;
    border-radius: 20px;
}

.ksc-stat span {
    display: block;
    color: #667085;
    font-size: 13px;
    margin-bottom: 8px;
}

.ksc-stat strong {
    display: block;
    font-size: 30px;
    color: #101828;
    line-height: 1;
}

.ksc-grid-2 {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 18px;
}

.ksc-panel {
    padding: 20px;
    margin-bottom: 18px;
    overflow: hidden;
}

.ksc-list {
    display: grid;
    gap: 10px;
}

.ksc-row,
.ksc-payment-card,
.ksc-doc-card,
.ksc-mini-record,
.ksc-msg,
.ksc-option-box {
    border: 1px solid #e8eef6;
    border-radius: 18px;
    background: #ffffff;
}

.ksc-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 16px;
    align-items: center;
    padding: 15px;
}

.ksc-row strong {
    display: block;
    font-size: 15px;
    color: #101828;
    margin-bottom: 5px;
}

.ksc-row-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 14px;
}

.ksc-search,
.ksc-inline-form,
.ksc-two,
.ksc-actions-row,
.ksc-payment-actions {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
}

.ksc-search {
    margin-bottom: 16px;
}

.ksc-search input,
.ksc-form input[type="text"],
.ksc-form input[type="number"],
.ksc-form input[type="url"],
.ksc-form input[type="date"],
.ksc-form input[type="email"],
.ksc-form input[type="password"],
.ksc-form select,
.ksc-form textarea,
.ksc-inline-form input,
.ksc-mini-form input,
.ksc-mini-form select,
.ksc-mini-form textarea,
.ksc-doc-form select,
.ksc-doc-form textarea,
.ksc-user-form input,
.ksc-user-form select {
    width: 100%;
    border: 1px solid #d9e2ee;
    border-radius: 14px;
    padding: 11px 13px;
    background: #ffffff;
    color: #172033;
    font-size: 14px;
    outline: none;
}

.ksc-search input {
    min-width: 260px;
    flex: 1;
}

.ksc-form textarea,
.ksc-mini-form textarea,
.ksc-doc-form textarea {
    min-height: 92px;
    resize: vertical;
}

.ksc-btn,
.ksc-form button,
.ksc-inline-form button,
.ksc-mini-form button,
.ksc-doc-form button,
.ksc-payment-actions button,
.ksc-user-form button {
    appearance: none;
    border: 0;
    border-radius: 14px;
    padding: 11px 15px;
    background: #0b64c0;
    color: #ffffff !important;
    font-size: 14px;
    font-weight: 540;
    line-height: 1.2;
    text-decoration: none !important;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 42px;
}

.ksc-btn.secondary,
.ksc-inline-form button[name="ks_staff_payment_action"][value="reject"],
.ksc-payment-actions button[name="ks_staff_payment_action"][value="reject"] {
    background: #f3f6fa;
    color: #344054 !important;
}

.ksc-btn.soft {
    background: #eef6ff;
    color: #0b64c0 !important;
}

.ksc-btn.danger,
.ksc-actions-row button[name="eligibility_decision"][value="not_eligible"] {
    background: #b42318;
}

.ksc-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 540;
    background: #f2f4f7;
    color: #344054;
    white-space: nowrap;
}

.ksc-badge.status-pending,
.ksc-badge.status-initial_payment_pending,
.ksc-badge.status-payment_pending,
.ksc-badge.status-treatment_selection_pending {
    background: #fff7e6;
    color: #a15c00;
}

.ksc-badge.status-approved,
.ksc-badge.status-eligible,
.ksc-badge.status-treatment_started,
.ksc-badge.status-completed {
    background: #eafaf1;
    color: #0B5FCC;
}

.ksc-badge.status-rejected,
.ksc-badge.status-not_eligible,
.ksc-badge.status-treatment_declined {
    background: #fff1f0;
    color: #b42318;
}

.ksc-badge.status-document_review,
.ksc-badge.status-doctor_review,
.ksc-badge.status-doctor_report_ready,
.ksc-badge.status-invoice_preparing,
.ksc-badge.status-treatment_payment_pending {
    background: #eef6ff;
    color: #0b64c0;
}

.ksc-back {
    display: inline-flex;
    margin-bottom: 14px;
    color: #0b64c0;
    font-weight: 540;
    text-decoration: none;
}

.ksc-case-status {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 8px;
}

.ksc-flow {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    padding: 8px 2px 16px;
    margin-bottom: 14px;
}

.ksc-flow span {
    flex: 0 0 auto;
    padding: 9px 11px;
    border-radius: 999px;
    border: 1px solid #e7edf5;
    background: #f8fafc;
    color: #667085;
    font-size: 12px;
    font-weight: 530;
}

.ksc-flow span.is-current {
    background: #0b64c0;
    color: #ffffff;
    border-color: #0b64c0;
}

.ksc-tabs {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 18px;
}

.ksc-tabs a {
    padding: 10px 13px;
    border-radius: 999px;
    border: 1px solid #e1e8f0;
    background: #ffffff;
    color: #475467;
    text-decoration: none;
    font-size: 13px;
    font-weight: 540;
}

.ksc-tabs a.is-active {
    background: #101828;
    color: #ffffff;
    border-color: #101828;
}

.ksc-info-grid,
.ksc-payload-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.ksc-info-grid div,
.ksc-payload-item {
    background: #f8fafc;
    border: 1px solid #edf2f7;
    border-radius: 16px;
    padding: 13px;
    min-width: 0;
}

.ksc-info-grid span,
.ksc-payload-item span,
.ksc-form label,
.ksc-mini-form label,
.ksc-doc-form label,
.ksc-user-form label {
    display: block;
    color: #667085;
    font-size: 12px;
    font-weight: 540;
    margin-bottom: 6px;
}

.ksc-info-grid strong,
.ksc-payload-item strong {
    color: #101828;
    font-size: 14px;
    word-break: break-word;
}

.ksc-payment-card,
.ksc-doc-card,
.ksc-mini-record,
.ksc-option-box {
    padding: 15px;
    margin-bottom: 12px;
}

.ksc-payment-card header,
.ksc-doc-card header {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: flex-start;
    margin-bottom: 10px;
}

.ksc-payment-card p,
.ksc-doc-card p,
.ksc-option-box p,
.ksc-mini-record p {
    margin: 6px 0;
    color: #475467;
    font-size: 14px;
}

.ksc-form,
.ksc-mini-form,
.ksc-doc-form,
.ksc-user-form {
    display: grid;
    gap: 12px;
}

.ksc-two {
    align-items: stretch;
}

.ksc-two > * {
    flex: 1 1 220px;
}

.ksc-check {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #475467;
    font-size: 14px;
}

.ksc-actions-row button {
    flex: 1 1 220px;
}

.ksc-chat {
    display: grid;
    gap: 12px;
}

.ksc-msg {
    padding: 14px;
}

.ksc-msg.is-admin {
    background: #f8fbff;
}

.ksc-msg.is-patient {
    background: #fffdf7;
}

.ksc-msg-head {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 8px;
}

.ksc-msg p {
    margin: 0;
    color: #344054;
}

.ksc-timeline {
    display: grid;
    gap: 12px;
}

.ksc-timeline-item {
    display: grid;
    grid-template-columns: 150px minmax(0, 1fr);
    gap: 14px;
    padding: 14px;
    border: 1px solid #edf2f7;
    border-radius: 16px;
    background: #ffffff;
}

.ksc-timeline-body strong {
    display: block;
    color: #101828;
    margin-bottom: 4px;
}

.ksc-empty,
.ksc-notice {
    padding: 18px;
    border-radius: 18px;
    background: #f8fafc;
    border: 1px dashed #d8e2ee;
    color: #475467;
}

.ksc-notice.warning {
    background: #fff8ed;
    border-color: #ffd89b;
    color: #8a4b00;
}

.ksc-rules {
    margin: 0;
    padding-left: 18px;
    color: #475467;
}

.ksc-rules li {
    margin-bottom: 8px;
}

@media (max-width: 1180px) {
    .ks-clean-staff {
        grid-template-columns: 1fr;
    }

    .ksc-sidebar {
        position: relative;
        top: 0;
    }

    .ksc-nav {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ksc-stats,
    .ksc-info-grid,
    .ksc-payload-grid,
    .ksc-grid-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .ks-clean-staff {
        width: calc(100vw - 18px);
        margin: 10px auto;
        gap: 12px;
    }

    .ksc-sidebar,
    .ksc-main,
    .ksc-panel {
        border-radius: 18px;
    }

    .ksc-main,
    .ksc-sidebar,
    .ksc-panel {
        padding: 14px;
    }

    .ksc-nav,
    .ksc-stats,
    .ksc-info-grid,
    .ksc-payload-grid,
    .ksc-grid-2 {
        grid-template-columns: 1fr;
    }

    .ksc-header,
    .ksc-panel-head,
    .ksc-case-head,
    .ksc-row,
    .ksc-payment-card header,
    .ksc-doc-card header,
    .ksc-msg-head {
        display: grid;
        grid-template-columns: 1fr;
    }

    .ksc-case-status {
        align-items: flex-start;
    }

    .ksc-search input {
        min-width: 0;
    }

    .ksc-btn,
    .ksc-form button,
    .ksc-inline-form button,
    .ksc-mini-form button,
    .ksc-doc-form button,
    .ksc-user-form button {
        width: 100%;
    }

    .ksc-timeline-item {
        grid-template-columns: 1fr;
    }
}


/* Staff Portal polish 1.4.26 - clean data flow and layout hardening */
.cha-pcm-page .entry-content,
.cha-pcm-page .wp-block-post-content,
.cha-pcm-page .site-content,
.cha-pcm-page main {
    overflow-x: hidden !important;
}

.ks-clean-staff {
    width: 100% !important;
    max-width: 1480px !important;
    margin: 24px auto 64px !important;
    padding: 0 14px !important;
    grid-template-columns: 260px minmax(0, 1fr) !important;
    gap: 20px !important;
}

.ks-clean-staff a,
.ks-clean-staff button,
.ks-clean-staff input,
.ks-clean-staff textarea,
.ks-clean-staff select {
    font-family: inherit !important;
}

.ksc-sidebar {
    top: 74px !important;
    box-shadow: 0 18px 45px rgba(15, 23, 42, .06) !important;
}

.ksc-main {
    overflow: hidden !important;
    box-shadow: 0 18px 45px rgba(15, 23, 42, .06) !important;
}

.ksc-header,
.ksc-case-head {
    min-width: 0 !important;
    flex-wrap: wrap !important;
}

.ksc-case-head > div:first-child {
    min-width: 0 !important;
}

.ksc-case-head h1 {
    word-break: break-word !important;
}

.ksc-case-status {
    max-width: 100% !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
}

.ksc-stats > article,
.ksc-stat {
    padding: 18px !important;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
    border: 1px solid #e7edf5 !important;
    border-radius: 20px !important;
    min-width: 0 !important;
}

.ksc-stats > article span,
.ksc-stat span {
    display: block !important;
    color: #667085 !important;
    font-size: 13px !important;
    margin-bottom: 8px !important;
}

.ksc-stats > article strong,
.ksc-stat strong {
    display: block !important;
    font-size: 30px !important;
    color: #101828 !important;
    line-height: 1 !important;
}

.ksc-stats > article small,
.ksc-stat small {
    display: block !important;
    margin-top: 8px !important;
    color: #667085 !important;
    font-size: 12px !important;
}

.ksc-row {
    text-decoration: none !important;
    color: inherit !important;
}

.ksc-row span,
.ksc-row small {
    display: block !important;
    color: #667085 !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
}

.ksc-flow span.is-on,
.ksc-flow span.is-current {
    background: #0b64c0 !important;
    color: #ffffff !important;
    border-color: #0b64c0 !important;
}

.ksc-badge--success,
.ksc-badge.status-approved,
.ksc-badge.status-eligible,
.ksc-badge.status-treatment_started,
.ksc-badge.status-completed {
    background: #eafaf1 !important;
    color: #0B5FCC !important;
}

.ksc-badge--info,
.ksc-badge.status-document_review,
.ksc-badge.status-doctor_review,
.ksc-badge.status-doctor_report_ready,
.ksc-badge.status-invoice_preparing,
.ksc-badge.status-treatment_payment_pending {
    background: #eef6ff !important;
    color: #0b64c0 !important;
}

.ksc-badge--warning,
.ksc-badge.status-pending,
.ksc-badge.status-initial_payment_pending,
.ksc-badge.status-payment_pending,
.ksc-badge.status-treatment_selection_pending {
    background: #fff7e6 !important;
    color: #a15c00 !important;
}

.ksc-badge--danger,
.ksc-badge.status-rejected,
.ksc-badge.status-not_eligible,
.ksc-badge.status-treatment_declined {
    background: #fff1f0 !important;
    color: #b42318 !important;
}

.ksc-btn--primary,
.ksc-btn.primary {
    background: #0b64c0 !important;
    color: #ffffff !important;
}

.ksc-btn--success,
.ksc-btn.success {
    background: #0B5FCC !important;
    color: #ffffff !important;
}

.ksc-btn--danger,
.ksc-btn.danger {
    background: #b42318 !important;
    color: #ffffff !important;
}

.ksc-btn--warning,
.ksc-btn.warning {
    background: #a15c00 !important;
    color: #ffffff !important;
}

.ksc-btn--soft,
.ksc-btn.soft {
    background: #eef6ff !important;
    color: #0b64c0 !important;
}

.ksc-notice.is-success,
.ksc-notice.success {
    background: #eafaf1 !important;
    border-color: #b7ebcc !important;
    color: #0B5FCC !important;
}

.ksc-notice.is-danger,
.ksc-notice.danger {
    background: #fff1f0 !important;
    border-color: #ffc9c4 !important;
    color: #b42318 !important;
}

.ksc-notice.is-warning,
.ksc-notice.warning {
    background: #fff8ed !important;
    border-color: #ffd89b !important;
    color: #8a4b00 !important;
}

.ksc-section-note {
    margin: 4px 0 18px !important;
    color: #667085 !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
}

.ksc-detail-sections {
    display: grid !important;
    gap: 16px !important;
}

.ksc-data-section {
    padding: 16px !important;
    border: 1px solid #e8eef6 !important;
    border-radius: 18px !important;
    background: #fbfdff !important;
    min-width: 0 !important;
}

.ksc-data-section h3 {
    margin: 0 0 12px !important;
    font-size: 17px !important;
    line-height: 1.2 !important;
    color: #101828 !important;
    letter-spacing: -.01em !important;
}

.ksc-data-grid,
.ksc-info-grid,
.ksc-payload-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
}

.ksc-data-item,
.ksc-info-grid > div,
.ksc-payload-grid > div,
.ksc-payload-item {
    background: #ffffff !important;
    border: 1px solid #edf2f7 !important;
    border-radius: 15px !important;
    padding: 13px !important;
    min-width: 0 !important;
}

.ksc-data-item span,
.ksc-info-grid > div span,
.ksc-payload-grid > div span,
.ksc-payload-item span {
    display: block !important;
    color: #667085 !important;
    font-size: 12px !important;
    font-weight: 540 !important;
    line-height: 1.35 !important;
    margin: 0 0 6px !important;
}

.ksc-data-item strong,
.ksc-info-grid > div strong,
.ksc-payload-grid > div strong,
.ksc-payload-item strong {
    display: block !important;
    color: #101828 !important;
    font-size: 14px !important;
    font-weight: 530 !important;
    line-height: 1.45 !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
}

.ksc-file-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
}

.ksc-file-card {
    display: grid !important;
    gap: 5px !important;
    padding: 14px !important;
    border: 1px solid #dbeafe !important;
    border-radius: 16px !important;
    background: #ffffff !important;
    color: #101828 !important;
    text-decoration: none !important;
    min-width: 0 !important;
}

.ksc-file-card span {
    color: #0b64c0 !important;
    font-size: 12px !important;
    font-weight: 570 !important;
}

.ksc-file-card strong {
    color: #101828 !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
}

.ksc-file-card em {
    color: #667085 !important;
    font-size: 12px !important;
    font-style: normal !important;
}

.ksc-payment-card > div:first-child,
.ksc-doc-card > div:first-child,
.ksc-mini-record {
    min-width: 0 !important;
}

.ksc-payment-card span,
.ksc-doc-card span,
.ksc-mini-record span,
.ksc-payment-card small,
.ksc-doc-card small,
.ksc-mini-record small {
    display: block !important;
    color: #667085 !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
}

.ksc-chat .ksc-msg.is-staff,
.ksc-chat .ksc-msg.is-admin {
    background: #f8fbff !important;
    margin-left: min(80px, 12%) !important;
}

.ksc-chat .ksc-msg.is-patient {
    background: #fffdf7 !important;
    margin-right: min(80px, 12%) !important;
}

@media (max-width: 1100px) {
    .ks-clean-staff {
        grid-template-columns: 1fr !important;
        max-width: 980px !important;
    }
    .ksc-sidebar {
        position: relative !important;
        top: 0 !important;
    }
    .ksc-nav {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
    .ksc-data-grid,
    .ksc-info-grid,
    .ksc-payload-grid,
    .ksc-file-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 760px) {
    .ks-clean-staff {
        padding: 0 8px !important;
        margin-top: 12px !important;
    }
    .ksc-nav,
    .ksc-stats,
    .ksc-data-grid,
    .ksc-info-grid,
    .ksc-payload-grid,
    .ksc-file-grid,
    .ksc-grid-2 {
        grid-template-columns: 1fr !important;
    }
    .ksc-case-status {
        justify-content: flex-start !important;
    }
    .ksc-chat .ksc-msg.is-staff,
    .ksc-chat .ksc-msg.is-admin,
    .ksc-chat .ksc-msg.is-patient {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

/* --------------------------------------------------------------------------
   Setup 2.24 / Version 1.4.27
   Staff + Patient Portal modern responsive UI polish
   Data flow untouched: visual layer and patient layout hardening only.
-------------------------------------------------------------------------- */
:root {
    --ks-ui-bg: #f6f9fd;
    --ks-ui-surface: #ffffff;
    --ks-ui-surface-soft: #f9fbff;
    --ks-ui-line: #dfe8f3;
    --ks-ui-line-soft: #edf3f9;
    --ks-ui-text: #101828;
    --ks-ui-muted: #667085;
    --ks-ui-blue: #075fc0;
    --ks-ui-blue-2: #0b74de;
    --ks-ui-green: #0B5FCC;
    --ks-ui-red: #b42318;
    --ks-ui-amber: #a15c00;
    --ks-ui-shadow: 0 20px 55px rgba(15, 23, 42, .075);
    --ks-ui-shadow-soft: 0 12px 30px rgba(15, 23, 42, .055);
    --ks-ui-radius-xl: 28px;
    --ks-ui-radius-lg: 22px;
    --ks-ui-radius-md: 16px;
}

html body .cha-pcm-shortcode-root {
    width: 100% !important;
    max-width: none !important;
    overflow-x: clip !important;
}

html body .cha-pcm-shortcode-root *,
html body .cha-pcm-shortcode-root *::before,
html body .cha-pcm-shortcode-root *::after {
    box-sizing: border-box !important;
}

/* Staff Portal: premium app-like layout */
html body .cha-pcm-shortcode-root .ks-clean-staff {
    width: 100% !important;
    max-width: 1540px !important;
    margin: 22px auto 72px !important;
    padding: 0 18px !important;
    display: grid !important;
    grid-template-columns: 268px minmax(0, 1fr) !important;
    gap: 22px !important;
    align-items: start !important;
    color: var(--ks-ui-text) !important;
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-sidebar,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-main,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-panel,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-login-required {
    border: 1px solid var(--ks-ui-line-soft) !important;
    border-radius: var(--ks-ui-radius-xl) !important;
    box-shadow: var(--ks-ui-shadow-soft) !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-sidebar {
    position: sticky !important;
    top: 88px !important;
    padding: 16px !important;
    background:
        radial-gradient(circle at top left, rgba(11, 116, 222, .10), transparent 34%),
        linear-gradient(180deg, #ffffff 0%, #f9fbff 100%) !important;
    min-width: 0 !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-brand {
    display: grid !important;
    grid-template-columns: 44px minmax(0, 1fr) !important;
    column-gap: 12px !important;
    align-items: center !important;
    padding: 10px 8px 18px !important;
    margin: 0 0 12px !important;
    border-bottom: 1px solid var(--ks-ui-line-soft) !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-brand::before {
    content: "KS" !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    border-radius: 15px !important;
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: -.02em !important;
    background: linear-gradient(135deg, var(--ks-ui-blue) 0%, var(--ks-ui-blue-2) 100%) !important;
    box-shadow: 0 12px 24px rgba(7, 95, 192, .20) !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-brand strong {
    font-size: 17px !important;
    line-height: 1.12 !important;
    letter-spacing: -.03em !important;
    color: var(--ks-ui-text) !important;
    min-width: 0 !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-brand span {
    grid-column: 2 !important;
    color: var(--ks-ui-muted) !important;
    font-size: 12px !important;
    line-height: 1.3 !important;
    margin-top: 2px !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-nav {
    display: grid !important;
    gap: 7px !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-nav a {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    min-height: 45px !important;
    padding: 11px 12px !important;
    border: 1px solid transparent !important;
    border-radius: 16px !important;
    color: #344054 !important;
    background: transparent !important;
    text-decoration: none !important;
    font-size: 14px !important;
    font-weight: 540 !important;
    line-height: 1.2 !important;
    transform: none !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-nav a::before {
    content: "" !important;
    flex: 0 0 auto !important;
    width: 8px !important;
    height: 8px !important;
    border-radius: 999px !important;
    background: #c9d7e8 !important;
    transition: .18s ease !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-nav a:hover,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-nav a.is-active {
    color: var(--ks-ui-blue) !important;
    background: #eef6ff !important;
    border-color: #dcecff !important;
    box-shadow: inset 0 0 0 1px rgba(7, 95, 192, .04) !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-nav a:hover::before,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-nav a.is-active::before {
    background: var(--ks-ui-blue) !important;
    box-shadow: 0 0 0 4px rgba(7, 95, 192, .10) !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-logout {
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid var(--ks-ui-line-soft) !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-logout button {
    width: 100% !important;
    min-height: 44px !important;
    border: 1px solid var(--ks-ui-line) !important;
    border-radius: 16px !important;
    background: #ffffff !important;
    color: var(--ks-ui-blue) !important;
    font-weight: 570 !important;
    cursor: pointer !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-main {
    min-width: 0 !important;
    overflow: hidden !important;
    padding: clamp(16px, 2vw, 26px) !important;
    background:
        radial-gradient(circle at top right, rgba(7, 95, 192, .08), transparent 30%),
        var(--ks-ui-bg) !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-header,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-case-head,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-panel-head {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 16px !important;
    flex-wrap: wrap !important;
    margin: 0 0 18px !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-header h1,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-case-head h1 {
    margin: 0 !important;
    color: var(--ks-ui-text) !important;
    font-size: clamp(25px, 3vw, 38px) !important;
    line-height: 1.05 !important;
    letter-spacing: -.045em !important;
    overflow-wrap: anywhere !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-header p,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-case-head p,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-section-note,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-help {
    margin: 7px 0 0 !important;
    max-width: 820px !important;
    color: var(--ks-ui-muted) !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-panel {
    padding: clamp(16px, 1.7vw, 22px) !important;
    margin: 0 0 18px !important;
    background: rgba(255,255,255,.96) !important;
    overflow: hidden !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-panel h2 {
    margin: 0 0 12px !important;
    color: var(--ks-ui-text) !important;
    font-size: clamp(19px, 2vw, 24px) !important;
    line-height: 1.12 !important;
    letter-spacing: -.035em !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-stats {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 14px !important;
    margin: 0 0 18px !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-stats > article,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-stat {
    position: relative !important;
    overflow: hidden !important;
    padding: 18px !important;
    border: 1px solid var(--ks-ui-line-soft) !important;
    border-radius: 22px !important;
    background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%) !important;
    box-shadow: 0 10px 28px rgba(15, 23, 42, .045) !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-stats > article::after,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-stat::after {
    content: "" !important;
    position: absolute !important;
    right: -22px !important;
    top: -22px !important;
    width: 78px !important;
    height: 78px !important;
    border-radius: 999px !important;
    background: rgba(7, 95, 192, .07) !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-stats > article strong,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-stat strong {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    color: var(--ks-ui-text) !important;
    font-size: clamp(26px, 3vw, 36px) !important;
    letter-spacing: -.04em !important;
    line-height: .98 !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-stats > article span,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-stat span,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-stats > article small,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-stat small {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    color: var(--ks-ui-muted) !important;
    line-height: 1.35 !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-list {
    display: grid !important;
    gap: 10px !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-row,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-payment-card,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-doc-card,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-mini-record,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-option-box,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-msg,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-data-section {
    border: 1px solid var(--ks-ui-line-soft) !important;
    border-radius: 18px !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 15px !important;
    color: inherit !important;
    text-decoration: none !important;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff a.ksc-row:hover {
    border-color: #cfe3fb !important;
    box-shadow: 0 14px 30px rgba(7, 95, 192, .08) !important;
    transform: translateY(-1px) !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-row strong {
    margin: 0 0 4px !important;
    color: var(--ks-ui-text) !important;
    font-size: 15px !important;
    line-height: 1.3 !important;
    overflow-wrap: anywhere !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-row span,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-row small {
    display: block !important;
    color: var(--ks-ui-muted) !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
    overflow-wrap: anywhere !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-row-meta,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-case-status {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    min-width: 0 !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-search {
    display: flex !important;
    align-items: stretch !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
    margin: 0 0 16px !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-search input {
    flex: 1 1 420px !important;
    min-width: 0 !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff input,
html body .cha-pcm-shortcode-root .ks-clean-staff select,
html body .cha-pcm-shortcode-root .ks-clean-staff textarea {
    width: 100% !important;
    min-height: 44px !important;
    border: 1px solid #d9e5f2 !important;
    border-radius: 15px !important;
    background: #ffffff !important;
    color: var(--ks-ui-text) !important;
    padding: 11px 13px !important;
    font-size: 14px !important;
    outline: none !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff textarea {
    min-height: 96px !important;
    resize: vertical !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff input:focus,
html body .cha-pcm-shortcode-root .ks-clean-staff select:focus,
html body .cha-pcm-shortcode-root .ks-clean-staff textarea:focus {
    border-color: #99c6fb !important;
    box-shadow: 0 0 0 4px rgba(7, 95, 192, .10) !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-btn,
html body .cha-pcm-shortcode-root .ks-clean-staff button:not(.components-button) {
    appearance: none !important;
    min-height: 44px !important;
    border: 0 !important;
    border-radius: 15px !important;
    padding: 11px 15px !important;
    background: var(--ks-ui-blue) !important;
    color: #ffffff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    font-size: 14px !important;
    font-weight: 570 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transition: transform .18s ease, box-shadow .18s ease, background .18s ease !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-btn:hover,
html body .cha-pcm-shortcode-root .ks-clean-staff button:not(.components-button):hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 12px 24px rgba(7, 95, 192, .16) !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-btn--soft,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-btn.soft,
html body .cha-pcm-shortcode-root .ks-clean-staff button[name="ks_staff_payment_action"][value="reject"] {
    background: #eef6ff !important;
    color: var(--ks-ui-blue) !important;
    box-shadow: none !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-btn--success,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-btn.success {
    background: var(--ks-ui-green) !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-btn--danger,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-btn.danger,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-actions-row button[name="eligibility_decision"][value="not_eligible"] {
    background: var(--ks-ui-red) !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    max-width: 100% !important;
    padding: 6px 10px !important;
    border-radius: 999px !important;
    background: #f2f6fb !important;
    color: #344054 !important;
    font-size: 12px !important;
    font-weight: 570 !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-badge--success,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-badge.status-approved,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-badge.status-eligible,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-badge.status-treatment_started,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-badge.status-completed {
    background: #eafaf1 !important;
    color: var(--ks-ui-green) !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-badge--warning,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-badge.status-pending,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-badge.status-initial_payment_pending,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-badge.status-payment_pending,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-badge.status-treatment_selection_pending {
    background: #fff7e6 !important;
    color: var(--ks-ui-amber) !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-badge--danger,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-badge.status-rejected,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-badge.status-not_eligible,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-badge.status-treatment_declined {
    background: #fff1f0 !important;
    color: var(--ks-ui-red) !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-badge--info,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-badge.status-document_review,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-badge.status-doctor_review,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-badge.status-doctor_report_ready,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-badge.status-invoice_preparing,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-badge.status-treatment_payment_pending {
    background: #eef6ff !important;
    color: var(--ks-ui-blue) !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-flow {
    display: flex !important;
    gap: 8px !important;
    overflow-x: auto !important;
    padding: 4px 2px 16px !important;
    margin: 0 0 8px !important;
    scrollbar-width: thin !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-flow span {
    flex: 0 0 auto !important;
    padding: 9px 12px !important;
    border: 1px solid #dfe8f3 !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    color: #667085 !important;
    font-size: 12px !important;
    font-weight: 570 !important;
    white-space: nowrap !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-flow span.is-on,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-flow span.is-current {
    background: var(--ks-ui-blue) !important;
    color: #ffffff !important;
    border-color: var(--ks-ui-blue) !important;
    box-shadow: 0 10px 22px rgba(7, 95, 192, .18) !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-tabs {
    display: flex !important;
    gap: 9px !important;
    flex-wrap: wrap !important;
    margin: 0 0 18px !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-tabs a {
    padding: 10px 13px !important;
    border: 1px solid #dfe8f3 !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    color: #475467 !important;
    text-decoration: none !important;
    font-size: 13px !important;
    font-weight: 570 !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-tabs a.is-active {
    background: #101828 !important;
    color: #ffffff !important;
    border-color: #101828 !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-data-grid,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-info-grid,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-payload-grid,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-file-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-data-item,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-info-grid > div,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-payload-item,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-file-card {
    min-width: 0 !important;
    border: 1px solid var(--ks-ui-line-soft) !important;
    border-radius: 16px !important;
    background: #ffffff !important;
    padding: 14px !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-file-card {
    display: grid !important;
    gap: 5px !important;
    text-decoration: none !important;
    color: inherit !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-data-item strong,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-info-grid strong,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-payload-item strong,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-file-card strong {
    display: block !important;
    color: var(--ks-ui-text) !important;
    font-size: 14px !important;
    line-height: 1.42 !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-data-item span,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-info-grid span,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-payload-item span,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-file-card span,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-file-card em {
    display: block !important;
    color: var(--ks-ui-muted) !important;
    font-size: 12px !important;
    font-weight: 540 !important;
    line-height: 1.35 !important;
    overflow-wrap: anywhere !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-chat {
    display: grid !important;
    gap: 12px !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-msg {
    padding: 14px !important;
    max-width: 92% !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-msg.is-staff,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-msg.is-admin {
    margin-left: auto !important;
    background: #eef6ff !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-msg.is-patient {
    margin-right: auto !important;
    background: #fffaf0 !important;
}

/* Patient Portal: modern, friendlier and consistent across devices */
html body .cha-pcm-shortcode-root .ks-portal.ks-patient-portal-v108,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108,
html body .cha-pcm-shortcode-root .ks-patient-portal {
    width: 100% !important;
    max-width: 1460px !important;
    margin: 22px auto 72px !important;
    padding: 0 18px !important;
    color: var(--ks-ui-text) !important;
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
    background: transparent !important;
    overflow: visible !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-public-hero,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-public-hero {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 360px) !important;
    align-items: center !important;
    gap: 18px !important;
    margin: 0 0 18px !important;
    padding: clamp(22px, 3vw, 36px) !important;
    border: 1px solid #dfefff !important;
    border-radius: 30px !important;
    background:
        radial-gradient(circle at 90% 0%, rgba(11, 116, 222, .17), transparent 36%),
        linear-gradient(135deg, #ffffff 0%, #f1f8ff 100%) !important;
    box-shadow: var(--ks-ui-shadow-soft) !important;
    min-width: 0 !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-eyebrow,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-eyebrow {
    display: inline-flex !important;
    align-items: center !important;
    width: fit-content !important;
    padding: 7px 11px !important;
    border-radius: 999px !important;
    background: #eef6ff !important;
    color: var(--ks-ui-blue) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: .02em !important;
    margin-bottom: 12px !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-public-hero h1,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-public-hero h1 {
    margin: 0 !important;
    color: var(--ks-ui-text) !important;
    font-size: clamp(28px, 4vw, 46px) !important;
    line-height: 1.03 !important;
    letter-spacing: -.055em !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-public-hero p,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-public-hero p {
    max-width: 780px !important;
    margin: 12px 0 0 !important;
    color: var(--ks-ui-muted) !important;
    font-size: 15px !important;
    line-height: 1.62 !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-hero-card,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-hero-card {
    padding: 18px !important;
    border: 1px solid rgba(255,255,255,.75) !important;
    border-radius: 24px !important;
    background: rgba(255,255,255,.78) !important;
    box-shadow: 0 18px 42px rgba(7, 95, 192, .10) !important;
    backdrop-filter: blur(10px) !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-hero-card strong,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-hero-card strong {
    display: block !important;
    color: var(--ks-ui-text) !important;
    font-size: 18px !important;
    line-height: 1.25 !important;
    margin-bottom: 6px !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-hero-card span,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-hero-card span {
    display: block !important;
    color: var(--ks-ui-muted) !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-glass-panel,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-glass-panel,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-alert,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-alert {
    min-width: 0 !important;
    padding: clamp(16px, 2vw, 22px) !important;
    border: 1px solid var(--ks-ui-line-soft) !important;
    border-radius: 24px !important;
    background: #ffffff !important;
    box-shadow: var(--ks-ui-shadow-soft) !important;
    overflow: hidden !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-section-head,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-section-head {
    margin: 0 0 15px !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-section-head h2,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-section-head h2 {
    margin: 0 !important;
    color: var(--ks-ui-text) !important;
    font-size: clamp(20px, 2vw, 26px) !important;
    line-height: 1.12 !important;
    letter-spacing: -.04em !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-section-head p,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-section-head p {
    margin: 7px 0 0 !important;
    color: var(--ks-ui-muted) !important;
    font-size: 14px !important;
    line-height: 1.56 !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-case-summary-bar,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-case-summary-bar {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 12px !important;
    margin: 0 0 18px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-case-summary-bar > div,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-case-summary-bar > div {
    min-width: 0 !important;
    padding: 15px !important;
    border: 1px solid var(--ks-ui-line-soft) !important;
    border-radius: 20px !important;
    background: #ffffff !important;
    box-shadow: 0 10px 24px rgba(15, 23, 42, .045) !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-case-summary-bar span,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-case-summary-bar span {
    display: block !important;
    color: var(--ks-ui-muted) !important;
    font-size: 12px !important;
    font-weight: 570 !important;
    line-height: 1.35 !important;
    margin-bottom: 6px !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-case-summary-bar strong,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-case-summary-bar strong {
    display: block !important;
    color: var(--ks-ui-text) !important;
    font-size: 15px !important;
    line-height: 1.35 !important;
    overflow-wrap: anywhere !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-patient-workspace,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-patient-workspace {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 360px !important;
    gap: 18px !important;
    align-items: start !important;
    margin: 0 !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-patient-workspace > .ks-patient-main,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-patient-workspace > .ks-patient-main {
    grid-column: 1 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
    display: grid !important;
    gap: 18px !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-patient-workspace > .ks-patient-quick-panel,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-patient-workspace > .ks-patient-quick-panel {
    grid-column: 2 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
    display: grid !important;
    gap: 14px !important;
    position: sticky !important;
    top: 88px !important;
    align-self: start !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-patient-grid,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-patient-grid,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-patient-quick-grid,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-patient-quick-grid {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-lookup-card,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-lookup-card {
    max-width: 820px !important;
    margin: 0 auto 18px !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-clean-form,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-clean-form {
    display: grid !important;
    gap: 12px !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-two-col-form,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-two-col-form {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v108 label,
html body .cha-pcm-shortcode-root .ks-patient-portal label {
    display: grid !important;
    gap: 6px !important;
    color: var(--ks-ui-muted) !important;
    font-size: 12px !important;
    font-weight: 570 !important;
    min-width: 0 !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v108 input,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 textarea,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 select,
html body .cha-pcm-shortcode-root .ks-patient-portal input,
html body .cha-pcm-shortcode-root .ks-patient-portal textarea,
html body .cha-pcm-shortcode-root .ks-patient-portal select {
    width: 100% !important;
    min-height: 46px !important;
    border: 1px solid #d9e5f2 !important;
    border-radius: 16px !important;
    background: #ffffff !important;
    color: var(--ks-ui-text) !important;
    padding: 12px 13px !important;
    font-size: 14px !important;
    outline: none !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v108 textarea,
html body .cha-pcm-shortcode-root .ks-patient-portal textarea {
    min-height: 112px !important;
    resize: vertical !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v108 input:focus,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 textarea:focus,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 select:focus,
html body .cha-pcm-shortcode-root .ks-patient-portal input:focus,
html body .cha-pcm-shortcode-root .ks-patient-portal textarea:focus,
html body .cha-pcm-shortcode-root .ks-patient-portal select:focus {
    border-color: #99c6fb !important;
    box-shadow: 0 0 0 4px rgba(7, 95, 192, .10) !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v108 button,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-primary-button,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-full-button,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-muted-button,
html body .cha-pcm-shortcode-root .ks-patient-portal a.ks-primary-button,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-full-button,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-muted-button {
    appearance: none !important;
    min-height: 46px !important;
    border: 0 !important;
    border-radius: 16px !important;
    padding: 12px 16px !important;
    background: var(--ks-ui-blue) !important;
    color: #ffffff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    text-decoration: none !important;
    font-size: 14px !important;
    font-weight: 580 !important;
    line-height: 1.2 !important;
    cursor: pointer !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-muted-button,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-muted-button {
    background: #f2f6fb !important;
    color: #344054 !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-patient-steps,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-patient-steps {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 12px !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-step,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-step {
    position: relative !important;
    min-height: 112px !important;
    padding: 15px !important;
    border: 1px solid var(--ks-ui-line-soft) !important;
    border-radius: 18px !important;
    background: #ffffff !important;
    overflow: hidden !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-step::after,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-step::after {
    content: "" !important;
    position: absolute !important;
    right: -18px !important;
    top: -18px !important;
    width: 66px !important;
    height: 66px !important;
    border-radius: 999px !important;
    background: rgba(7, 95, 192, .06) !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-step.is-active,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-step.is-active {
    border-color: #b7d8ff !important;
    background: linear-gradient(180deg, #ffffff 0%, #eef6ff 100%) !important;
    box-shadow: 0 12px 28px rgba(7, 95, 192, .08) !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-step span,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-step span {
    display: block !important;
    width: 12px !important;
    height: 12px !important;
    border-radius: 999px !important;
    background: #c9d7e8 !important;
    margin-bottom: 12px !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-step.is-active span,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-step.is-active span {
    background: var(--ks-ui-blue) !important;
    box-shadow: 0 0 0 6px rgba(7, 95, 192, .12) !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-step strong,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-step strong {
    display: block !important;
    color: var(--ks-ui-text) !important;
    font-size: 14px !important;
    line-height: 1.3 !important;
    margin-bottom: 4px !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-step small,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-step small {
    color: var(--ks-ui-muted) !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-mini-list,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-message-list,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-timeline-list,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-mini-list,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-message-list,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-timeline-list,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-request-list,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-invoice-list,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-treatment-options {
    display: grid !important;
    gap: 10px !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-mini-list > div,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-timeline-list > div,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-request-card,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-invoice-card,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-treatment-card,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-mini-list > div,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-timeline-list > div {
    min-width: 0 !important;
    padding: 14px !important;
    border: 1px solid var(--ks-ui-line-soft) !important;
    border-radius: 18px !important;
    background: #ffffff !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-message-bubble,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-message-bubble {
    max-width: 92% !important;
    padding: 13px 14px !important;
    border: 1px solid var(--ks-ui-line-soft) !important;
    border-radius: 18px !important;
    background: #f8fbff !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-message-bubble--patient,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-message-bubble--patient {
    margin-left: auto !important;
    background: #eef6ff !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-message-bubble--staff,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-message-bubble--staff {
    margin-right: auto !important;
    background: #fffaf0 !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-message-bubble span,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-message-bubble small,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-mini-list small,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-invoice-card small,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-treatment-card small,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-message-bubble span,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-message-bubble small {
    display: block !important;
    color: var(--ks-ui-muted) !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-message-bubble p,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-message-bubble p {
    margin: 5px 0 !important;
    color: #344054 !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
    overflow-wrap: anywhere !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-invoice-card strong,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-treatment-card strong,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-mini-list strong,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-request-card strong,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-invoice-card strong,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-treatment-card strong,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-mini-list strong,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-request-card strong {
    display: block !important;
    color: var(--ks-ui-text) !important;
    font-size: 15px !important;
    line-height: 1.35 !important;
    overflow-wrap: anywhere !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-badge,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: fit-content !important;
    max-width: 100% !important;
    padding: 6px 10px !important;
    border-radius: 999px !important;
    background: #f2f6fb !important;
    color: #344054 !important;
    font-size: 12px !important;
    font-weight: 580 !important;
    line-height: 1.15 !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v108 a,
html body .cha-pcm-shortcode-root .ks-patient-portal a {
    overflow-wrap: anywhere !important;
}

@media (max-width: 1180px) {
    html body .cha-pcm-shortcode-root .ks-clean-staff {
        grid-template-columns: 1fr !important;
        max-width: 1020px !important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-sidebar {
        position: relative !important;
        top: 0 !important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-nav {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
    html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-patient-workspace,
    html body .cha-pcm-shortcode-root .ks-patient-portal .ks-patient-workspace {
        grid-template-columns: 1fr !important;
    }
    html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-patient-workspace > .ks-patient-main,
    html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-patient-workspace > .ks-patient-quick-panel,
    html body .cha-pcm-shortcode-root .ks-patient-portal .ks-patient-workspace > .ks-patient-main,
    html body .cha-pcm-shortcode-root .ks-patient-portal .ks-patient-workspace > .ks-patient-quick-panel {
        grid-column: 1 !important;
        grid-row: auto !important;
        position: relative !important;
        top: 0 !important;
    }
    html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-patient-workspace > .ks-patient-main,
    html body .cha-pcm-shortcode-root .ks-patient-portal .ks-patient-workspace > .ks-patient-main {
        order: 1 !important;
    }
    html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-patient-workspace > .ks-patient-quick-panel,
    html body .cha-pcm-shortcode-root .ks-patient-portal .ks-patient-workspace > .ks-patient-quick-panel {
        order: 2 !important;
    }
    html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-case-summary-bar,
    html body .cha-pcm-shortcode-root .ks-patient-portal .ks-case-summary-bar,
    html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-patient-steps,
    html body .cha-pcm-shortcode-root .ks-patient-portal .ks-patient-steps {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 760px) {
    html body .cha-pcm-shortcode-root .ks-clean-staff,
    html body .cha-pcm-shortcode-root .ks-portal.ks-patient-portal-v108,
    html body .cha-pcm-shortcode-root .ks-patient-portal-v108,
    html body .cha-pcm-shortcode-root .ks-patient-portal {
        padding: 0 10px !important;
        margin-top: 12px !important;
        margin-bottom: 46px !important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-sidebar,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-main,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-panel,
    html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-public-hero,
    html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-glass-panel,
    html body .cha-pcm-shortcode-root .ks-patient-portal .ks-public-hero,
    html body .cha-pcm-shortcode-root .ks-patient-portal .ks-glass-panel {
        border-radius: 20px !important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-nav {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-stats,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-data-grid,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-info-grid,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-payload-grid,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-file-grid,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-grid-2,
    html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-public-hero,
    html body .cha-pcm-shortcode-root .ks-patient-portal .ks-public-hero,
    html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-case-summary-bar,
    html body .cha-pcm-shortcode-root .ks-patient-portal .ks-case-summary-bar,
    html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-patient-steps,
    html body .cha-pcm-shortcode-root .ks-patient-portal .ks-patient-steps,
    html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-two-col-form,
    html body .cha-pcm-shortcode-root .ks-patient-portal .ks-two-col-form {
        grid-template-columns: 1fr !important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-header,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-case-head,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-row,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-payment-card header,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-doc-card header {
        display: grid !important;
        grid-template-columns: 1fr !important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-row-meta,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-case-status {
        justify-content: flex-start !important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-btn,
    html body .cha-pcm-shortcode-root .ks-clean-staff button:not(.components-button),
    html body .cha-pcm-shortcode-root .ks-patient-portal-v108 button,
    html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-primary-button,
    html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-full-button,
    html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-muted-button,
    html body .cha-pcm-shortcode-root .ks-patient-portal button,
    html body .cha-pcm-shortcode-root .ks-patient-portal .ks-primary-button,
    html body .cha-pcm-shortcode-root .ks-patient-portal .ks-full-button,
    html body .cha-pcm-shortcode-root .ks-patient-portal .ks-muted-button {
        width: 100% !important;
    }
    html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-message-bubble,
    html body .cha-pcm-shortcode-root .ks-patient-portal .ks-message-bubble,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-msg {
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

@media (max-width: 430px) {
    html body .cha-pcm-shortcode-root .ks-clean-staff,
    html body .cha-pcm-shortcode-root .ks-portal.ks-patient-portal-v108,
    html body .cha-pcm-shortcode-root .ks-patient-portal-v108,
    html body .cha-pcm-shortcode-root .ks-patient-portal {
        padding: 0 7px !important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-nav {
        grid-template-columns: 1fr !important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-main,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-sidebar,
    html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-public-hero,
    html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-glass-panel,
    html body .cha-pcm-shortcode-root .ks-patient-portal .ks-public-hero,
    html body .cha-pcm-shortcode-root .ks-patient-portal .ks-glass-panel {
        padding: 14px !important;
    }
}

/* =========================================================
   Setup 2.25 / Version 1.4.28
   Staff + Patient Portal final UI corrections
   - compact buttons / real checkboxes
   - cleaner case title sizing
   - patient portal right column repaired
   - treatment-option based invoice PDF upload cards
========================================================= */
html body .cha-pcm-shortcode-root .ks-clean-staff {
    width: min(1640px, calc(100vw - 36px)) !important;
    grid-template-columns: 260px minmax(0, 1fr) !important;
    gap: 20px !important;
    align-items: start !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-sidebar,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-main,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-panel {
    border-radius: 22px !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-main {
    padding: clamp(18px, 2vw, 26px) !important;
    overflow: visible !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-case-head h1 {
    font-size: clamp(24px, 2.1vw, 34px) !important;
    line-height: 1.08 !important;
    letter-spacing: -.035em !important;
    overflow-wrap: anywhere !important;
    max-width: 100% !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-header h1 {
    font-size: clamp(24px, 2.4vw, 36px) !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-case-head p,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-header p {
    font-size: 14px !important;
    line-height: 1.55 !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-flow {
    scrollbar-width: thin !important;
    padding-bottom: 10px !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-flow span {
    padding: 8px 10px !important;
    font-size: 12px !important;
    line-height: 1.15 !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-tabs a {
    padding: 9px 12px !important;
    font-size: 13px !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-grid-2.ksc-treatment-grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    align-items: start !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-wide-panel {
    grid-column: 1 / -1 !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-form,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-mini-form,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-doc-form,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-user-form {
    gap: 12px !important;
    margin: 0 !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-compact-form {
    margin-top: 12px !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-form label,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-mini-form label,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-doc-form label {
    margin: 0 !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff input[type="checkbox"],
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-check input[type="checkbox"] {
    appearance: auto !important;
    -webkit-appearance: checkbox !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    min-height: 18px !important;
    max-width: 18px !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 4px !important;
    display: inline-block !important;
    vertical-align: middle !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-check {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 9px !important;
    width: fit-content !important;
    max-width: 100% !important;
    padding: 8px 0 !important;
    color: #344054 !important;
    font-size: 13px !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-check span {
    margin: 0 !important;
    color: #344054 !important;
    font-size: 13px !important;
    font-weight: 540 !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-btn,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-form button,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-inline-form button,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-mini-form button,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-doc-form button,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-payment-actions button,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-user-form button {
    width: auto !important;
    min-width: 128px !important;
    max-width: 360px !important;
    min-height: 40px !important;
    padding: 10px 16px !important;
    border-radius: 13px !important;
    font-size: 13px !important;
    justify-self: start !important;
    box-shadow: none !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-invoice-upload-form button,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-publish-invoice-form button,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-inline-action-form button {
    margin-top: 4px !important;
    max-width: 420px !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-publish-invoice-form {
    margin-top: 16px !important;
    padding-top: 16px !important;
    border-top: 1px solid #edf2f7 !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-actions-row,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-payment-actions {
    gap: 10px !important;
    align-items: flex-start !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-payment-actions .ksc-inline-form {
    flex: 1 1 260px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 8px !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-invoice-option-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;
    margin-top: 14px !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-invoice-option-card {
    min-width: 0 !important;
    padding: 16px !important;
    border: 1px solid #e3ebf5 !important;
    border-radius: 20px !important;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-invoice-option-head {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin-bottom: 12px !important;
    padding-bottom: 12px !important;
    border-bottom: 1px solid #edf2f7 !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-invoice-option-head span,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-invoice-option-head em {
    display: block !important;
    color: #667085 !important;
    font-size: 12px !important;
    font-style: normal !important;
    font-weight: 540 !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-invoice-option-head strong {
    display: block !important;
    color: #101828 !important;
    font-size: 18px !important;
    line-height: 1.25 !important;
    margin-top: 3px !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-invoice-current {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin-bottom: 14px !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-invoice-current > div {
    min-width: 0 !important;
    padding: 12px !important;
    border: 1px solid #e8eef6 !important;
    border-radius: 16px !important;
    background: #ffffff !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-invoice-current strong,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-invoice-current span,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-invoice-current a {
    display: block !important;
    overflow-wrap: anywhere !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-invoice-current strong {
    color: #101828 !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-invoice-current span,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-invoice-current a {
    color: #667085 !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
    margin-top: 5px !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-invoice-current a {
    color: #075fc0 !important;
    font-weight: 570 !important;
    text-decoration: none !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-invoice-upload-form input[type="file"] {
    min-height: 44px !important;
    padding: 9px 11px !important;
}

/* Patient portal: force one clean main column + one real right panel, never squeezed mini columns. */
html body .cha-pcm-shortcode-root .ks-portal.ks-patient-portal-v108,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108,
html body .cha-pcm-shortcode-root .ks-patient-portal {
    width: min(1480px, calc(100vw - 36px)) !important;
    max-width: min(1480px, calc(100vw - 36px)) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    overflow-x: hidden !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-public-hero h1,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-public-hero h1 {
    font-size: clamp(28px, 3.1vw, 42px) !important;
    line-height: 1.08 !important;
    letter-spacing: -.048em !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-patient-workspace,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-patient-workspace {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 380px) !important;
    gap: 18px !important;
    align-items: start !important;
    width: 100% !important;
    margin: 0 !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-patient-workspace > .ks-patient-main,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-patient-workspace > .ks-patient-main {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
    display: grid !important;
    gap: 18px !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-patient-workspace > .ks-patient-quick-panel,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-patient-workspace > .ks-patient-quick-panel {
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    align-items: start !important;
    position: sticky !important;
    top: 86px !important;
    margin: 0 !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-patient-quick-panel > .ks-glass-panel,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-patient-quick-panel > .ks-glass-panel {
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    display: block !important;
    padding: 16px !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-patient-quick-panel .ks-section-head h2,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-patient-quick-panel .ks-section-head h2 {
    font-size: 19px !important;
    line-height: 1.2 !important;
    letter-spacing: -.025em !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-patient-quick-panel .ks-section-head p,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-patient-quick-panel .ks-section-head p {
    font-size: 13px !important;
    line-height: 1.5 !important;
    word-break: normal !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-patient-quick-panel .ks-mini-list,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-patient-quick-panel .ks-message-list,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-patient-quick-panel .ks-timeline-list,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-patient-quick-panel .ks-mini-list,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-patient-quick-panel .ks-message-list,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-patient-quick-panel .ks-timeline-list {
    max-height: 240px !important;
    overflow: auto !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-patient-steps,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-patient-steps {
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)) !important;
    gap: 12px !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-step,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-step {
    min-height: 104px !important;
    padding: 14px !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-step strong,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-step strong,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-treatment-card strong,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-treatment-card strong {
    word-break: normal !important;
    overflow-wrap: break-word !important;
    hyphens: none !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-clean-form button,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-primary-button,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-full-button,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-muted-button,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-clean-form button,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-primary-button,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-full-button,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-muted-button {
    width: auto !important;
    min-width: 150px !important;
    max-width: 100% !important;
    border-radius: 14px !important;
    min-height: 42px !important;
    padding: 10px 15px !important;
    justify-self: start !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-lookup-card .ks-full-button,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-lookup-card .ks-full-button {
    width: 100% !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-case-summary-bar strong,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-case-summary-bar strong {
    font-size: 14px !important;
}

@media (max-width: 1240px) {
    html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-patient-workspace,
    html body .cha-pcm-shortcode-root .ks-patient-portal .ks-patient-workspace {
        grid-template-columns: 1fr !important;
    }
    html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-patient-workspace > .ks-patient-main,
    html body .cha-pcm-shortcode-root .ks-patient-portal .ks-patient-workspace > .ks-patient-main {
        grid-column: 1 !important;
        grid-row: 1 !important;
        order: 1 !important;
    }
    html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-patient-workspace > .ks-patient-quick-panel,
    html body .cha-pcm-shortcode-root .ks-patient-portal .ks-patient-workspace > .ks-patient-quick-panel {
        grid-column: 1 !important;
        grid-row: 2 !important;
        position: relative !important;
        top: auto !important;
        order: 2 !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 960px) {
    html body .cha-pcm-shortcode-root .ks-clean-staff {
        grid-template-columns: 1fr !important;
        width: min(100%, calc(100vw - 18px)) !important;
        margin-top: 12px !important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-sidebar {
        position: relative !important;
        top: 0 !important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-nav {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-grid-2.ksc-treatment-grid,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-invoice-option-grid,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-invoice-current,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-info-grid,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-payload-grid,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-data-grid,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-file-grid,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-stats {
        grid-template-columns: 1fr !important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-payment-actions .ksc-inline-form {
        grid-template-columns: 1fr !important;
    }
    html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-case-summary-bar,
    html body .cha-pcm-shortcode-root .ks-patient-portal .ks-case-summary-bar {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 680px) {
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-btn,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-form button,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-inline-form button,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-mini-form button,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-doc-form button,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-payment-actions button,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-user-form button,
    html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-clean-form button,
    html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-primary-button,
    html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-full-button,
    html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-muted-button,
    html body .cha-pcm-shortcode-root .ks-patient-portal .ks-clean-form button,
    html body .cha-pcm-shortcode-root .ks-patient-portal .ks-primary-button,
    html body .cha-pcm-shortcode-root .ks-patient-portal .ks-full-button,
    html body .cha-pcm-shortcode-root .ks-patient-portal .ks-muted-button {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-nav,
    html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-patient-workspace > .ks-patient-quick-panel,
    html body .cha-pcm-shortcode-root .ks-patient-portal .ks-patient-workspace > .ks-patient-quick-panel,
    html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-case-summary-bar,
    html body .cha-pcm-shortcode-root .ks-patient-portal .ks-case-summary-bar {
        grid-template-columns: 1fr !important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-case-head h1 {
        font-size: 25px !important;
    }
    html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-public-hero h1,
    html body .cha-pcm-shortcode-root .ks-patient-portal .ks-public-hero h1 {
        font-size: 30px !important;
    }
}

/* =========================================================
   Setup 2.26 / Version 1.4.29
   Responsive containment repair for /staff-portal and /patient-portal
   - removes full-bleed transform clipping inside WordPress page containers
   - prevents dashboard/list/action cards from overflowing
   - stacks patient workspace at safe laptop widths
   - restores normal word wrapping so labels do not break letter-by-letter
========================================================= */
body.cha-pcm-page,
html.cha-pcm-has-portal body {
    overflow-x: hidden !important;
}

body.cha-pcm-page .entry-content,
body.cha-pcm-page .wp-block-post-content,
body.cha-pcm-page .page-content,
body.cha-pcm-page main,
body.cha-pcm-page article,
.cha-pcm-shortcode-root {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: visible !important;
}

html body .cha-pcm-shortcode-root > .ks-portal,
html body .cha-pcm-shortcode-root .ks-portal.ks-patient-portal-v108,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108,
html body .cha-pcm-shortcode-root .ks-patient-portal,
html body .cha-pcm-shortcode-root .ks-clean-staff {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    width: 100% !important;
    max-width: 1320px !important;
    min-width: 0 !important;
    margin: 24px auto 56px !important;
    box-sizing: border-box !important;
    contain: none !important;
    overflow: visible !important;
}

html body .cha-pcm-shortcode-root .ks-portal.ks-patient-portal-v108,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108,
html body .cha-pcm-shortcode-root .ks-patient-portal {
    padding: clamp(12px, 1.4vw, 20px) !important;
    border-radius: 26px !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff {
    display: grid !important;
    grid-template-columns: 244px minmax(0, 1fr) !important;
    gap: 20px !important;
    align-items: start !important;
    padding: 0 !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff,
html body .cha-pcm-shortcode-root .ks-clean-staff *,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 *,
html body .cha-pcm-shortcode-root .ks-patient-portal,
html body .cha-pcm-shortcode-root .ks-patient-portal * {
    box-sizing: border-box !important;
    min-width: 0 !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff h1,
html body .cha-pcm-shortcode-root .ks-clean-staff h2,
html body .cha-pcm-shortcode-root .ks-clean-staff h3,
html body .cha-pcm-shortcode-root .ks-clean-staff h4,
html body .cha-pcm-shortcode-root .ks-clean-staff p,
html body .cha-pcm-shortcode-root .ks-clean-staff span,
html body .cha-pcm-shortcode-root .ks-clean-staff strong,
html body .cha-pcm-shortcode-root .ks-clean-staff small,
html body .cha-pcm-shortcode-root .ks-clean-staff em,
html body .cha-pcm-shortcode-root .ks-clean-staff label,
html body .cha-pcm-shortcode-root .ks-clean-staff button,
html body .cha-pcm-shortcode-root .ks-clean-staff a,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 h1,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 h2,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 h3,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 h4,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 p,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 span,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 strong,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 small,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 em,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 label,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 button,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 a,
html body .cha-pcm-shortcode-root .ks-patient-portal h1,
html body .cha-pcm-shortcode-root .ks-patient-portal h2,
html body .cha-pcm-shortcode-root .ks-patient-portal h3,
html body .cha-pcm-shortcode-root .ks-patient-portal h4,
html body .cha-pcm-shortcode-root .ks-patient-portal p,
html body .cha-pcm-shortcode-root .ks-patient-portal span,
html body .cha-pcm-shortcode-root .ks-patient-portal strong,
html body .cha-pcm-shortcode-root .ks-patient-portal small,
html body .cha-pcm-shortcode-root .ks-patient-portal em,
html body .cha-pcm-shortcode-root .ks-patient-portal label,
html body .cha-pcm-shortcode-root .ks-patient-portal button,
html body .cha-pcm-shortcode-root .ks-patient-portal a {
    word-break: normal !important;
    overflow-wrap: break-word !important;
    hyphens: none !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff a[href*="uploads"],
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-file-url,
html body .cha-pcm-shortcode-root .ks-clean-staff code,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 a[href*="uploads"],
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 code,
html body .cha-pcm-shortcode-root .ks-patient-portal a[href*="uploads"],
html body .cha-pcm-shortcode-root .ks-patient-portal code {
    overflow-wrap: anywhere !important;
}

/* Staff portal safe containment */
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-sidebar {
    width: 100% !important;
    max-width: 244px !important;
    position: sticky !important;
    top: 86px !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-main {
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
    padding: clamp(16px, 1.7vw, 22px) !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-header,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-case-head,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-panel-head {
    width: 100% !important;
    max-width: 100% !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-header h1,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-case-head h1 {
    font-size: clamp(25px, 2.5vw, 34px) !important;
    line-height: 1.08 !important;
    letter-spacing: -.04em !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-stats {
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)) !important;
    gap: 12px !important;
    width: 100% !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-list,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-panel,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-detail-sections,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-grid-2,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-treatment-grid,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-invoice-option-grid {
    width: 100% !important;
    max-width: 100% !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: start !important;
    gap: 10px !important;
    overflow: hidden !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-row > div,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-row-meta {
    min-width: 0 !important;
    max-width: 100% !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-row-meta {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    align-items: center !important;
    gap: 8px !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-badge {
    max-width: 100% !important;
    white-space: normal !important;
    line-height: 1.25 !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-search {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto auto !important;
    gap: 10px !important;
    width: 100% !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-flow,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-tabs {
    display: flex !important;
    flex-wrap: wrap !important;
    overflow: visible !important;
    gap: 9px !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-flow span,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-tabs a {
    flex: 0 1 auto !important;
    max-width: 100% !important;
    white-space: normal !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-grid-2.ksc-treatment-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-form,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-mini-form,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-doc-form,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-user-form,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-invoice-upload-form,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-publish-invoice-form {
    width: 100% !important;
    max-width: 100% !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff input,
html body .cha-pcm-shortcode-root .ks-clean-staff select,
html body .cha-pcm-shortcode-root .ks-clean-staff textarea,
html body .cha-pcm-shortcode-root .ks-clean-staff input[type="file"] {
    width: 100% !important;
    max-width: 100% !important;
}

/* Patient portal safe containment */
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-public-hero,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-public-hero {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 340px) !important;
    gap: 18px !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-public-hero h1,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-public-hero h1 {
    font-size: clamp(27px, 2.7vw, 38px) !important;
    line-height: 1.1 !important;
    letter-spacing: -.045em !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-case-summary-bar,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-case-summary-bar {
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)) !important;
    gap: 12px !important;
    width: 100% !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-patient-workspace,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-patient-workspace {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 340px) !important;
    gap: 18px !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-patient-workspace > .ks-patient-main,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-patient-workspace > .ks-patient-main {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
    order: 1 !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-patient-workspace > .ks-patient-quick-panel,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-patient-workspace > .ks-patient-quick-panel {
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
    order: 2 !important;
    position: sticky !important;
    top: 86px !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-patient-steps,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-patient-steps {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;
    gap: 12px !important;
    width: 100% !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-step,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-step {
    min-height: 104px !important;
    overflow: hidden !important;
}

@media (max-width: 1360px) {
    html body .cha-pcm-shortcode-root .ks-clean-staff {
        max-width: 1180px !important;
        grid-template-columns: 232px minmax(0, 1fr) !important;
        gap: 18px !important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-sidebar {
        max-width: 232px !important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-grid-2.ksc-treatment-grid,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-invoice-option-grid {
        grid-template-columns: 1fr !important;
    }
    html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-patient-workspace,
    html body .cha-pcm-shortcode-root .ks-patient-portal .ks-patient-workspace {
        grid-template-columns: 1fr !important;
    }
    html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-patient-workspace > .ks-patient-main,
    html body .cha-pcm-shortcode-root .ks-patient-portal .ks-patient-workspace > .ks-patient-main {
        grid-column: 1 !important;
        grid-row: 1 !important;
    }
    html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-patient-workspace > .ks-patient-quick-panel,
    html body .cha-pcm-shortcode-root .ks-patient-portal .ks-patient-workspace > .ks-patient-quick-panel {
        grid-column: 1 !important;
        grid-row: 2 !important;
        position: relative !important;
        top: auto !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 1100px) {
    html body .cha-pcm-shortcode-root .ks-clean-staff {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
        max-width: 100% !important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-sidebar {
        max-width: 100% !important;
        position: relative !important;
        top: auto !important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-nav {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        display: grid !important;
    }
    html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-public-hero,
    html body .cha-pcm-shortcode-root .ks-patient-portal .ks-public-hero {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 720px) {
    html body .cha-pcm-shortcode-root > .ks-portal,
    html body .cha-pcm-shortcode-root .ks-portal.ks-patient-portal-v108,
    html body .cha-pcm-shortcode-root .ks-patient-portal-v108,
    html body .cha-pcm-shortcode-root .ks-patient-portal,
    html body .cha-pcm-shortcode-root .ks-clean-staff {
        width: 100% !important;
        max-width: 100% !important;
        margin: 12px auto 36px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-main,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-sidebar,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-panel,
    html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-public-hero,
    html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-glass-panel,
    html body .cha-pcm-shortcode-root .ks-patient-portal .ks-public-hero,
    html body .cha-pcm-shortcode-root .ks-patient-portal .ks-glass-panel {
        border-radius: 18px !important;
        padding: 15px !important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-nav,
    html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-patient-workspace > .ks-patient-quick-panel,
    html body .cha-pcm-shortcode-root .ks-patient-portal .ks-patient-workspace > .ks-patient-quick-panel,
    html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-case-summary-bar,
    html body .cha-pcm-shortcode-root .ks-patient-portal .ks-case-summary-bar,
    html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-patient-steps,
    html body .cha-pcm-shortcode-root .ks-patient-portal .ks-patient-steps,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-search,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-stats {
        grid-template-columns: 1fr !important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-header h1,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-case-head h1,
    html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-public-hero h1,
    html body .cha-pcm-shortcode-root .ks-patient-portal .ks-public-hero h1 {
        font-size: 27px !important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-btn,
    html body .cha-pcm-shortcode-root .ks-clean-staff button,
    html body .cha-pcm-shortcode-root .ks-patient-portal-v108 button,
    html body .cha-pcm-shortcode-root .ks-patient-portal .ks-full-button,
    html body .cha-pcm-shortcode-root .ks-patient-portal button {
        width: 100% !important;
        max-width: 100% !important;
    }
}


/* =========================================================
   Setup 2.27 / Version 1.4.30
   Staff login redesign + patient application details panel
   - preserves data flow
   - exposes Form 13 patient-facing summary in patient portal
   - hardens staff-login responsive shell without breaking portal layout
========================================================= */
html body .cha-pcm-shortcode-root .ks-auth-portal-v109 {
    --ks-login-navy: #0b2f72;
    --ks-login-blue: #1167c9;
    --ks-login-teal: #0B5FCC;
    --ks-login-text: #081a3a;
    --ks-login-muted: #58708f;
    --ks-login-line: #dce9f7;
    position: relative !important;
    left: auto !important;
    transform: none !important;
    width: min(1180px, calc(100vw - 32px)) !important;
    max-width: min(1180px, calc(100vw - 32px)) !important;
    margin: 34px auto 70px !important;
    padding: 0 !important;
    border-radius: 0 !important;
    overflow: visible !important;
    contain: none !important;
    background: transparent !important;
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v109,
html body .cha-pcm-shortcode-root .ks-auth-portal-v109 * {
    box-sizing: border-box !important;
    min-width: 0 !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v109 .ks-login-shell-v109 {
    min-height: auto !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1.05fr) minmax(360px, 430px) !important;
    align-items: center !important;
    gap: 22px !important;
    width: 100% !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v109 .ks-login-brand-v109,
html body .cha-pcm-shortcode-root .ks-auth-portal-v109 .ks-login-card-v109 {
    border: 1px solid var(--ks-login-line) !important;
    border-radius: 30px !important;
    background: #ffffff !important;
    box-shadow: 0 24px 64px rgba(8, 26, 58, .08) !important;
    overflow: hidden !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v109 .ks-login-brand-v109 {
    min-height: 520px !important;
    padding: clamp(28px, 4vw, 48px) !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    position: relative !important;
    background:
        radial-gradient(circle at 82% 16%, rgba(17, 103, 201, .14), transparent 32%),
        radial-gradient(circle at 96% 96%, rgba(11, 95, 204, .14), transparent 34%),
        linear-gradient(180deg, #ffffff 0%, #f7fbff 100%) !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v109 .ks-login-brand-v109::before {
    content: "" !important;
    position: absolute !important;
    inset: auto -70px -90px auto !important;
    width: 260px !important;
    height: 260px !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, rgba(17, 103, 201, .13), rgba(11, 95, 204, .12)) !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v109 .ks-eyebrow {
    display: inline-flex !important;
    align-items: center !important;
    width: fit-content !important;
    max-width: 100% !important;
    padding: 8px 14px !important;
    border-radius: 999px !important;
    background: #eaf8f8 !important;
    color: #006b68 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v109 .ks-login-brand-v109 h1 {
    max-width: 620px !important;
    margin: 28px 0 16px !important;
    color: var(--ks-login-navy) !important;
    font-size: clamp(38px, 5vw, 58px) !important;
    line-height: .98 !important;
    letter-spacing: -.06em !important;
    text-wrap: balance !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v109 .ks-login-brand-v109 p {
    max-width: 650px !important;
    margin: 0 !important;
    color: var(--ks-login-muted) !important;
    font-size: 16px !important;
    line-height: 1.7 !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v109 .ks-login-features {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
    position: relative !important;
    z-index: 1 !important;
    margin-top: 28px !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v109 .ks-login-features div {
    min-height: 116px !important;
    padding: 16px !important;
    border: 1px solid #e5eef8 !important;
    border-radius: 18px !important;
    background: rgba(255, 255, 255, .82) !important;
    box-shadow: 0 12px 30px rgba(8, 26, 58, .045) !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v109 .ks-login-features strong {
    display: block !important;
    margin: 0 0 7px !important;
    color: var(--ks-login-navy) !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
    font-weight: 600 !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v109 .ks-login-features span {
    display: block !important;
    color: var(--ks-login-muted) !important;
    font-size: 12px !important;
    line-height: 1.48 !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v109 .ks-login-card-v109 {
    align-self: center !important;
    padding: clamp(24px, 3vw, 34px) !important;
    background:
        linear-gradient(180deg, #ffffff 0%, #fbfdff 100%) !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v109 .ks-login-card-head {
    display: grid !important;
    grid-template-columns: 52px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 14px !important;
    margin: 0 0 22px !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v109 .ks-login-icon {
    width: 52px !important;
    height: 52px !important;
    border-radius: 17px !important;
    background:#FFFFFF !important;
    color: #fff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: .03em !important;
    box-shadow: 0 14px 26px rgba(17, 103, 201, .22) !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v109 .ks-login-card-head h2 {
    margin: 0 0 5px !important;
    color: var(--ks-login-text) !important;
    font-size: 23px !important;
    line-height: 1.15 !important;
    letter-spacing: -.035em !important;
    word-spacing: .04em !important;
    white-space: normal !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v109 .ks-login-card-head p {
    margin: 0 !important;
    color: var(--ks-login-muted) !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v109 .ks-clean-form,
html body .cha-pcm-shortcode-root .ks-auth-portal-v109 .ks-auth-form-pro {
    display: grid !important;
    gap: 12px !important;
    width: 100% !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v109 .ks-clean-form label {
    display: grid !important;
    gap: 7px !important;
    color: #29466d !important;
    font-size: 12px !important;
    font-weight: 580 !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v109 input[type="text"],
html body .cha-pcm-shortcode-root .ks-auth-portal-v109 input[type="email"],
html body .cha-pcm-shortcode-root .ks-auth-portal-v109 input[type="password"] {
    width: 100% !important;
    min-height: 50px !important;
    padding: 12px 14px !important;
    border: 1px solid #d8e6f5 !important;
    border-radius: 16px !important;
    background: #ffffff !important;
    color: var(--ks-login-text) !important;
    font-size: 14px !important;
    outline: none !important;
    box-shadow: none !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v109 input:focus {
    border-color: rgba(17, 103, 201, .55) !important;
    box-shadow: 0 0 0 4px rgba(17, 103, 201, .10) !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v109 .ks-checkline {
    display: inline-flex !important;
    align-items: center !important;
    gap: 9px !important;
    width: fit-content !important;
    color: #4f6683 !important;
    font-size: 13px !important;
    font-weight: 540 !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v109 input[type="checkbox"] {
    appearance: auto !important;
    -webkit-appearance: checkbox !important;
    width: 17px !important;
    height: 17px !important;
    min-width: 17px !important;
    min-height: 17px !important;
    margin: 0 !important;
    padding: 0 !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v109 .ks-full-button,
html body .cha-pcm-shortcode-root .ks-auth-portal-v109 button,
html body .cha-pcm-shortcode-root .ks-auth-portal-v109 .ks-primary-button,
html body .cha-pcm-shortcode-root .ks-auth-portal-v109 .ks-secondary-button {
    width: 100% !important;
    min-height: 48px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 12px 16px !important;
    border-radius: 15px !important;
    border: 0 !important;
    background: linear-gradient(135deg, #0b67cc 0%, #087f78 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    cursor: pointer !important;
    box-shadow: 0 14px 30px rgba(17, 103, 201, .16) !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v109 .ks-secondary-button,
html body .cha-pcm-shortcode-root .ks-auth-portal-v109 .ks-auth-logout-form button {
    background: #ffffff !important;
    color: var(--ks-login-navy) !important;
    border: 1px solid #d8e6f5 !important;
    box-shadow: none !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v109 .ks-alert {
    border-radius: 17px !important;
    padding: 15px 16px !important;
    margin: 0 0 16px !important;
    border: 1px solid #c7f2d5 !important;
    box-shadow: none !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v109 .ks-alert strong {
    display: block !important;
    margin: 0 0 5px !important;
    color: var(--ks-login-navy) !important;
    font-size: 15px !important;
    line-height: 1.25 !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v109 .ks-alert p {
    margin: 0 !important;
    color: var(--ks-login-muted) !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v109 .ks-forgot-pro {
    margin-top: 14px !important;
    padding: 14px !important;
    border: 1px solid #e3edf8 !important;
    border-radius: 17px !important;
    background: #f8fbff !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v109 .ks-forgot-pro summary {
    color: var(--ks-login-navy) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v109 .ks-auth-small-note,
html body .cha-pcm-shortcode-root .ks-auth-portal-v109 .ks-auth-small-note a {
    color: var(--ks-login-muted) !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
}

/* Patient portal application summary from Form 13 */
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-patient-application-panel,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-patient-application-panel {
    border-color: #dfefff !important;
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%) !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-form11-detail-grid,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-form11-detail-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-form11-detail-grid > div,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-form11-detail-grid > div {
    min-width: 0 !important;
    padding: 13px !important;
    border: 1px solid #e6eef7 !important;
    border-radius: 16px !important;
    background: #ffffff !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-form11-detail-grid span,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-form11-detail-grid span,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-form11-file-row span,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-form11-file-row span {
    display: block !important;
    margin: 0 0 6px !important;
    color: #667b99 !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    text-transform: uppercase !important;
    letter-spacing: .035em !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-form11-detail-grid strong,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-form11-detail-grid strong {
    display: block !important;
    color: #081a3a !important;
    font-size: 14px !important;
    font-weight: 580 !important;
    line-height: 1.45 !important;
    overflow-wrap: anywhere !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-form11-file-list,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-form11-file-list {
    margin-top: 16px !important;
    display: grid !important;
    gap: 10px !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-form11-file-list h3,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-form11-file-list h3 {
    margin: 0 0 4px !important;
    color: #081a3a !important;
    font-size: 18px !important;
    line-height: 1.25 !important;
    letter-spacing: -.025em !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-form11-file-row,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-form11-file-row {
    display: grid !important;
    grid-template-columns: minmax(180px, .34fr) minmax(0, 1fr) !important;
    gap: 10px !important;
    align-items: center !important;
    padding: 13px !important;
    border: 1px solid #e6eef7 !important;
    border-radius: 16px !important;
    background: #ffffff !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-form11-file-row div,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-form11-file-row div {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-form11-file-row a,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-form11-file-row a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 34px !important;
    padding: 8px 12px !important;
    border-radius: 999px !important;
    background: #eef6ff !important;
    color: #075fc0 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

/* Final responsive safeguards for login + patient application panel */
@media (max-width: 980px) {
    html body .cha-pcm-shortcode-root .ks-auth-portal-v109 .ks-login-shell-v109 {
        grid-template-columns: 1fr !important;
    }
    html body .cha-pcm-shortcode-root .ks-auth-portal-v109 .ks-login-brand-v109 {
        min-height: auto !important;
    }
    html body .cha-pcm-shortcode-root .ks-auth-portal-v109 .ks-login-features {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}
@media (max-width: 720px) {
    html body .cha-pcm-shortcode-root .ks-auth-portal-v109 {
        width: min(100%, calc(100vw - 18px)) !important;
        max-width: min(100%, calc(100vw - 18px)) !important;
        margin-top: 14px !important;
    }
    html body .cha-pcm-shortcode-root .ks-auth-portal-v109 .ks-login-brand-v109,
    html body .cha-pcm-shortcode-root .ks-auth-portal-v109 .ks-login-card-v109 {
        border-radius: 22px !important;
        padding: 20px !important;
    }
    html body .cha-pcm-shortcode-root .ks-auth-portal-v109 .ks-login-brand-v109 h1 {
        font-size: 34px !important;
    }
    html body .cha-pcm-shortcode-root .ks-auth-portal-v109 .ks-login-features,
    html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-form11-detail-grid,
    html body .cha-pcm-shortcode-root .ks-patient-portal .ks-form11-detail-grid,
    html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-form11-file-row,
    html body .cha-pcm-shortcode-root .ks-patient-portal .ks-form11-file-row {
        grid-template-columns: 1fr !important;
    }
}


/* Setup 2.28 / Version 1.4.31 — patient treatment plan visibility + softer design */
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-treatment-options,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-treatment-options {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(240px, 1fr)) !important;
    gap: 14px !important;
    width: 100% !important;
    max-width: 100% !important;
    align-items: stretch !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-treatment-card,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-treatment-card {
    display: flex !important;
    flex-direction: column !important;
    min-height: 0 !important;
    padding: clamp(16px, 1.8vw, 22px) !important;
    border: 1px solid #e4edf8 !important;
    border-radius: 22px !important;
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%) !important;
    box-shadow: 0 16px 38px rgba(8, 31, 67, .045) !important;
    overflow: hidden !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-treatment-card-top,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-treatment-card-top {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    margin-bottom: 12px !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-treatment-location,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-treatment-location,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-treatment-card > span,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-treatment-card > span {
    display: inline-flex !important;
    width: auto !important;
    max-width: max-content !important;
    margin: 0 !important;
    padding: 6px 11px !important;
    border-radius: 999px !important;
    background: #eef6ff !important;
    color: #075fc0 !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    letter-spacing: .02em !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-treatment-card em,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-treatment-card em {
    display: inline-flex !important;
    padding: 6px 10px !important;
    border-radius: 999px !important;
    background: #eafaf2 !important;
    color: #047857 !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    font-style: normal !important;
    line-height: 1 !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-treatment-card h3,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-treatment-card h3,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-treatment-card strong:not(.ks-price-summary) {
    margin: 0 0 8px !important;
    color: #123f83 !important;
    font-size: clamp(21px, 2vw, 27px) !important;
    line-height: 1.12 !important;
    letter-spacing: -.045em !important;
    font-weight: 580 !important;
    overflow-wrap: anywhere !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-treatment-card p,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-treatment-card p {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    margin: 0 0 16px !important;
    color: #586d89 !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-treatment-card-footer,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-treatment-card-footer {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin-top: auto !important;
    padding-top: 14px !important;
    border-top: 1px solid #edf3fa !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-treatment-card .ks-price-summary,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-treatment-card .ks-price-summary {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 40px !important;
    padding: 9px 13px !important;
    border-radius: 14px !important;
    background: #f4f8ff !important;
    color: #081a3a !important;
    font-size: 16px !important;
    line-height: 1.1 !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-treatment-card .ks-clean-form,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-treatment-card .ks-clean-form {
    width: auto !important;
    margin: 0 !important;
    display: flex !important;
    gap: 0 !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-treatment-card button,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-treatment-card button {
    width: auto !important;
    min-width: 120px !important;
    min-height: 40px !important;
    padding: 10px 15px !important;
    border-radius: 14px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    box-shadow: 0 12px 26px rgba(17, 103, 201, .13) !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-treatment-card.is-selected,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-treatment-card.is-selected {
    border-color: #b7eadb !important;
    background: linear-gradient(180deg, #ffffff 0%, #f3fffb 100%) !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-decision-actions,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-decision-actions {
    margin-top: 14px !important;
    padding: 16px !important;
    border: 1px solid #e5edf7 !important;
    border-radius: 20px !important;
    background: #fbfdff !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-alert.ks-alert--soft,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-alert.ks-alert--soft {
    margin-top: 14px !important;
    padding: 15px 16px !important;
    border-radius: 18px !important;
    background: #f6fbff !important;
    border: 1px solid #dfefff !important;
}
@media (max-width: 920px) {
    html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-treatment-options,
    html body .cha-pcm-shortcode-root .ks-patient-portal .ks-treatment-options {
        grid-template-columns: 1fr !important;
    }
}
@media (max-width: 560px) {
    html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-treatment-card-footer,
    html body .cha-pcm-shortcode-root .ks-patient-portal .ks-treatment-card-footer {
        align-items: stretch !important;
        flex-direction: column !important;
    }
    html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-treatment-card .ks-price-summary,
    html body .cha-pcm-shortcode-root .ks-patient-portal .ks-treatment-card .ks-price-summary,
    html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-treatment-card .ks-clean-form,
    html body .cha-pcm-shortcode-root .ks-patient-portal .ks-treatment-card .ks-clean-form,
    html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-treatment-card button,
    html body .cha-pcm-shortcode-root .ks-patient-portal .ks-treatment-card button {
        width: 100% !important;
    }
}

/* =========================================================
   Setup 2.29 / Version 1.4.32
   Staff-login Turkish secure access redesign + patient doctor report soft UI
   - does not change data flow
   - polishes report and login screens to match the clean portal language
========================================================= */
html body .cha-pcm-shortcode-root .ks-auth-portal-v110 {
    --ks-login-navy: #0b2f72;
    --ks-login-blue: #1167c9;
    --ks-login-teal: #0B5FCC;
    --ks-login-text: #081a3a;
    --ks-login-muted: #5d7190;
    --ks-login-line: #dce8f5;
    width: min(1120px, calc(100vw - 32px)) !important;
    max-width: min(1120px, calc(100vw - 32px)) !important;
    margin: 32px auto 72px !important;
    padding: 0 !important;
    overflow: visible !important;
    background: transparent !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v110,
html body .cha-pcm-shortcode-root .ks-auth-portal-v110 * {
    box-sizing: border-box !important;
    min-width: 0 !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v110 .ks-login-shell-v110 {
    display: grid !important;
    grid-template-columns: minmax(0, .98fr) minmax(360px, 500px) !important;
    gap: 24px !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 620px !important;
    padding: 0 !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v110 .ks-login-brand-v110,
html body .cha-pcm-shortcode-root .ks-auth-portal-v110 .ks-login-card-v110 {
    border: 1px solid var(--ks-login-line) !important;
    border-radius: 32px !important;
    overflow: hidden !important;
    box-shadow: 0 30px 70px rgba(8, 26, 58, .12) !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v110 .ks-login-brand-v110 {
    min-height: 620px !important;
    padding: clamp(28px, 4vw, 44px) !important;
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    background:
        linear-gradient(135deg, rgba(10, 50, 98, .92) 0%, rgba(16, 77, 128, .86) 48%, rgba(10, 95, 119, .82) 100%),
        radial-gradient(circle at 82% 12%, rgba(255,255,255,.18), transparent 26%),
        linear-gradient(135deg, #16395f 0%, #0b4e72 100%) !important;
    color: #ffffff !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v110 .ks-login-brand-v110::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background:
        linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px),
        linear-gradient(180deg, rgba(255,255,255,.07) 1px, transparent 1px) !important;
    background-size: 42px 42px !important;
    opacity: .22 !important;
    pointer-events: none !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v110 .ks-login-brand-v110::after {
    content: "" !important;
    position: absolute !important;
    right: -120px !important;
    bottom: -120px !important;
    width: 340px !important;
    height: 340px !important;
    border-radius: 999px !important;
    background: radial-gradient(circle, rgba(255,255,255,.20), rgba(255,255,255,.05) 48%, transparent 70%) !important;
    pointer-events: none !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v110 .ks-login-brand-content,
html body .cha-pcm-shortcode-root .ks-auth-portal-v110 .ks-login-brand-chips {
    position: relative !important;
    z-index: 1 !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v110 .ks-secure-pill {
    display: inline-flex !important;
    align-items: center !important;
    width: fit-content !important;
    padding: 9px 14px !important;
    border: 1px solid rgba(255,255,255,.26) !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.12) !important;
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.16) !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v110 .ks-login-brand-v110 h1 {
    max-width: 560px !important;
    margin: 26px 0 18px !important;
    color: #ffffff !important;
    font-size: clamp(40px, 5.1vw, 62px) !important;
    line-height: 1.02 !important;
    letter-spacing: -.06em !important;
    text-wrap: balance !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v110 .ks-login-brand-v110 p {
    max-width: 560px !important;
    margin: 0 !important;
    color: rgba(255,255,255,.84) !important;
    font-size: 16px !important;
    line-height: 1.72 !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v110 .ks-login-secure-list {
    list-style: none !important;
    display: grid !important;
    gap: 12px !important;
    margin: 30px 0 0 !important;
    padding: 0 !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v110 .ks-login-secure-list li {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    color: rgba(255,255,255,.90) !important;
    font-size: 14px !important;
    font-weight: 540 !important;
    line-height: 1.35 !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v110 .ks-login-secure-list li span {
    width: 12px !important;
    height: 12px !important;
    min-width: 12px !important;
    border-radius: 999px !important;
    background: #f4c15d !important;
    box-shadow: 0 0 0 6px rgba(244, 193, 93, .15) !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v110 .ks-login-brand-chips {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v110 .ks-login-brand-chips div {
    min-height: 78px !important;
    padding: 18px !important;
    border: 1px solid rgba(255,255,255,.24) !important;
    border-radius: 20px !important;
    background: rgba(255,255,255,.12) !important;
    backdrop-filter: blur(8px) !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v110 .ks-login-brand-chips strong {
    display: block !important;
    color: #ffffff !important;
    font-size: 21px !important;
    font-weight: 600 !important;
    line-height: 1.1 !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v110 .ks-login-brand-chips small {
    display: block !important;
    margin-top: 6px !important;
    color: rgba(255,255,255,.78) !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v110 .ks-login-card-v110 {
    position: relative !important;
    min-height: 500px !important;
    align-self: center !important;
    padding: clamp(28px, 3.4vw, 42px) !important;
    background: #ffffff !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v110 .ks-login-close {
    position: absolute !important;
    top: 24px !important;
    right: 24px !important;
    width: 42px !important;
    height: 42px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid #dce8f5 !important;
    border-radius: 15px !important;
    background: #ffffff !important;
    color: #0b2f72 !important;
    font-size: 24px !important;
    line-height: 1 !important;
    text-decoration: none !important;
    box-shadow: 0 10px 24px rgba(8,26,58,.06) !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v110 .ks-login-micro-title {
    display: block !important;
    margin: 4px 54px 12px 0 !important;
    color: #1167c9 !important;
    font-size: 12px !important;
    font-weight: 580 !important;
    letter-spacing: .10em !important;
    text-transform: uppercase !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v110 .ks-login-card-head {
    display: grid !important;
    grid-template-columns: 52px minmax(0, 1fr) !important;
    gap: 14px !important;
    align-items: center !important;
    margin: 0 54px 22px 0 !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v110 .ks-login-icon {
    width: 52px !important;
    height: 52px !important;
    border-radius: 17px !important;
    background:#FFFFFF !important;
    box-shadow: 0 14px 28px rgba(11, 95, 204, .18) !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v110 .ks-login-card-head h2 {
    margin: 0 0 6px !important;
    color: var(--ks-login-text) !important;
    font-size: clamp(27px, 2.5vw, 36px) !important;
    line-height: 1.05 !important;
    letter-spacing: -.055em !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v110 .ks-login-card-head p {
    margin: 0 !important;
    color: var(--ks-login-muted) !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v110 .ks-login-form-v110 {
    display: grid !important;
    gap: 14px !important;
    margin-top: 14px !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v110 .ks-login-form-v110 label {
    display: grid !important;
    gap: 8px !important;
    color: #243b5a !important;
    font-size: 12px !important;
    font-weight: 580 !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v110 input[type="text"],
html body .cha-pcm-shortcode-root .ks-auth-portal-v110 input[type="email"],
html body .cha-pcm-shortcode-root .ks-auth-portal-v110 input[type="password"] {
    width: 100% !important;
    min-height: 56px !important;
    padding: 14px 16px !important;
    border: 1px solid #d6e5f5 !important;
    border-radius: 18px !important;
    background: #ffffff !important;
    color: #081a3a !important;
    font-size: 15px !important;
    box-shadow: none !important;
    outline: none !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v110 input:focus {
    border-color: rgba(17,103,201,.58) !important;
    box-shadow: 0 0 0 5px rgba(17,103,201,.12) !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v110 .ks-login-row {
    margin: -2px 0 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v110 .ks-checkline {
    display: inline-flex !important;
    grid-template-columns: none !important;
    align-items: center !important;
    gap: 9px !important;
    width: fit-content !important;
    color: #4b6383 !important;
    font-size: 13px !important;
    font-weight: 540 !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v110 input[type="checkbox"] {
    appearance: auto !important;
    -webkit-appearance: checkbox !important;
    width: 17px !important;
    height: 17px !important;
    min-width: 17px !important;
    min-height: 17px !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v110 .ks-full-button,
html body .cha-pcm-shortcode-root .ks-auth-portal-v110 button,
html body .cha-pcm-shortcode-root .ks-auth-portal-v110 .ks-primary-button {
    width: 100% !important;
    min-height: 54px !important;
    border-radius: 19px !important;
    border: 0 !important;
    background: linear-gradient(135deg, #0B2E63 0%, #0B5FCC 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    box-shadow: 0 18px 34px rgba(17,103,201,.18) !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v110 .ks-secondary-button,
html body .cha-pcm-shortcode-root .ks-auth-portal-v110 .ks-auth-logout-form button {
    background: #ffffff !important;
    color: #0b2f72 !important;
    border: 1px solid #d6e5f5 !important;
    box-shadow: none !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v110 .ks-login-support-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    margin-top: 18px !important;
    padding-top: 18px !important;
    border-top: 1px solid #e6eef7 !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v110 .ks-forgot-pro,
html body .cha-pcm-shortcode-root .ks-auth-portal-v110 .ks-login-support-card {
    min-height: 90px !important;
    margin: 0 !important;
    padding: 16px !important;
    border: 1px solid #dce8f5 !important;
    border-radius: 20px !important;
    background: #f8fbff !important;
    box-shadow: none !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v110 .ks-forgot-pro summary,
html body .cha-pcm-shortcode-root .ks-auth-portal-v110 .ks-login-support-card strong {
    display: block !important;
    cursor: pointer !important;
    color: #0b2f72 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v110 .ks-login-support-card span {
    display: block !important;
    margin-top: 8px !important;
    color: #5d7190 !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v110 .ks-alert {
    border-radius: 18px !important;
    margin-bottom: 14px !important;
    padding: 15px 16px !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-doctor-report-panel,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-doctor-report-panel {
    padding: clamp(18px, 2.4vw, 24px) !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-report-box-modern,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-report-box-modern {
    display: grid !important;
    grid-template-columns: 54px minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 16px !important;
    margin-top: 14px !important;
    padding: 18px !important;
    border: 1px solid #e2ecf7 !important;
    border-radius: 22px !important;
    background: linear-gradient(180deg, #ffffff 0%, #f9fcff 100%) !important;
    box-shadow: 0 16px 38px rgba(8, 31, 67, .045) !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-report-icon,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-report-icon {
    width: 54px !important;
    height: 54px !important;
    border-radius: 18px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: linear-gradient(135deg, #eaf4ff 0%, #effcf9 100%) !important;
    border: 1px solid #d8e9fb !important;
    color: #075fc0 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: .04em !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-report-kicker,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-report-kicker {
    display: inline-flex !important;
    width: fit-content !important;
    margin: 0 0 6px !important;
    padding: 5px 9px !important;
    border-radius: 999px !important;
    background: #eef6ff !important;
    color: #075fc0 !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-report-box-modern h3,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-report-box-modern h3 {
    margin: 0 !important;
    color: #0b2f72 !important;
    font-size: clamp(20px, 2vw, 26px) !important;
    line-height: 1.18 !important;
    letter-spacing: -.04em !important;
    font-weight: 580 !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-report-meta,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-report-summary,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-report-meta,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-report-summary {
    margin: 8px 0 0 !important;
    color: #536982 !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-report-meta strong,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-report-meta strong {
    display: inline !important;
    color: #081a3a !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-report-action,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-report-action {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-report-action .ks-primary-button,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-report-action .ks-primary-button {
    min-height: 42px !important;
    padding: 11px 16px !important;
    border-radius: 14px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
    box-shadow: 0 12px 24px rgba(17,103,201,.14) !important;
}

@media (max-width: 1020px) {
    html body .cha-pcm-shortcode-root .ks-auth-portal-v110 .ks-login-shell-v110 {
        grid-template-columns: 1fr !important;
        min-height: auto !important;
    }
    html body .cha-pcm-shortcode-root .ks-auth-portal-v110 .ks-login-brand-v110 {
        min-height: auto !important;
    }
}
@media (max-width: 720px) {
    html body .cha-pcm-shortcode-root .ks-auth-portal-v110 {
        width: min(100%, calc(100vw - 18px)) !important;
        max-width: min(100%, calc(100vw - 18px)) !important;
        margin: 14px auto 40px !important;
    }
    html body .cha-pcm-shortcode-root .ks-auth-portal-v110 .ks-login-brand-v110,
    html body .cha-pcm-shortcode-root .ks-auth-portal-v110 .ks-login-card-v110 {
        border-radius: 24px !important;
        padding: 22px !important;
    }
    html body .cha-pcm-shortcode-root .ks-auth-portal-v110 .ks-login-brand-v110 h1 {
        font-size: 36px !important;
    }
    html body .cha-pcm-shortcode-root .ks-auth-portal-v110 .ks-login-brand-chips,
    html body .cha-pcm-shortcode-root .ks-auth-portal-v110 .ks-login-support-grid,
    html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-report-box-modern,
    html body .cha-pcm-shortcode-root .ks-patient-portal .ks-report-box-modern {
        grid-template-columns: 1fr !important;
    }
    html body .cha-pcm-shortcode-root .ks-auth-portal-v110 .ks-login-card-head {
        margin-right: 46px !important;
    }
    html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-report-action,
    html body .cha-pcm-shortcode-root .ks-patient-portal .ks-report-action {
        justify-content: flex-start !important;
    }
    html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-report-action .ks-primary-button,
    html body .cha-pcm-shortcode-root .ks-patient-portal .ks-report-action .ks-primary-button {
        width: 100% !important;
    }
}

/* Setup 2.31 - Translation API test center */
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-translation-test-panel .ksc-panel-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:18px;
    margin-bottom:18px;
    padding-bottom:16px;
    border-bottom:1px solid rgba(13,80,150,.10);
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-api-box{
    border:1px solid rgba(13,80,150,.12);
    background:linear-gradient(180deg,#fff,#f8fbff);
    border-radius:22px;
    padding:18px;
    box-shadow:0 14px 34px rgba(15,35,75,.05);
    min-width:0;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-api-box h3{
    margin:0 0 14px!important;
    font-size:18px!important;
    line-height:1.25!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-api-results{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
    margin:16px 0;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-api-result{
    border:1px solid rgba(13,80,150,.12);
    border-radius:18px;
    padding:14px;
    background:#fff;
    overflow:hidden;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-api-result.is-ok{
    border-color:rgba(21,128,61,.28);
    background:linear-gradient(180deg,#f0fdf4,#fff);
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-api-result.is-error{
    border-color:rgba(185,28,28,.24);
    background:linear-gradient(180deg,#fff7f7,#fff);
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-api-result strong{
    display:block;
    color:#061b3a;
    margin-bottom:6px;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-api-result p,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-api-result small{
    margin:0 0 8px;
    color:#4d6080;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-api-result pre{
    white-space:pre-wrap;
    word-break:break-word;
    max-height:190px;
    overflow:auto;
    margin:10px 0;
    padding:12px;
    border-radius:14px;
    background:#f6f9fd;
    color:#102a55;
    font-family:inherit;
    font-size:13px;
    line-height:1.55;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-api-actions{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:12px;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-api-actions .ksc-btn{
    width:auto!important;
    min-width:150px;
}
@media (max-width: 900px){
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-api-results,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-translation-test-panel .ksc-two{
        grid-template-columns:1fr!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-translation-test-panel .ksc-panel-head{
        flex-direction:column;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-api-actions .ksc-btn{
        width:100%!important;
    }
}

/* v1.4.45 — Staff Portal User Management Polish */
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-staff-user-list{
    display:grid!important;
    gap:14px!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-staff-user-card{
    border:1px solid #e1ebf6!important;
    background:#ffffff!important;
    border-radius:18px!important;
    padding:16px!important;
    box-shadow:0 10px 24px rgba(15,55,105,.04)!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-staff-user-card__top{
    display:flex!important;
    align-items:flex-start!important;
    justify-content:space-between!important;
    gap:14px!important;
    padding-bottom:12px!important;
    margin-bottom:12px!important;
    border-bottom:1px solid #edf2f8!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-staff-user-card__top strong{
    display:block!important;
    color:#101828!important;
    font-size:16px!important;
    font-weight: 570 !important;
    letter-spacing:-.01em!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-staff-user-card__top span,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-staff-user-card__top small{
    display:block!important;
    color:#667085!important;
    font-size:13px!important;
    line-height:1.45!important;
    overflow-wrap:anywhere!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-staff-user-card__top em{
    flex:0 0 auto!important;
    font-style:normal!important;
    background:#eef6ff!important;
    color:#0b64c0!important;
    border:1px solid #d5e9fb!important;
    border-radius:999px!important;
    padding:6px 10px!important;
    font-size:12px!important;
    font-weight: 570 !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-user-form--create,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-staff-user-edit-form{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr)) auto!important;
    gap:10px!important;
    align-items:end!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-user-form--create label,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-staff-user-edit-form label{
    display:grid!important;
    gap:6px!important;
    color:#344054!important;
    font-size:12px!important;
    font-weight: 570 !important;
    margin:0!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-staff-user-actions{
    display:flex!important;
    gap:10px!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    margin-top:12px!important;
    padding-top:12px!important;
    border-top:1px solid #edf2f8!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-staff-user-actions form{
    margin:0!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-staff-user-actions .ksc-help{
    margin:0!important;
    color:#667085!important;
}
@media(max-width:1180px){
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-user-form--create,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-staff-user-edit-form{
        grid-template-columns:1fr 1fr!important;
    }
}
@media(max-width:720px){
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-user-form--create,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-staff-user-edit-form{
        grid-template-columns:1fr!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-staff-user-card__top{
        display:block!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-staff-user-card__top em{
        display:inline-flex!important;
        margin-top:8px!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-staff-user-actions{
        display:grid!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-staff-user-actions button,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-staff-user-edit-form button,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-user-form--create button{
        width:100%!important;
        max-width:none!important;
    }
}

/* v1.4.46 — Manager-only finance dashboard, cost ledger and profit chart */
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-finance-executive{
    overflow:hidden;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-period-form{
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
    justify-content:flex-end;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-period-form select{
    min-height:42px;
    border:1px solid rgba(15,23,42,.12);
    border-radius:14px;
    padding:0 14px;
    background:#fff;
    font-size:13px;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-finance-cards{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
    margin:18px 0 22px;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-finance-cards article{
    border:1px solid rgba(15,23,42,.08);
    border-radius:20px;
    padding:16px;
    background:linear-gradient(180deg,#fff,rgba(248,250,252,.92));
    box-shadow:0 14px 34px rgba(15,23,42,.06);
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-finance-cards span{
    display:block;
    color:#64748b;
    font-size:12px;
    font-weight: 530;
    letter-spacing:.02em;
    text-transform:uppercase;
    margin-bottom:7px;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-finance-cards strong{
    display:block;
    color:#0f172a;
    font-size:22px;
    font-weight: 570;
    line-height:1.15;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-finance-cards small{
    display:block;
    color:#64748b;
    font-size:12px;
    margin-top:7px;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-finance-chart{
    display:grid;
    grid-auto-flow:column;
    grid-auto-columns:minmax(28px,1fr);
    align-items:end;
    gap:9px;
    min-height:210px;
    padding:18px 12px 8px;
    border:1px solid rgba(15,23,42,.08);
    border-radius:22px;
    background:linear-gradient(180deg,rgba(248,250,252,.75),#fff);
    overflow-x:auto;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-chart-day{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-end;
    gap:8px;
    min-width:28px;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-chart-bars{
    height:152px;
    width:100%;
    display:flex;
    align-items:flex-end;
    justify-content:center;
    gap:4px;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-chart-bars span{
    display:block;
    width:8px;
    min-height:4px;
    border-radius:999px 999px 4px 4px;
    box-shadow:0 8px 18px rgba(15,23,42,.08);
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-chart-bars .is-revenue{
    background:#16a34a;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-chart-bars .is-cost{
    background:#f97316;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-chart-day small{
    color:#64748b;
    font-size:10px;
    white-space:nowrap;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-chart-legend{
    display:flex;
    align-items:center;
    gap:16px;
    flex-wrap:wrap;
    margin-top:12px;
    color:#475569;
    font-size:12px;
    font-weight: 530;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-chart-legend span{
    display:inline-flex;
    align-items:center;
    gap:7px;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-chart-legend span:nth-child(1)::before,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-chart-legend span:nth-child(2)::before{
    content:"";
    width:10px;
    height:10px;
    border-radius:999px;
    display:inline-block;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-chart-legend span:nth-child(1)::before{background:#16a34a;}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-chart-legend span:nth-child(2)::before{background:#f97316;}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-cost-list{
    display:grid;
    gap:12px;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-cost-row{
    display:grid;
    grid-template-columns:1fr auto;
    gap:14px;
    align-items:center;
    padding:14px;
    border:1px solid rgba(15,23,42,.08);
    border-radius:18px;
    background:#fff;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-cost-row strong,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-cost-row span,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-cost-row small{
    display:block;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-cost-row span,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-cost-row small{
    color:#64748b;
    font-size:12px;
    margin-top:3px;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-cost-row > div:last-child{
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    gap:5px;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-link-danger{
    border:0;
    background:transparent;
    color:#dc2626;
    padding:0;
    font-size:12px;
    font-weight: 570;
    cursor:pointer;
}
@media (max-width: 1100px){
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-finance-cards{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width: 720px){
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-period-form{justify-content:flex-start;width:100%;}
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-period-form select,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-period-form button{width:100%;}
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-finance-cards{grid-template-columns:1fr;}
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-cost-row{grid-template-columns:1fr;}
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-cost-row > div:last-child{align-items:flex-start;}
}


/* v1.4.52 Treatment decision stability */
.ks-decision-question-box {
    border: 1px solid rgba(24, 105, 205, 0.12);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.72);
    padding: 14px 16px;
    margin: 12px 0;
}
.ks-decision-question-box > summary {
    cursor: pointer;
    font-weight: 530;
    color: #17428f;
    list-style: none;
}
.ks-decision-question-box > summary::-webkit-details-marker { display: none; }
.ks-decision-question-box form { margin-top: 12px; }
.ks-invoice-waiting-panel .ks-section-head { margin-bottom: 0; }

/* v1.4.53 Treatment payment review note */
html body .cha-pcm-shortcode-root .ks-payment-review-note{
    display:inline-flex;
    align-items:center;
    width:max-content;
    max-width:100%;
    margin-top:8px;
    padding:7px 10px;
    border-radius:999px;
    background:#eef6ff;
    color:#17428f;
    font-weight: 530;
}

/* v1.4.54 Treatment option manual detail editor */
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-treatment-detail-editor{
    margin:14px 0;
    padding:14px;
    border:1px solid rgba(24,105,205,.14);
    border-radius:18px;
    background:linear-gradient(180deg, rgba(245,250,255,.96), rgba(255,255,255,.96));
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-subhead{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
    margin-bottom:10px;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-subhead strong{
    color:#071b3a;
    font-size:14px;
    font-weight: 600;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-subhead span{
    color:#5f7191;
    font-size:12px;
    line-height:1.45;
    max-width:460px;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-treatment-detail-form{
    margin:0;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-treatment-detail-form .ksc-btn{
    width:max-content;
    margin-top:2px;
}
@media (max-width: 720px){
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-subhead{flex-direction:column;}
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-treatment-detail-form .ksc-btn{width:100%;}
}

/* v1.4.55 Treatment follow-up & continuation */
html body .cha-pcm-shortcode-root .ks-followup-panel{
    margin-top:22px;
}
html body .cha-pcm-shortcode-root .ks-followup-requests{
    margin-top:16px;
    display:grid;
    gap:14px;
}
html body .cha-pcm-shortcode-root .ks-followup-request-card{
    display:grid;
    gap:10px;
}
html body .cha-pcm-shortcode-root .ks-followup-upload-form,
html body .cha-pcm-shortcode-root .ks-followup-status-form{
    display:grid;
    gap:10px;
    margin-top:10px;
    padding:12px;
    border:1px solid rgba(24,105,205,.12);
    border-radius:18px;
    background:rgba(255,255,255,.72);
}
html body .cha-pcm-shortcode-root .ks-followup-actions{
    margin-top:18px;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
}
html body .cha-pcm-shortcode-root .ks-followup-status-form textarea,
html body .cha-pcm-shortcode-root .ks-followup-status-form select,
html body .cha-pcm-shortcode-root .ks-followup-upload-form textarea,
html body .cha-pcm-shortcode-root .ks-followup-upload-form input[type="file"]{
    width:100%;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-followup-form,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-followup-request-form{
    margin-top:14px;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-mini-files{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:8px;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-mini-files a{
    display:inline-flex;
    align-items:center;
    padding:6px 10px;
    border-radius:999px;
    background:#eef6ff;
    color:#17428f;
    text-decoration:none;
    font-size:12px;
    font-weight: 570;
}
@media (max-width: 980px){
    html body .cha-pcm-shortcode-root .ks-followup-actions{grid-template-columns:1fr;}
}

/* =========================================================
   Setup 2.51 / Version 1.4.56
   Staff Portal application_detail usability redesign
   - clearer patient case workspace
   - simpler Turkish labels
   - responsive summary/action cards
========================================================= */
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-detail-hero{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(300px,380px) !important;
    gap:18px !important;
    align-items:stretch !important;
    margin-bottom:18px !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-detail-hero-main,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-next-action-card,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-detail-summary-strip > article{
    border:1px solid #e4ecf7 !important;
    border-radius:24px !important;
    background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%) !important;
    box-shadow:0 18px 54px rgba(16,24,40,.075) !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-detail-hero-main{
    padding:22px !important;
    min-width:0 !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-detail-title{
    display:grid !important;
    gap:4px !important;
    margin:0 0 8px !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-detail-title span,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-next-action-card > span,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-detail-summary-strip article span{
    color:#667085 !important;
    font-size:12px !important;
    font-weight: 580 !important;
    letter-spacing:.04em !important;
    text-transform:uppercase !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-detail-title h1{
    margin:0 !important;
    color:#0f172a !important;
    font-size:clamp(28px,3vw,44px) !important;
    line-height:1.02 !important;
    letter-spacing:-.05em !important;
    overflow-wrap:anywhere !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-detail-hero-main p{
    max-width:920px !important;
    margin:0 !important;
    color:#475467 !important;
    font-size:15px !important;
    line-height:1.6 !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-detail-chips{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:8px !important;
    margin-top:16px !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-detail-chips span{
    display:inline-flex !important;
    align-items:center !important;
    max-width:100% !important;
    padding:8px 11px !important;
    border-radius:999px !important;
    background:#eef6ff !important;
    color:#17428f !important;
    font-size:12px !important;
    font-weight: 580 !important;
    overflow-wrap:anywhere !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-next-action-card{
    display:grid !important;
    align-content:start !important;
    gap:10px !important;
    padding:18px !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-next-action-card .ksc-case-status{
    align-items:flex-start !important;
    flex-direction:row !important;
    flex-wrap:wrap !important;
    margin:0 0 4px !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-next-action-card strong{
    display:block !important;
    color:#101828 !important;
    font-size:17px !important;
    line-height:1.25 !important;
    letter-spacing:-.025em !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-next-action-card p{
    margin:0 !important;
    color:#475467 !important;
    font-size:13px !important;
    line-height:1.55 !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-detail-summary-strip{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:12px !important;
    margin:0 0 16px !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-detail-summary-strip > article{
    min-width:0 !important;
    padding:16px !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-detail-summary-strip article strong{
    display:block !important;
    margin-top:6px !important;
    color:#101828 !important;
    font-size:17px !important;
    line-height:1.25 !important;
    letter-spacing:-.025em !important;
    overflow-wrap:anywhere !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-detail-summary-strip article small{
    display:block !important;
    margin-top:5px !important;
    color:#667085 !important;
    font-size:12px !important;
    line-height:1.45 !important;
    overflow-wrap:anywhere !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-flow{
    display:grid !important;
    grid-template-columns:repeat(11,minmax(94px,1fr)) !important;
    gap:8px !important;
    overflow-x:auto !important;
    padding:4px 2px 14px !important;
    margin:0 0 14px !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-flow span{
    display:grid !important;
    grid-template-columns:auto minmax(0,1fr) !important;
    align-items:center !important;
    gap:7px !important;
    min-width:94px !important;
    padding:8px 9px !important;
    border-radius:16px !important;
    background:#ffffff !important;
    border:1px solid #e6edf6 !important;
    color:#667085 !important;
    box-shadow:none !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-flow span em{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:22px !important;
    height:22px !important;
    border-radius:999px !important;
    background:#f2f4f7 !important;
    color:#667085 !important;
    font-size:11px !important;
    font-style:normal !important;
    font-weight: 600 !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-flow span strong{
    display:block !important;
    min-width:0 !important;
    color:inherit !important;
    font-size:12px !important;
    line-height:1.15 !important;
    font-weight: 580 !important;
    white-space:normal !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-flow span.is-on{
    background:#f0f7ff !important;
    border-color:#cfe4ff !important;
    color:#175cd3 !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-flow span.is-on em{
    background:#d9ebff !important;
    color:#175cd3 !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-flow span.is-current{
    background:#0b64c0 !important;
    border-color:#0b64c0 !important;
    color:#ffffff !important;
    box-shadow:0 12px 28px rgba(11,100,192,.20) !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-flow span.is-current em{
    background:rgba(255,255,255,.2) !important;
    color:#ffffff !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-tabs{
    position:sticky !important;
    top:0 !important;
    z-index:5 !important;
    display:flex !important;
    gap:8px !important;
    flex-wrap:wrap !important;
    margin:0 0 18px !important;
    padding:10px !important;
    border:1px solid #e7edf5 !important;
    border-radius:20px !important;
    background:rgba(255,255,255,.92) !important;
    backdrop-filter:blur(10px) !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-tabs a{
    border-radius:14px !important;
    padding:10px 12px !important;
    background:#f8fafc !important;
    border:1px solid #eef2f7 !important;
    color:#475467 !important;
    font-size:13px !important;
    line-height:1.15 !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-tabs a.is-active{
    background:#101828 !important;
    border-color:#101828 !important;
    color:#ffffff !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-overview-layout{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(300px,380px) !important;
    gap:18px !important;
    align-items:start !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-overview-main,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-workflow-card{
    min-width:0 !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-info-grid--clean{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-workflow-card p{
    margin:0 0 14px !important;
    color:#475467 !important;
    line-height:1.6 !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-workflow-links{
    display:grid !important;
    gap:8px !important;
    margin-bottom:14px !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-workflow-links a{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:10px !important;
    padding:11px 12px !important;
    border:1px solid #e8eef6 !important;
    border-radius:14px !important;
    background:#ffffff !important;
    color:#17428f !important;
    text-decoration:none !important;
    font-size:13px !important;
    font-weight: 580 !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-workflow-links a::after{
    content:'›' !important;
    font-size:18px !important;
    line-height:1 !important;
    color:#98a2b3 !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-application-clean .ksc-detail-sections{
    display:grid !important;
    gap:14px !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-application-clean .ksc-data-section{
    padding:16px !important;
    border-radius:20px !important;
    background:#ffffff !important;
    border:1px solid #e8eef6 !important;
    box-shadow:none !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-application-clean .ksc-data-section h3{
    margin:0 0 12px !important;
    color:#101828 !important;
    font-size:17px !important;
    letter-spacing:-.025em !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-application-clean .ksc-data-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}
@media (max-width: 1180px){
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-detail-hero,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-overview-layout{
        grid-template-columns:1fr !important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-detail-summary-strip{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-info-grid--clean,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-application-clean .ksc-data-grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }
}
@media (max-width: 720px){
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-detail-hero-main,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-next-action-card{
        padding:16px !important;
        border-radius:20px !important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-detail-summary-strip,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-info-grid--clean,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-application-clean .ksc-data-grid{
        grid-template-columns:1fr !important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-tabs{
        position:relative !important;
        top:auto !important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-tabs a{
        width:100% !important;
        justify-content:center !important;
        text-align:center !important;
    }
}


/* Setup 2.52 / v1.4.57 — Application detail long-text layout fix */
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-application-clean .ksc-data-item--wide{
    grid-column:1 / -1 !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-application-clean .ksc-data-item--wide strong{
    white-space:pre-line !important;
    line-height:1.62 !important;
    max-width:100% !important;
    overflow-wrap:break-word !important;
    word-break:normal !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-application-clean .ksc-data-item--wide span{
    margin-bottom:8px !important;
}

/* Setup 2.53 — Manager-only patient file deletion UX */
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-row-shell {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: stretch !important;
    gap: 10px !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-row-shell > .ksc-row {
    min-width: 0 !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-delete-file-box {
    width: 92px !important;
    border: 1px solid #fee2e2 !important;
    border-radius: 16px !important;
    background: #fffafa !important;
    align-self: stretch !important;
    position: relative !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-delete-file-box summary {
    list-style: none !important;
    cursor: pointer !important;
    height: 100% !important;
    min-height: 68px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #b42318 !important;
    font-weight: 570 !important;
    font-size: 13px !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-delete-file-box summary::-webkit-details-marker {
    display: none !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-delete-file-box[open] {
    z-index: 20 !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-delete-file-box form {
    position: absolute !important;
    right: 0 !important;
    top: calc(100% + 8px) !important;
    width: min(360px, 82vw) !important;
    padding: 14px !important;
    border: 1px solid #fecaca !important;
    border-radius: 18px !important;
    background: #ffffff !important;
    box-shadow: 0 24px 60px rgba(15, 23, 42, .18) !important;
    display: grid !important;
    gap: 10px !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-delete-file-box label,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-danger-delete-form label {
    display: grid !important;
    gap: 6px !important;
    color: var(--ks-ui-text) !important;
    font-weight: 570 !important;
    font-size: 12px !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-delete-file-box textarea,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-danger-delete-form textarea,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-danger-delete-form input[type="text"] {
    width: 100% !important;
    border: 1px solid #e5eaf2 !important;
    border-radius: 12px !important;
    padding: 10px 12px !important;
    font: inherit !important;
    font-size: 13px !important;
    resize: vertical !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-danger-zone {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 16px !important;
    align-items: center !important;
    margin: 18px 0 !important;
    padding: 16px !important;
    border: 1px solid #fecaca !important;
    border-radius: 22px !important;
    background: linear-gradient(180deg, #fffafa 0%, #ffffff 100%) !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-danger-zone strong {
    display: block !important;
    color: #991b1b !important;
    font-size: 15px !important;
    margin-bottom: 4px !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-danger-zone p,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-danger-zone small {
    color: #7f1d1d !important;
    line-height: 1.55 !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-danger-zone details {
    min-width: 260px !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-danger-zone summary {
    cursor: pointer !important;
    border: 1px solid #fca5a5 !important;
    border-radius: 14px !important;
    padding: 11px 14px !important;
    background: #fff !important;
    color: #b42318 !important;
    font-weight: 570 !important;
    text-align: center !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-danger-delete-form {
    margin-top: 12px !important;
    display: grid !important;
    gap: 12px !important;
    padding: 14px !important;
    border-radius: 16px !important;
    background: #ffffff !important;
    border: 1px solid #fee2e2 !important;
}

@media (max-width: 760px) {
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-row-shell,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-danger-zone {
        grid-template-columns: 1fr !important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-delete-file-box {
        width: 100% !important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-delete-file-box summary {
        min-height: 44px !important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-delete-file-box form {
        position: static !important;
        width: 100% !important;
        margin-top: 8px !important;
        box-shadow: none !important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-danger-zone details {
        min-width: 0 !important;
    }
}


/* Setup 2.54 / v1.4.59 — Applications list delete drawer visibility fix
   The delete reason form must never be clipped under the applications list.
   Closed state keeps the compact right-side delete action. Open state becomes a full-width inline drawer. */
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-panel--application-delete-list {
    overflow: visible !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-panel--application-delete-list .ksc-list,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-panel--application-delete-list .ksc-row-shell {
    overflow: visible !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-panel--application-delete-list .ksc-row-shell {
    position: relative !important;
    z-index: 1 !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-panel--application-delete-list .ksc-row-shell:has(.ksc-delete-file-box[open]) {
    z-index: 40 !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-panel--application-delete-list .ksc-delete-file-box[open] {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    align-self: auto !important;
    padding: 12px !important;
    border-color: #fecaca !important;
    background: #fffafa !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-panel--application-delete-list .ksc-delete-file-box[open] summary {
    height: auto !important;
    min-height: 42px !important;
    justify-content: flex-start !important;
    padding: 0 2px 10px !important;
    border-bottom: 1px solid #fee2e2 !important;
    text-align: left !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-panel--application-delete-list .ksc-delete-file-box[open] summary::after {
    content: ' — silme nedeni ve onay bilgisi aşağıdadır';
    margin-left: 6px !important;
    color: #7f1d1d !important;
    font-weight: 530 !important;
    font-size: 12px !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-panel--application-delete-list .ksc-delete-file-box[open] form {
    position: static !important;
    inset: auto !important;
    width: 100% !important;
    max-width: none !important;
    margin-top: 12px !important;
    padding: 14px !important;
    border-radius: 16px !important;
    box-shadow: none !important;
    background: #ffffff !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-panel--application-delete-list .ksc-delete-file-box[open] textarea {
    min-height: 84px !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-panel--application-delete-list .ksc-delete-file-box[open] .ksc-btn {
    justify-self: flex-start !important;
}

@media (max-width: 760px) {
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-panel--application-delete-list .ksc-delete-file-box[open] {
        padding: 10px !important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-panel--application-delete-list .ksc-delete-file-box[open] summary::after {
        content: '' !important;
    }
}


/* Setup 2.55 / v1.4.60 — Patient portal usability redesign
   Goal: patient-facing page must read like a clear file workspace, not a dense admin screen. */
html body .cha-pcm-shortcode-root .ks-portal.ks-patient-portal-v1460,
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 {
    width: min(1580px, calc(100vw - 40px)) !important;
    max-width: min(1580px, calc(100vw - 40px)) !important;
    margin: 28px auto 64px !important;
    display: grid !important;
    gap: 18px !important;
    color: #0f2747 !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v1460,
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 * {
    box-sizing: border-box !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-patient-hero-modern {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 360px) !important;
    gap: 18px !important;
    align-items: stretch !important;
    padding: clamp(22px, 3vw, 38px) !important;
    border: 1px solid #dbeafe !important;
    border-radius: 30px !important;
    background: linear-gradient(135deg, #f8fbff 0%, #eaf4ff 54%, #ffffff 100%) !important;
    box-shadow: 0 24px 60px rgba(15, 39, 71, .09) !important;
    overflow: hidden !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-patient-hero-modern h1 {
    max-width: 760px !important;
    margin: 8px 0 10px !important;
    font-size: clamp(31px, 3.3vw, 48px) !important;
    line-height: 1.04 !important;
    letter-spacing: -.055em !important;
    color: #092348 !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-patient-hero-modern p {
    max-width: 820px !important;
    color: #415b7a !important;
    font-size: 15px !important;
    line-height: 1.7 !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-patient-access-card {
    align-self: stretch !important;
    display: grid !important;
    align-content: center !important;
    gap: 8px !important;
    min-height: 138px !important;
    border: 1px solid rgba(25, 118, 210, .18) !important;
    background: rgba(255, 255, 255, .86) !important;
    border-radius: 24px !important;
    padding: 20px !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-patient-access-card span,
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-patient-access-card small {
    color: #64748b !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-patient-access-card strong {
    color: #0b5fb8 !important;
    font-size: 20px !important;
    letter-spacing: -.02em !important;
    overflow-wrap: anywhere !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-patient-command-center {
    display: grid !important;
    grid-template-columns: minmax(280px, 440px) minmax(0, 1fr) minmax(260px, 360px) !important;
    gap: 14px !important;
    align-items: stretch !important;
    width: 100% !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-patient-command-card,
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-patient-local-nav,
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-patient-metric-strip {
    border: 1px solid #e3edf9 !important;
    border-radius: 24px !important;
    background: #ffffff !important;
    box-shadow: 0 16px 44px rgba(15, 39, 71, .06) !important;
    min-width: 0 !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-patient-command-card {
    padding: 18px !important;
    display: grid !important;
    gap: 8px !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-patient-command-card span,
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-patient-metric-strip span {
    display: block !important;
    color: #64748b !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: .055em !important;
    text-transform: uppercase !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-patient-command-card h2 {
    margin: 0 !important;
    color: #092348 !important;
    font-size: 22px !important;
    line-height: 1.16 !important;
    letter-spacing: -.035em !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-patient-command-card p {
    margin: 0 !important;
    color: #475569 !important;
    line-height: 1.55 !important;
    font-size: 13px !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-patient-command-card a {
    justify-self: start !important;
    display: inline-flex !important;
    align-items: center !important;
    min-height: 38px !important;
    padding: 9px 14px !important;
    border-radius: 14px !important;
    background: #0b63c7 !important;
    color: #ffffff !important;
    text-decoration: none !important;
    font-weight: 570 !important;
    font-size: 13px !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-patient-local-nav {
    padding: 12px !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 9px !important;
    align-content: center !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-patient-local-nav a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 42px !important;
    padding: 9px 11px !important;
    border: 1px solid #e5eef8 !important;
    border-radius: 14px !important;
    background: #f8fbff !important;
    color: #0f3f75 !important;
    text-decoration: none !important;
    font-weight: 580 !important;
    font-size: 13px !important;
    text-align: center !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-patient-local-nav a:hover,
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-patient-command-card a:hover {
    transform: translateY(-1px) !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-patient-metric-strip {
    padding: 12px !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 9px !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-patient-metric-strip div {
    min-width: 0 !important;
    padding: 12px !important;
    border-radius: 16px !important;
    background: #f8fafc !important;
    border: 1px solid #edf2f7 !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-patient-metric-strip strong {
    display: block !important;
    margin-top: 4px !important;
    color: #0b63c7 !important;
    font-size: 24px !important;
    line-height: 1 !important;
    letter-spacing: -.04em !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-patient-summary-strip {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 12px !important;
    padding: 12px !important;
    border: 1px solid #e3edf9 !important;
    border-radius: 24px !important;
    background: #ffffff !important;
    box-shadow: 0 14px 40px rgba(15, 39, 71, .055) !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-patient-summary-strip > div {
    padding: 15px !important;
    border-radius: 18px !important;
    background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%) !important;
    border: 1px solid #edf4fb !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-patient-workspace {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(330px, 380px) !important;
    gap: 18px !important;
    align-items: start !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-patient-workspace > .ks-patient-main {
    grid-column: 1 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
    display: grid !important;
    gap: 18px !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-patient-workspace > .ks-patient-quick-panel {
    grid-column: 2 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    position: sticky !important;
    top: 84px !important;
    max-height: calc(100vh - 96px) !important;
    overflow: auto !important;
    padding-right: 2px !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-glass-panel {
    border: 1px solid #e3edf9 !important;
    border-radius: 26px !important;
    background: #ffffff !important;
    box-shadow: 0 16px 44px rgba(15, 39, 71, .055) !important;
    padding: clamp(17px, 2vw, 24px) !important;
    overflow: visible !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-section-head {
    margin-bottom: 14px !important;
    padding-bottom: 10px !important;
    border-bottom: 1px solid #edf2f7 !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-section-head h2 {
    margin: 0 0 6px !important;
    color: #092348 !important;
    font-size: clamp(20px, 1.6vw, 25px) !important;
    line-height: 1.2 !important;
    letter-spacing: -.035em !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-section-head p {
    margin: 0 !important;
    color: #64748b !important;
    line-height: 1.62 !important;
    font-size: 14px !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-form11-details--patient {
    display: grid !important;
    gap: 16px !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-form11-section {
    display: grid !important;
    gap: 10px !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-form11-section h3,
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-patient-file-list h3 {
    margin: 0 !important;
    color: #0f3f75 !important;
    font-size: 15px !important;
    line-height: 1.25 !important;
    letter-spacing: -.015em !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-form11-detail-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-form11-detail-item,
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-form11-detail-grid > div {
    min-width: 0 !important;
    padding: 13px !important;
    border: 1px solid #e7eef8 !important;
    border-radius: 16px !important;
    background: #fbfdff !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-form11-detail-item--wide {
    grid-column: 1 / -1 !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-form11-detail-grid span,
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-form11-file-row span {
    display: block !important;
    margin-bottom: 6px !important;
    color: #64748b !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-form11-detail-grid strong {
    display: block !important;
    color: #0f2747 !important;
    font-size: 13.5px !important;
    line-height: 1.62 !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
    white-space: normal !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-patient-steps {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 10px !important;
    width: 100% !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-step {
    position: relative !important;
    min-height: 96px !important;
    padding: 14px !important;
    border-radius: 18px !important;
    border: 1px solid #e4edf8 !important;
    background: #fbfdff !important;
    display: grid !important;
    align-content: start !important;
    gap: 8px !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-step span {
    width: 13px !important;
    height: 13px !important;
    border-radius: 999px !important;
    background: #cbd5e1 !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-step.is-active {
    border-color: #0b63c7 !important;
    background: linear-gradient(180deg, #eff6ff 0%, #ffffff 100%) !important;
    box-shadow: 0 12px 30px rgba(11, 99, 199, .11) !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-step.is-active span {
    background: #0b63c7 !important;
    box-shadow: 0 0 0 6px rgba(11, 99, 199, .12) !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-step strong {
    color: #0f2747 !important;
    font-size: 13px !important;
    line-height: 1.3 !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-step small {
    color: #64748b !important;
    font-size: 12px !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-request-list,
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-treatment-options,
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-invoice-list,
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-followup-requests,
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-followup-actions {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
    gap: 12px !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-treatment-card,
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-request-card,
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-invoice-card,
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-report-box-modern,
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-followup-status-form {
    border: 1px solid #e5eef8 !important;
    border-radius: 20px !important;
    background: #fbfdff !important;
    box-shadow: none !important;
    min-width: 0 !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-treatment-card.is-selected {
    border-color: #0b63c7 !important;
    background: #f0f7ff !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-treatment-detail-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)) !important;
    gap: 10px !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-treatment-detail-grid > div,
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-detail-block,
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-answer-box {
    border: 1px solid #e5eef8 !important;
    border-radius: 16px !important;
    background: #fbfdff !important;
    padding: 13px !important;
    min-width: 0 !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-clean-form,
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-followup-upload-form,
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-followup-status-form {
    display: grid !important;
    gap: 11px !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 input,
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 select,
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 textarea {
    width: 100% !important;
    max-width: 100% !important;
    border: 1px solid #dbe6f3 !important;
    border-radius: 14px !important;
    background: #ffffff !important;
    color: #0f2747 !important;
    font: inherit !important;
    min-height: 42px !important;
    padding: 10px 12px !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 textarea {
    min-height: 96px !important;
    resize: vertical !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-clean-form button,
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-primary-button,
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-secondary-button,
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-muted-button,
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-full-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 42px !important;
    width: auto !important;
    max-width: 100% !important;
    border-radius: 14px !important;
    padding: 10px 15px !important;
    font-weight: 580 !important;
    font-size: 13px !important;
    text-decoration: none !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-lookup-card .ks-full-button {
    width: 100% !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-patient-quick-panel .ks-glass-panel {
    padding: 16px !important;
    border-radius: 22px !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-patient-quick-panel .ks-section-head h2 {
    font-size: 18px !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-patient-quick-panel .ks-mini-list,
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-patient-quick-panel .ks-message-list,
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-patient-quick-panel .ks-timeline-list {
    max-height: 300px !important;
    overflow: auto !important;
    padding-right: 2px !important;
}

html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-message-bubble {
    border-radius: 16px !important;
    border: 1px solid #e5eef8 !important;
    background: #fbfdff !important;
    padding: 12px !important;
}

@media (min-width: 1181px) {
    html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-patient-workspace {
        grid-template-columns: minmax(0, 1fr) minmax(330px, 380px) !important;
    }
    html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-patient-workspace > .ks-patient-main {
        grid-column: 1 !important;
        grid-row: 1 !important;
    }
    html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-patient-workspace > .ks-patient-quick-panel {
        grid-column: 2 !important;
        grid-row: 1 !important;
        grid-template-columns: 1fr !important;
        position: sticky !important;
        top: 84px !important;
    }
}

@media (max-width: 1180px) {
    html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-patient-command-center,
    html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-patient-workspace {
        grid-template-columns: 1fr !important;
    }
    html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-patient-workspace > .ks-patient-main {
        grid-column: 1 !important;
        grid-row: 1 !important;
    }
    html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-patient-workspace > .ks-patient-quick-panel {
        grid-column: 1 !important;
        grid-row: 2 !important;
        position: relative !important;
        top: auto !important;
        max-height: none !important;
        overflow: visible !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-patient-summary-strip,
    html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-form11-detail-grid,
    html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-patient-steps {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 760px) {
    html body .cha-pcm-shortcode-root .ks-portal.ks-patient-portal-v1460,
    html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 {
        width: 100% !important;
        max-width: 100% !important;
        margin: 12px auto 42px !important;
        padding: 0 10px !important;
    }
    html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-patient-hero-modern,
    html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-patient-summary-strip,
    html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-patient-local-nav,
    html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-patient-metric-strip,
    html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-patient-quick-panel,
    html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-form11-detail-grid,
    html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-patient-steps,
    html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-request-list,
    html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-treatment-options,
    html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-invoice-list,
    html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-followup-actions {
        grid-template-columns: 1fr !important;
    }
    html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-glass-panel,
    html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-patient-hero-modern {
        padding: 16px !important;
        border-radius: 20px !important;
    }
    html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-clean-form button,
    html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-primary-button,
    html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-secondary-button,
    html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-muted-button,
    html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-full-button {
        width: 100% !important;
    }
}


/* Setup 2.56 / v1.4.61 — Patient portal containment + follow-up activation polish
   - Prevent BeBuilder/theme container from clipping the right side of /patient-portal/.
   - Keep follow-up cards readable and stop label/value text from sticking together. */
body.cha-pcm-page .entry-content > .cha-pcm-shortcode-root--patient,
body.cha-pcm-page .wp-block-post-content > .cha-pcm-shortcode-root--patient,
.cha-pcm-shortcode-root--patient {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow-x: clip !important;
}

html body .cha-pcm-shortcode-root--patient .ks-portal.ks-patient-portal-v1461,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1461 {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    width: min(1440px, calc(100vw - 48px)) !important;
    max-width: calc(100vw - 48px) !important;
    margin: 28px auto 64px !important;
    padding: 0 !important;
    overflow: visible !important;
    contain: none !important;
}

html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1461 .ks-patient-command-center {
    grid-template-columns: minmax(300px, 430px) minmax(360px, 1fr) minmax(220px, 300px) !important;
}

html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1461 .ks-patient-workspace {
    grid-template-columns: minmax(0, 1fr) minmax(300px, 340px) !important;
}

html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1461 .ks-patient-quick-panel {
    overflow-x: hidden !important;
}

html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1461 .ks-patient-summary-strip,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1461 .ks-patient-command-center,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1461 .ks-patient-workspace,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1461 .ks-glass-panel,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1461 .ks-followup-panel {
    min-width: 0 !important;
    max-width: 100% !important;
}

html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1461 .ks-treatment-detail-grid > div span,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1461 .ks-detail-block > strong,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1461 .ks-followup-request-card > strong,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1461 .ks-followup-request-card > span,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1461 .ks-followup-status-form label > span {
    display: block !important;
    margin-bottom: 7px !important;
}

html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1461 .ks-treatment-detail-grid > div strong,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1461 .ks-detail-block p,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1461 .ks-followup-status-form button,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1461 .ks-primary-button,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1461 .ks-muted-button {
    white-space: normal !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
}

html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1461 .ks-followup-actions {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1461 .ks-followup-status-form {
    padding: 14px !important;
    align-content: start !important;
}

html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1461 .ks-followup-status-form button {
    width: 100% !important;
    min-height: 48px !important;
    line-height: 1.35 !important;
    text-align: center !important;
}

@media (max-width: 1280px) {
    html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1461 .ks-patient-command-center,
    html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1461 .ks-patient-workspace {
        grid-template-columns: 1fr !important;
    }
    html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1461 .ks-patient-quick-panel {
        grid-column: 1 !important;
        position: relative !important;
        top: auto !important;
        max-height: none !important;
        overflow: visible !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1461 .ks-followup-actions {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 760px) {
    body.cha-pcm-page .entry-content > .cha-pcm-shortcode-root--patient,
    body.cha-pcm-page .wp-block-post-content > .cha-pcm-shortcode-root--patient,
    .cha-pcm-shortcode-root--patient {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        overflow-x: hidden !important;
    }
    html body .cha-pcm-shortcode-root--patient .ks-portal.ks-patient-portal-v1461,
    html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1461 {
        width: 100% !important;
        max-width: 100% !important;
        margin: 12px auto 42px !important;
        padding: 0 10px !important;
    }
    html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1461 .ks-patient-quick-panel {
        grid-template-columns: 1fr !important;
    }
}


/* =========================================================
   Setup 2.57 / v1.4.62 — Patient Portal Final Containment Reset
   Problem fixed: /patient-portal/ was being pulled to 100vw with negative margins,
   then clipped by the WordPress/BeBuilder content wrapper. This made the right side
   look cut and left a broken blank area. Patient portal now stays inside its page
   container, uses one predictable centered shell, and avoids a sticky right rail.
========================================================= */
body.cha-pcm-page .entry-content > .cha-pcm-shortcode-root--patient,
body.cha-pcm-page .wp-block-post-content > .cha-pcm-shortcode-root--patient,
html body .cha-pcm-shortcode-root--patient,
.cha-pcm-shortcode-root--patient {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow: visible !important;
    contain: none !important;
    clear: both !important;
}

html body .cha-pcm-shortcode-root--patient > .ks-portal.ks-patient-portal-v1462,
html body .cha-pcm-shortcode-root--patient .ks-portal.ks-patient-portal-v1462,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462,
html body .ks-portal.ks-patient-portal-v1462,
html body .ks-patient-portal-v1462 {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    width: min(1240px, 100%) !important;
    max-width: 1240px !important;
    min-width: 0 !important;
    margin: 28px auto 64px !important;
    padding: 0 16px !important;
    display: grid !important;
    gap: 18px !important;
    overflow: visible !important;
    contain: none !important;
    box-sizing: border-box !important;
    color: #0f2747 !important;
}

html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 * {
    box-sizing: border-box !important;
}

html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-public-hero,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-patient-hero-modern,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-patient-command-center,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-case-summary-bar,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-patient-summary-strip,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-patient-workspace,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-patient-main,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-patient-quick-panel,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-glass-panel,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-panel,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-form11-detail-grid,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-patient-steps,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-treatment-options,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-invoice-list,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-followup-actions {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: visible !important;
}

html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-patient-hero-modern {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(240px, 320px) !important;
    gap: 18px !important;
    align-items: stretch !important;
    padding: clamp(22px, 3vw, 38px) !important;
    border-radius: 30px !important;
}

html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-patient-hero-modern h1 {
    max-width: 760px !important;
    margin: 8px 0 10px !important;
    font-size: clamp(30px, 3vw, 46px) !important;
    line-height: 1.08 !important;
    letter-spacing: -0.018em !important;
    word-spacing: 0.04em !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
}

html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-patient-command-center {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
    gap: 14px !important;
    align-items: stretch !important;
}

html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-patient-local-nav {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(124px, 1fr)) !important;
    gap: 9px !important;
    align-content: center !important;
}

html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-patient-metric-strip {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)) !important;
    gap: 9px !important;
}

html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-patient-summary-strip,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-case-summary-bar {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
    gap: 12px !important;
}

html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-patient-workspace {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 18px !important;
    align-items: start !important;
}

html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-patient-workspace > .ks-patient-main {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 100% !important;
}

html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-patient-workspace > .ks-patient-quick-panel {
    grid-column: 1 !important;
    grid-row: 2 !important;
    position: relative !important;
    top: auto !important;
    max-height: none !important;
    overflow: visible !important;
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
    gap: 14px !important;
    align-items: stretch !important;
}

html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-form11-detail-grid,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-patient-steps,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-treatment-detail-grid,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-treatment-options,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-invoice-list,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-followup-actions {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
    gap: 12px !important;
}

html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-detail-block,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-form11-detail-card,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-followup-status-form,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-followup-request-card {
    min-width: 0 !important;
    overflow: visible !important;
}

html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 span,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 strong,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 p,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 h1,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 h2,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 h3,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 label,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 button,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 a {
    word-break: normal !important;
    overflow-wrap: break-word !important;
    white-space: normal !important;
}

html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-case-summary-bar > div span,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-treatment-detail-grid > div span,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-followup-status-form label > span,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-detail-block > strong,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-followup-request-card > strong,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-followup-request-card > span {
    display: block !important;
    margin-bottom: 7px !important;
}

html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 input,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 select,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 textarea,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 button {
    max-width: 100% !important;
}

@media (max-width: 980px) {
    html body .cha-pcm-shortcode-root--patient > .ks-portal.ks-patient-portal-v1462,
    html body .cha-pcm-shortcode-root--patient .ks-portal.ks-patient-portal-v1462,
    html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462,
    html body .ks-portal.ks-patient-portal-v1462,
    html body .ks-patient-portal-v1462 {
        width: 100% !important;
        max-width: 100% !important;
        margin: 16px auto 48px !important;
        padding: 0 12px !important;
    }

    html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-patient-hero-modern {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 640px) {
    html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-patient-hero-modern,
    html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-glass-panel,
    html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-patient-command-card,
    html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-patient-local-nav,
    html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-patient-metric-strip,
    html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-case-summary-bar {
        padding: 16px !important;
        border-radius: 20px !important;
    }

    html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-patient-local-nav,
    html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-patient-metric-strip,
    html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-patient-summary-strip,
    html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-form11-detail-grid,
    html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-patient-steps,
    html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-treatment-options,
    html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-followup-actions,
    html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-patient-workspace > .ks-patient-quick-panel {
        grid-template-columns: 1fr !important;
    }
}


/* =========================================================
   Setup 2.58 / v1.4.63 — Patient Portal Support Hub Redesign
   - Replaces the visually heavy four-card strip with a single structured support hub.
   - Removes awkward internal scrollbars and keeps only recent preview rows.
   - Keeps question, payment, message and patient activity records in a clean grid.
========================================================= */
html body .cha-pcm-shortcode-root--patient .ks-portal.ks-patient-portal-v1463,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1463,
html body .ks-portal.ks-patient-portal-v1463,
html body .ks-patient-portal-v1463 {
    width: min(1240px, 100%) !important;
    max-width: 1240px !important;
    margin: 28px auto 64px !important;
    padding: 0 16px !important;
    display: grid !important;
    gap: 18px !important;
    overflow: visible !important;
    box-sizing: border-box !important;
}

html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1463 .ks-patient-workspace {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 18px !important;
}

html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1463 .ks-patient-workspace > .ks-patient-main {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
}

html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1463 .ks-patient-workspace > .ks-patient-quick-panel.ks-patient-support-hub {
    grid-column: 1 !important;
    grid-row: 2 !important;
    position: relative !important;
    top: auto !important;
    max-height: none !important;
    overflow: visible !important;
    display: grid !important;
    grid-template-columns: minmax(310px, 1.05fr) minmax(260px, .85fr) minmax(260px, .85fr) !important;
    gap: 14px !important;
    align-items: stretch !important;
    padding: 18px !important;
    border: 1px solid #dceafa !important;
    border-radius: 30px !important;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
    box-shadow: 0 22px 58px rgba(15, 39, 71, .07) !important;
}

html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1463 .ks-patient-support-header {
    grid-column: 1 / -1 !important;
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    gap: 14px !important;
    align-items: center !important;
    min-width: 0 !important;
    padding: 4px 4px 12px !important;
    border-bottom: 1px solid #e7f0fb !important;
}

html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1463 .ks-patient-support-header > span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 34px !important;
    padding: 7px 12px !important;
    border-radius: 999px !important;
    background: #eef6ff !important;
    color: #0b63c7 !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: .055em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
}

html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1463 .ks-patient-support-header h2 {
    margin: 0 !important;
    color: #092348 !important;
    font-size: clamp(22px, 2vw, 28px) !important;
    line-height: 1.15 !important;
    letter-spacing: -.025em !important;
}

html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1463 .ks-patient-support-header p {
    margin: 5px 0 0 !important;
    color: #64748b !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
}

html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1463 .ks-patient-support-stats {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(62px, 1fr)) !important;
    gap: 8px !important;
}

html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1463 .ks-patient-support-stats div {
    min-width: 0 !important;
    padding: 9px 10px !important;
    border: 1px solid #e7f0fb !important;
    border-radius: 16px !important;
    background: #ffffff !important;
    text-align: center !important;
}

html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1463 .ks-patient-support-stats strong {
    display: block !important;
    color: #0b63c7 !important;
    font-size: 20px !important;
    line-height: 1 !important;
}

html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1463 .ks-patient-support-stats small {
    display: block !important;
    margin-top: 4px !important;
    color: #64748b !important;
    font-size: 11px !important;
    font-weight: 570 !important;
}

html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1463 .ks-patient-hub-card {
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 18px !important;
    border: 1px solid #e5eef8 !important;
    border-radius: 24px !important;
    background: #ffffff !important;
    box-shadow: 0 12px 30px rgba(15, 39, 71, .045) !important;
    overflow: visible !important;
}

html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1463 .ks-patient-hub-card--question {
    grid-column: 1 !important;
    grid-row: 2 / span 2 !important;
    display: grid !important;
    align-content: start !important;
}

html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1463 .ks-patient-hub-card--payments {
    grid-column: 2 !important;
    grid-row: 2 !important;
}

html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1463 .ks-patient-hub-card--messages {
    grid-column: 3 !important;
    grid-row: 2 !important;
}

html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1463 .ks-patient-hub-card--activity {
    grid-column: 2 / 4 !important;
    grid-row: 3 !important;
}

html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1463 .ks-patient-support-hub .ks-section-head {
    margin: 0 0 12px !important;
    padding: 0 0 10px !important;
    border-bottom: 1px solid #edf4fb !important;
}

html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1463 .ks-patient-support-hub .ks-section-head h2 {
    font-size: 19px !important;
    line-height: 1.2 !important;
    letter-spacing: -.02em !important;
}

html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1463 .ks-patient-support-hub .ks-section-head p {
    font-size: 13px !important;
    line-height: 1.5 !important;
}

html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1463 .ks-hub-question-form textarea {
    min-height: 150px !important;
}

html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1463 .ks-hub-question-form button {
    justify-self: start !important;
    min-width: 170px !important;
    min-height: 44px !important;
}

html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1463 .ks-hub-list,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1463 .ks-patient-support-hub .ks-mini-list,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1463 .ks-patient-support-hub .ks-message-list,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1463 .ks-patient-support-hub .ks-timeline-list {
    display: grid !important;
    gap: 9px !important;
    max-height: none !important;
    overflow: visible !important;
    padding-right: 0 !important;
}

html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1463 .ks-hub-row,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1463 .ks-hub-message {
    min-width: 0 !important;
    padding: 12px !important;
    border: 1px solid #e7f0fb !important;
    border-radius: 17px !important;
    background: #fbfdff !important;
}

html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1463 .ks-hub-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
}

html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1463 .ks-hub-row > div {
    min-width: 0 !important;
}

html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1463 .ks-hub-row strong,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1463 .ks-hub-message span {
    display: block !important;
    color: #092348 !important;
    font-size: 14px !important;
    font-weight: 580 !important;
    line-height: 1.35 !important;
    overflow-wrap: break-word !important;
}

html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1463 .ks-hub-row small,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1463 .ks-hub-message small {
    display: block !important;
    margin-top: 5px !important;
    color: #7c8da6 !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
}

html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1463 .ks-hub-message p {
    margin: 6px 0 0 !important;
    color: #334155 !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
    overflow-wrap: break-word !important;
}

html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1463 .ks-hub-message--patient {
    background: #eef6ff !important;
    border-color: #d7e9ff !important;
}

html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1463 .ks-hub-message--staff {
    background: #fffaf0 !important;
    border-color: #f4e5bf !important;
}

html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1463 .ks-hub-footnote {
    margin: 10px 0 0 !important;
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
}

html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1463 .ks-patient-support-hub .ks-empty {
    margin: 0 !important;
    padding: 13px !important;
    border: 1px dashed #dbe8f6 !important;
    border-radius: 16px !important;
    background: #f8fbff !important;
    color: #64748b !important;
}

@media (max-width: 1080px) {
    html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1463 .ks-patient-workspace > .ks-patient-quick-panel.ks-patient-support-hub {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1463 .ks-patient-support-header,
    html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1463 .ks-patient-hub-card--question,
    html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1463 .ks-patient-hub-card--activity {
        grid-column: 1 / -1 !important;
        grid-row: auto !important;
    }
    html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1463 .ks-patient-hub-card--payments,
    html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1463 .ks-patient-hub-card--messages {
        grid-column: auto !important;
        grid-row: auto !important;
    }
}

@media (max-width: 720px) {
    html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1463 .ks-patient-workspace > .ks-patient-quick-panel.ks-patient-support-hub,
    html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1463 .ks-patient-support-header {
        grid-template-columns: 1fr !important;
    }
    html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1463 .ks-patient-support-stats {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
    html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1463 .ks-patient-hub-card--question,
    html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1463 .ks-patient-hub-card--payments,
    html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1463 .ks-patient-hub-card--messages,
    html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1463 .ks-patient-hub-card--activity {
        grid-column: 1 !important;
        grid-row: auto !important;
    }
    html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1463 .ks-hub-question-form button {
        width: 100% !important;
        min-width: 0 !important;
    }
}

/* v1.4.64 — Multi-currency manager finance flow */
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-currency-flow-panel{
    overflow:hidden;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-rate-strip{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin:14px 0 18px;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-rate-strip span{
    display:inline-flex;
    align-items:center;
    min-height:34px;
    padding:8px 12px;
    border:1px solid rgba(15,23,42,.08);
    border-radius:999px;
    background:#fff;
    color:#334155;
    font-size:12px;
    font-weight: 570;
    box-shadow:0 10px 24px rgba(15,23,42,.05);
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-currency-flow-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-currency-flow-grid article{
    border:1px solid rgba(15,23,42,.08);
    border-radius:20px;
    background:linear-gradient(180deg,#fff,rgba(248,250,252,.94));
    padding:15px;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-currency-flow-grid h3{
    margin:0 0 12px;
    color:#0f172a;
    font-size:14px;
    font-weight: 580;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-currency-flow-grid article > div{
    display:grid;
    grid-template-columns:54px 1fr;
    gap:4px 10px;
    align-items:start;
    padding:10px 0;
    border-top:1px solid rgba(15,23,42,.07);
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-currency-flow-grid article > div:first-of-type{
    border-top:0;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-currency-flow-grid article > div > span{
    color:#64748b;
    font-size:11px;
    font-weight: 600;
    letter-spacing:.04em;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-currency-flow-grid article > div > strong{
    color:#0f172a;
    font-size:14px;
    font-weight: 580;
    text-align:right;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-currency-flow-grid article > div > small{
    grid-column:1 / -1;
    color:#64748b;
    font-size:11px;
    text-align:right;
}
@media (max-width: 980px){
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-currency-flow-grid{grid-template-columns:1fr;}
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-currency-flow-grid article > div > strong,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-currency-flow-grid article > div > small{text-align:left;}
}

/* v1.4.69 — disabled action button styling */
.ksc-btn--disabled,
.ksc-btn[disabled] {
    background: #e6edf5 !important;
    color: #7b8da5 !important;
    cursor: not-allowed !important;
    box-shadow: none !important;
}

/* SETUP 2.72: Staff login public copy cleanup */
html body .cha-pcm-shortcode-root .ks-auth-portal-v110 .ks-login-support-grid--single {
    grid-template-columns: 1fr !important;
}
html body .cha-pcm-shortcode-root .ks-application-flow input.ks-manual-date-field {
    cursor: text !important;
    letter-spacing: .02em !important;
}

/* =========================================================
   v1.4.75 — Professional UI polish without changing project colors
   - Fluent Forms workflow preserved
   - Existing color palette preserved
   - Typography, spacing, icons, buttons and responsive containment refined
========================================================= */
html body .cha-pcm-shortcode-root,
html body .cha-pcm-shortcode-root .ks-portal,
html body .cha-pcm-shortcode-root .ks-clean-staff,
html body .cha-pcm-shortcode-root .ks-auth-portal-v110 {
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    text-rendering: geometricPrecision !important;
}

html body .cha-pcm-shortcode-root :where(h1,h2,h3,h4,strong,b,.ksc-brand strong,.ksc-stat strong,.ks-metric-card strong,.ks-fee-summary strong,.ks-reference-card strong) {
    font-weight: 520 !important;
    letter-spacing: -0.018em !important;
}

html body .cha-pcm-shortcode-root :where(p,small,span,li,label,input,textarea,select,button,a,td,th) {
    letter-spacing: -0.006em !important;
}

html body .cha-pcm-shortcode-root :where(.ks-eyebrow,.ks-badge,.ksc-badge,.ksc-tag,.ksc-stat span,.ks-metric-card span,.ks-info-list span,.ks-detail-list span,.ks-table th,.ksc-table th,.ksc-panel-head span) {
    font-weight: 520 !important;
    letter-spacing: .035em !important;
}

html body .cha-pcm-shortcode-root .ks-page-header,
html body .cha-pcm-shortcode-root .ks-panel,
html body .cha-pcm-shortcode-root .ks-flow-card,
html body .cha-pcm-shortcode-root .ks-flow-hero,
html body .cha-pcm-shortcode-root .ks-reference-card,
html body .cha-pcm-shortcode-root .ks-fee-summary,
html body .cha-pcm-shortcode-root .ks-payment-method-card,
html body .cha-pcm-shortcode-root .ks-selected-payment,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-sidebar,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-main,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-panel,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-header,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-case-head,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-stats > article,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-stat,
html body .cha-pcm-shortcode-root .ks-patient-portal-v1463 :where(.ks-patient-shell,.ks-patient-hero,.ks-patient-card,.ks-patient-quick-panel,.ks-patient-hub-card) {
    border-width: 1px !important;
    box-shadow: 0 16px 42px rgba(15, 23, 42, 0.055) !important;
}

html body .cha-pcm-shortcode-root .ks-page-header h1,
html body .cha-pcm-shortcode-root .ks-flow-hero h1,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-header h1,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-case-head h1,
html body .cha-pcm-shortcode-root .ks-patient-portal-v1463 .ks-patient-hero h1 {
    font-weight: 510 !important;
    letter-spacing: -0.04em !important;
    line-height: 1.08 !important;
}

html body .cha-pcm-shortcode-root .ks-panel-title h3,
html body .cha-pcm-shortcode-root .ks-section-head h2,
html body .cha-pcm-shortcode-root .ks-panel h2,
html body .cha-pcm-shortcode-root .ks-flow-section-head h2,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-panel h2,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-panel-head h2,
html body .cha-pcm-shortcode-root .ks-patient-portal-v1463 .ks-section-head h2 {
    font-weight: 510 !important;
    letter-spacing: -0.028em !important;
}

html body .cha-pcm-shortcode-root :where(.ks-primary-button,.ks-danger-button,.ks-small-button,.ks-clean-form button,.ks-action-form button,.ksc-btn,.ksc-form button,.ksc-logout button,.ff-btn-submit,button[type="submit"]) {
    font-weight: 520 !important;
    letter-spacing: -0.01em !important;
    border-radius: 14px !important;
    transform: translateY(0) !important;
}

html body .cha-pcm-shortcode-root :where(.ks-primary-button,.ks-clean-form button,.ks-action-form button,.ff-btn-submit,button[type="submit"]):hover,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-btn:hover,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-logout button:hover {
    transform: translateY(-1px) !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-sidebar {
    position: sticky !important;
    top: 18px !important;
    border-radius: 28px !important;
    padding: 18px 14px !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-brand {
    padding: 4px 8px 18px !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-nav {
    display: grid !important;
    gap: 7px !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-nav a,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-logout button {
    display: grid !important;
    grid-template-columns: 34px minmax(0, 1fr) !important;
    gap: 10px !important;
    align-items: center !important;
    min-height: 44px !important;
    padding: 6px 10px 6px 6px !important;
    font-size: 13.5px !important;
    font-weight: 510 !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-nav a::before {
    display: none !important;
    content: none !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-nav-icon {
    width: 34px !important;
    height: 34px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 13px !important;
    background: rgba(15, 118, 110, 0.08) !important;
    color: #0B5FCC !important;
    flex: 0 0 auto !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-nav-icon svg {
    width: 18px !important;
    height: 18px !important;
    display: block !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-nav-label,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-logout button span:last-child {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-nav a:hover .ksc-nav-icon,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-nav a.is-active .ksc-nav-icon {
    background: #0B5FCC !important;
    color: #ffffff !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-logout button {
    width: 100% !important;
    border: 1px solid #e6edf7 !important;
    background: #ffffff !important;
    color: #475569 !important;
    box-shadow: none !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-logout button:hover {
    background: #ecfeff !important;
    color: #0B5FCC !important;
}

html body .cha-pcm-shortcode-root :where(input,select,textarea) {
    font-weight: 450 !important;
    border-radius: 14px !important;
}

html body .cha-pcm-shortcode-root :where(input,select,textarea)::placeholder {
    color: #94a3b8 !important;
    font-weight: 400 !important;
}

html body .cha-pcm-shortcode-root .ks-table-wrap,
html body .cha-pcm-shortcode-root .ksc-table-wrap,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-panel {
    max-width: 100% !important;
    min-width: 0 !important;
}

html body .cha-pcm-shortcode-root :where(.ks-table,.ksc-table) th,
html body .cha-pcm-shortcode-root :where(.ks-table,.ksc-table) td {
    font-size: 13px !important;
    line-height: 1.45 !important;
}

html body .cha-pcm-shortcode-root :where(.ksc-row,.ksc-payment-card,.ksc-doc-card,.ksc-mini-record,.ksc-option-box,.ksc-msg,.ksc-data-section,.ks-hub-row,.ks-hub-message) {
    box-shadow: 0 10px 26px rgba(15, 23, 42, 0.035) !important;
}

@media (max-width: 1180px) {
    html body .cha-pcm-shortcode-root .ks-clean-staff {
        grid-template-columns: 84px minmax(0, 1fr) !important;
        gap: 14px !important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-sidebar {
        padding: 14px 10px !important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-brand span,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-nav-label,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-logout button span:last-child {
        display: none !important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-brand strong {
        font-size: 0 !important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-brand strong::after {
        content: "KS" !important;
        font-size: 16px !important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-nav a,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-logout button {
        grid-template-columns: 34px !important;
        justify-content: center !important;
        padding: 6px !important;
    }
}

@media (max-width: 780px) {
    html body .cha-pcm-shortcode-root,
    html body .cha-pcm-shortcode-root .ks-portal,
    html body .cha-pcm-shortcode-root .ks-clean-staff {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff {
        display: block !important;
        padding: 10px !important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-sidebar {
        position: relative !important;
        top: auto !important;
        width: 100% !important;
        margin: 0 0 12px !important;
        border-radius: 22px !important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-brand span,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-nav-label,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-logout button span:last-child {
        display: inline !important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-brand strong {
        font-size: 15px !important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-brand strong::after {
        content: none !important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-nav {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-nav a,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-logout button {
        grid-template-columns: 30px minmax(0, 1fr) !important;
        justify-content: start !important;
        min-height: 40px !important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-nav-icon {
        width: 30px !important;
        height: 30px !important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-nav-icon svg {
        width: 16px !important;
        height: 16px !important;
    }
    html body .cha-pcm-shortcode-root .ks-page-header h1,
    html body .cha-pcm-shortcode-root .ks-flow-hero h1,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-header h1,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-case-head h1,
    html body .cha-pcm-shortcode-root .ks-patient-portal-v1463 .ks-patient-hero h1 {
        font-size: clamp(24px, 7vw, 31px) !important;
    }
}


/* ==========================================================================
   v1.4.76 — Professional Typography System
   Purpose: make the whole portal typography lighter, calmer and more premium
   without changing the existing project colors or the Fluent Forms flow.
   ========================================================================== */
html body .cha-pcm-shortcode-root,
html body .cha-pcm-shortcode-root .ks-clean-staff,
html body .cha-pcm-shortcode-root .ks-patient-portal-v1463,
html body .cha-pcm-shortcode-root .ks-portal,
html body .cha-pcm-shortcode-root .ks-login-page,
html body .cha-pcm-shortcode-root .ks-application-page {
    --ks-font-sans-pro: Inter, Aptos, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-family: var(--ks-font-sans-pro) !important;
    font-weight: 400 !important;
    font-synthesis-weight: none !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    text-rendering: optimizeLegibility !important;
}

html body .cha-pcm-shortcode-root :where(p,li,td,dd,span,small,time,input,select,textarea) {
    font-family: var(--ks-font-sans-pro) !important;
    font-weight: 400 !important;
    line-height: 1.55 !important;
}

html body .cha-pcm-shortcode-root :where(h1,h2,h3,h4,h5,h6),
html body .cha-pcm-shortcode-root :where(.ks-page-header h1,.ks-flow-hero h1,.ks-panel-title h3,.ks-section-head h2,.ks-flow-section-head h2,.ks-clean-staff .ksc-header h1,.ks-clean-staff .ksc-case-head h1,.ks-clean-staff .ksc-panel h2,.ks-clean-staff .ksc-panel-head h2,.ks-patient-portal-v1463 .ks-patient-hero h1,.ks-patient-portal-v1463 .ks-section-head h2,.ks-patient-support-header h2) {
    font-family: var(--ks-font-sans-pro) !important;
    font-weight: 540 !important;
    letter-spacing: -0.032em !important;
    text-wrap: balance;
}

html body .cha-pcm-shortcode-root :where(h1,.ks-page-header h1,.ks-flow-hero h1,.ks-clean-staff .ksc-header h1,.ks-clean-staff .ksc-case-head h1,.ks-patient-portal-v1463 .ks-patient-hero h1) {
    font-weight: 520 !important;
    line-height: 1.08 !important;
    letter-spacing: -0.045em !important;
}

html body .cha-pcm-shortcode-root :where(h2,.ks-section-head h2,.ks-flow-section-head h2,.ks-clean-staff .ksc-panel h2,.ks-clean-staff .ksc-panel-head h2,.ks-patient-portal-v1463 .ks-section-head h2,.ks-patient-support-header h2) {
    font-weight: 530 !important;
    line-height: 1.16 !important;
    letter-spacing: -0.038em !important;
}

html body .cha-pcm-shortcode-root :where(h3,h4,.ks-panel-title h3,.ks-clean-staff .ksc-card-title,.ks-clean-staff .ksc-row strong,.ks-patient-hub-card h3) {
    font-weight: 520 !important;
    letter-spacing: -0.026em !important;
}

html body .cha-pcm-shortcode-root :where(strong,b,.ks-clean-staff strong,.ks-patient-portal-v1463 strong,.ks-detail-list b,.ks-info-list b,.ksc-stat strong,.ksc-mini-record strong,.ks-hub-row strong,.ks-patient-stat strong,.ks-patient-info strong,.ks-treatment-card strong) {
    font-family: var(--ks-font-sans-pro) !important;
    font-weight: 560 !important;
    letter-spacing: -0.018em !important;
}

html body .cha-pcm-shortcode-root :where(label,.ks-eyebrow,.ks-badge,.ks-status-pill,.ks-chip,.ks-tag,.ksc-badge,.ksc-tag,.ksc-status,.ksc-stat span,.ks-metric-card span,.ks-info-list span,.ks-detail-list span,.ks-table th,.ksc-table th,.ksc-panel-head span,.ks-patient-stat span,.ks-hub-kicker,.ks-patient-hero-badge,.ks-patient-card-label) {
    font-family: var(--ks-font-sans-pro) !important;
    font-weight: 520 !important;
    letter-spacing: 0.025em !important;
}

html body .cha-pcm-shortcode-root :where(.ks-primary-button,.ks-danger-button,.ks-small-button,.ks-clean-form button,.ks-action-form button,.ksc-btn,.ksc-form button,.ksc-logout button,.ff-btn-submit,button[type="submit"],button,a.ks-primary-button,a.ks-small-button) {
    font-family: var(--ks-font-sans-pro) !important;
    font-weight: 550 !important;
    letter-spacing: -0.012em !important;
}

html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-nav a,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-logout button,
html body .cha-pcm-shortcode-root .ks-patient-portal-v1463 .ks-patient-nav a,
html body .cha-pcm-shortcode-root .ks-patient-portal-v1463 .ks-patient-quick-grid a,
html body .cha-pcm-shortcode-root .ks-patient-portal-v1463 .ks-patient-quick-grid button {
    font-weight: 520 !important;
    letter-spacing: -0.01em !important;
}

html body .cha-pcm-shortcode-root :where(.ks-table,.ksc-table) th {
    font-weight: 520 !important;
    letter-spacing: .02em !important;
}

html body .cha-pcm-shortcode-root :where(.ks-table,.ksc-table) td,
html body .cha-pcm-shortcode-root :where(.ks-clean-staff .ksc-row p,.ks-clean-staff .ksc-row span,.ks-patient-portal-v1463 p,.ks-patient-portal-v1463 small) {
    font-weight: 400 !important;
}

html body .cha-pcm-shortcode-root :where(.ksc-status,.ks-status-pill,.ks-badge,.ks-chip,.ks-tag,.ksc-badge,.ksc-tag,.ks-patient-portal-v1463 .ks-decision-pill,.ks-patient-portal-v1463 .ks-stage-pill) {
    font-weight: 540 !important;
}

html body .cha-pcm-shortcode-root :where(.ks-flow-step,.ks-step-tab,.ks-clean-staff .ksc-step,.ks-patient-portal-v1463 .ks-patient-tab) strong,
html body .cha-pcm-shortcode-root :where(.ks-flow-step,.ks-step-tab,.ks-clean-staff .ksc-step,.ks-patient-portal-v1463 .ks-patient-tab) span {
    font-weight: 540 !important;
    letter-spacing: -0.018em !important;
}

html body .cha-pcm-shortcode-root :where(input,select,textarea) {
    font-weight: 400 !important;
    letter-spacing: -0.005em !important;
}

html body .cha-pcm-shortcode-root :where(input,select,textarea)::placeholder {
    font-weight: 400 !important;
    opacity: .86 !important;
}

@media (max-width: 780px) {
    html body .cha-pcm-shortcode-root :where(h1,.ks-page-header h1,.ks-flow-hero h1,.ks-clean-staff .ksc-header h1,.ks-clean-staff .ksc-case-head h1,.ks-patient-portal-v1463 .ks-patient-hero h1) {
        font-weight: 520 !important;
        letter-spacing: -0.04em !important;
    }
}


/* v1.4.77 — Modern no-scroll process map for staff case detail
   Goal: remove horizontal stepper scroll and render the case process as a clean,
   responsive, technology-style map while preserving the existing KS colors. */
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-flow-shell{
    position:relative !important;
    width:100% !important;
    min-width:0 !important;
    margin:0 0 18px !important;
    padding:14px !important;
    border:1px solid #dbe9f8 !important;
    border-radius:22px !important;
    background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(244,249,255,.86)) !important;
    box-shadow:0 16px 36px rgba(15,55,105,.045) !important;
    overflow:hidden !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-flow-shell::before{
    content:"" !important;
    position:absolute !important;
    inset:-80px -120px auto auto !important;
    width:260px !important;
    height:180px !important;
    border-radius:999px !important;
    background:radial-gradient(circle,rgba(11,100,192,.10),rgba(11,100,192,0) 68%) !important;
    pointer-events:none !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-flow-head{
    position:relative !important;
    z-index:1 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
    margin:0 0 12px !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-flow-head span{
    display:block !important;
    margin:0 0 3px !important;
    color:#667085 !important;
    font-size:11px !important;
    line-height:1.2 !important;
    letter-spacing:.07em !important;
    text-transform:uppercase !important;
    font-weight:560 !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-flow-head strong{
    display:block !important;
    color:#0b356d !important;
    font-size:18px !important;
    line-height:1.2 !important;
    letter-spacing:-.025em !important;
    font-weight:620 !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-flow-head small{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:32px !important;
    padding:8px 12px !important;
    border-radius:999px !important;
    border:1px solid #d6e8fb !important;
    background:#ffffff !important;
    color:#0b64c0 !important;
    font-size:12px !important;
    font-weight:600 !important;
    white-space:nowrap !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-flow-progress{
    position:relative !important;
    z-index:1 !important;
    height:7px !important;
    margin:0 0 14px !important;
    border-radius:999px !important;
    background:#eaf2fb !important;
    overflow:hidden !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-flow-progress i{
    display:block !important;
    width:var(--ksc-flow-progress,0%) !important;
    height:100% !important;
    border-radius:inherit !important;
    background:linear-gradient(90deg,#0b64c0,#1585d4) !important;
    box-shadow:0 0 18px rgba(11,100,192,.24) !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-flow-shell .ksc-flow{
    position:relative !important;
    z-index:1 !important;
    display:grid !important;
    grid-template-columns:repeat(auto-fit,minmax(128px,1fr)) !important;
    gap:10px !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:visible !important;
    overflow-x:visible !important;
    scrollbar-width:none !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-flow-shell .ksc-flow::-webkit-scrollbar{
    display:none !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-flow-shell .ksc-flow span{
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    min-width:0 !important;
    width:auto !important;
    min-height:48px !important;
    padding:10px 11px !important;
    border-radius:16px !important;
    border:1px solid #e0eaf6 !important;
    background:rgba(255,255,255,.86) !important;
    color:#53657d !important;
    box-shadow:0 8px 18px rgba(15,55,105,.025) !important;
    white-space:normal !important;
    overflow:hidden !important;
    transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-flow-shell .ksc-flow span:hover{
    transform:translateY(-1px) !important;
    border-color:#cfe4ff !important;
    box-shadow:0 12px 24px rgba(15,55,105,.055) !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-flow-shell .ksc-flow span em{
    flex:0 0 26px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:26px !important;
    height:26px !important;
    border-radius:10px !important;
    background:#eef4fb !important;
    color:#667085 !important;
    font-size:11px !important;
    line-height:1 !important;
    font-style:normal !important;
    font-weight:600 !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-flow-shell .ksc-flow span strong{
    display:block !important;
    min-width:0 !important;
    color:inherit !important;
    font-size:12.5px !important;
    line-height:1.22 !important;
    letter-spacing:-.01em !important;
    font-weight:560 !important;
    white-space:normal !important;
    overflow-wrap:normal !important;
    word-break:normal !important;
    hyphens:none !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-flow-shell .ksc-flow span.is-on:not(.is-current){
    background:#f0f7ff !important;
    border-color:#cfe4ff !important;
    color:#175cd3 !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-flow-shell .ksc-flow span.is-on:not(.is-current) em{
    position:relative !important;
    background:#d9ebff !important;
    color:#175cd3 !important;
    font-size:0 !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-flow-shell .ksc-flow span.is-on:not(.is-current) em::after{
    content:"✓" !important;
    font-size:13px !important;
    line-height:1 !important;
    font-weight:700 !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-flow-shell .ksc-flow span.is-current{
    background:linear-gradient(135deg,#0b64c0,#0756aa) !important;
    border-color:#0b64c0 !important;
    color:#ffffff !important;
    box-shadow:0 15px 30px rgba(11,100,192,.20) !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-flow-shell .ksc-flow span.is-current::after{
    content:"" !important;
    position:absolute !important;
    inset:auto 10px 8px 44px !important;
    height:2px !important;
    border-radius:999px !important;
    background:rgba(255,255,255,.34) !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-flow-shell .ksc-flow span.is-current em{
    background:rgba(255,255,255,.18) !important;
    color:#ffffff !important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.18) !important;
}
@media(max-width:1100px){
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-flow-shell .ksc-flow{
        grid-template-columns:repeat(auto-fit,minmax(118px,1fr)) !important;
    }
}
@media(max-width:720px){
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-flow-shell{
        padding:12px !important;
        border-radius:18px !important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-flow-head{
        align-items:flex-start !important;
        flex-direction:column !important;
        gap:8px !important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-flow-head strong{
        font-size:17px !important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-flow-shell .ksc-flow{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:8px !important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-flow-shell .ksc-flow span{
        min-height:44px !important;
        padding:9px !important;
        border-radius:14px !important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-flow-shell .ksc-flow span strong{
        font-size:12px !important;
    }
}
@media(max-width:380px){
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-flow-shell .ksc-flow{
        grid-template-columns:1fr !important;
    }
}


/* =========================================================
   v1.4.79 — Compact modern case detail header
   Goal: redesign the upper patient file workspace to feel lighter,
   calmer and more technological without changing the KS color palette.
========================================================= */
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-detail-hero{
    position:relative !important;
    display:grid !important;
    grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr) !important;
    gap:14px !important;
    align-items:stretch !important;
    margin:0 0 14px !important;
    padding:14px !important;
    border:1px solid #dbe9f8 !important;
    border-radius:28px !important;
    background:
        radial-gradient(circle at 0% 0%,rgba(11,100,192,.10),rgba(11,100,192,0) 34%),
        linear-gradient(135deg,rgba(255,255,255,.98),rgba(242,248,255,.88)) !important;
    box-shadow:0 18px 44px rgba(15,55,105,.055) !important;
    overflow:hidden !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-detail-hero::after{
    content:"" !important;
    position:absolute !important;
    inset:auto -70px -110px auto !important;
    width:240px !important;
    height:220px !important;
    border-radius:999px !important;
    background:radial-gradient(circle,rgba(11,100,192,.08),rgba(11,100,192,0) 68%) !important;
    pointer-events:none !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-detail-hero-main,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-next-action-card{
    position:relative !important;
    z-index:1 !important;
    border:1px solid rgba(219,233,248,.92) !important;
    border-radius:20px !important;
    background:rgba(255,255,255,.86) !important;
    box-shadow:0 10px 28px rgba(15,55,105,.035) !important;
    backdrop-filter:blur(10px) !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-detail-hero-main{
    display:grid !important;
    align-content:start !important;
    gap:10px !important;
    padding:18px !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-back{
    width:max-content !important;
    display:inline-flex !important;
    align-items:center !important;
    gap:6px !important;
    margin:0 !important;
    padding:7px 10px !important;
    border:1px solid #dbe9f8 !important;
    border-radius:999px !important;
    background:#ffffff !important;
    color:#0b64c0 !important;
    font-size:12px !important;
    line-height:1 !important;
    font-weight:560 !important;
    text-decoration:none !important;
    box-shadow:0 6px 14px rgba(15,55,105,.035) !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-detail-title{
    display:flex !important;
    align-items:center !important;
    flex-wrap:wrap !important;
    gap:8px 12px !important;
    margin:0 !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-detail-title span{
    display:inline-flex !important;
    align-items:center !important;
    min-height:28px !important;
    padding:7px 10px !important;
    border-radius:999px !important;
    background:#eef6ff !important;
    color:#17428f !important;
    font-size:11px !important;
    line-height:1 !important;
    font-weight:560 !important;
    letter-spacing:.035em !important;
    text-transform:uppercase !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-detail-title h1{
    margin:0 !important;
    color:#07182f !important;
    font-size:clamp(21px,2vw,29px) !important;
    line-height:1.12 !important;
    letter-spacing:-.035em !important;
    font-weight:640 !important;
    overflow-wrap:anywhere !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-detail-hero-main p{
    max-width:760px !important;
    margin:0 !important;
    color:#40546d !important;
    font-size:13.5px !important;
    line-height:1.55 !important;
    font-weight:400 !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-detail-chips{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:7px !important;
    margin-top:2px !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-detail-chips span{
    min-height:28px !important;
    padding:7px 10px !important;
    border-radius:999px !important;
    background:#f2f8ff !important;
    border:1px solid #dbe9f8 !important;
    color:#17428f !important;
    font-size:11.5px !important;
    line-height:1 !important;
    font-weight:520 !important;
    box-shadow:none !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-next-action-card{
    display:grid !important;
    align-content:start !important;
    gap:10px !important;
    padding:16px !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-next-action-card > span{
    color:#667085 !important;
    font-size:11px !important;
    line-height:1.2 !important;
    letter-spacing:.06em !important;
    text-transform:uppercase !important;
    font-weight:560 !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-next-action-card .ksc-case-status{
    display:flex !important;
    align-items:center !important;
    flex-wrap:wrap !important;
    gap:7px !important;
    margin:0 !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-next-action-card strong{
    display:block !important;
    color:#07182f !important;
    font-size:15.5px !important;
    line-height:1.25 !important;
    letter-spacing:-.02em !important;
    font-weight:620 !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-next-action-card p{
    margin:0 !important;
    color:#40546d !important;
    font-size:12.5px !important;
    line-height:1.55 !important;
    font-weight:400 !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-detail-summary-strip{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:10px !important;
    margin:0 0 14px !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-detail-summary-strip > article{
    min-width:0 !important;
    padding:14px !important;
    border:1px solid #dfeaf6 !important;
    border-radius:18px !important;
    background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%) !important;
    box-shadow:0 10px 24px rgba(15,55,105,.035) !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-detail-summary-strip article span{
    color:#667085 !important;
    font-size:10.8px !important;
    line-height:1.2 !important;
    letter-spacing:.055em !important;
    text-transform:uppercase !important;
    font-weight:560 !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-detail-summary-strip article strong{
    display:block !important;
    margin-top:6px !important;
    color:#07182f !important;
    font-size:15px !important;
    line-height:1.25 !important;
    letter-spacing:-.018em !important;
    font-weight:620 !important;
    overflow-wrap:anywhere !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-detail-summary-strip article small{
    display:block !important;
    margin-top:5px !important;
    color:#667085 !important;
    font-size:11.5px !important;
    line-height:1.45 !important;
    font-weight:400 !important;
    overflow-wrap:anywhere !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-flow-shell{
    margin-top:0 !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-danger-zone{
    margin-top:0 !important;
}
@media(max-width:1120px){
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-detail-hero{
        grid-template-columns:1fr !important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-detail-summary-strip{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }
}
@media(max-width:720px){
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-detail-hero{
        padding:10px !important;
        border-radius:22px !important;
        gap:10px !important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-detail-hero-main,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-next-action-card{
        padding:14px !important;
        border-radius:17px !important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-detail-title{
        align-items:flex-start !important;
        flex-direction:column !important;
        gap:7px !important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-detail-title h1{
        font-size:22px !important;
        letter-spacing:-.025em !important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-detail-summary-strip{
        grid-template-columns:1fr !important;
    }
}

/* Setup 3.06 - Professional finance command center */
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-finance-command{
    display:grid !important;
    grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr) !important;
    align-items:stretch !important;
    gap:18px !important;
    padding:22px !important;
    border-radius:28px !important;
    background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(240,247,255,.92)) !important;
    border:1px solid rgba(188,213,241,.82) !important;
    box-shadow:0 22px 55px rgba(15,45,90,.08) !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-eyebrow{
    display:inline-flex !important;
    align-items:center !important;
    width:max-content !important;
    padding:7px 11px !important;
    border-radius:999px !important;
    background:#eef6ff !important;
    color:#075bb6 !important;
    font-size:11px !important;
    line-height:1 !important;
    letter-spacing:.045em !important;
    text-transform:uppercase !important;
    font-weight:600 !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-finance-command h2{
    margin:13px 0 8px !important;
    color:#07182f !important;
    font-size:28px !important;
    line-height:1.12 !important;
    letter-spacing:-.034em !important;
    font-weight:610 !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-finance-command p{
    max-width:760px !important;
    margin:0 !important;
    color:#51657f !important;
    font-size:14px !important;
    line-height:1.62 !important;
    font-weight:400 !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-finance-command-meta{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:8px !important;
    margin-top:16px !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-finance-command-meta span{
    display:inline-flex !important;
    padding:7px 10px !important;
    border-radius:999px !important;
    background:rgba(255,255,255,.78) !important;
    border:1px solid rgba(198,218,241,.72) !important;
    color:#344967 !important;
    font-size:12px !important;
    line-height:1.1 !important;
    font-weight:450 !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-finance-command-actions{
    display:flex !important;
    flex-direction:column !important;
    justify-content:space-between !important;
    gap:14px !important;
    padding:16px !important;
    border-radius:22px !important;
    background:rgba(255,255,255,.76) !important;
    border:1px solid rgba(205,223,244,.8) !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-finance-command .ksc-period-form{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-finance-command .ksc-period-form select{
    width:100% !important;
    min-height:42px !important;
    border-radius:14px !important;
    font-weight:500 !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-finance-export-actions{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-finance-export-actions .ksc-btn{
    width:100% !important;
    justify-content:center !important;
    min-height:38px !important;
    font-size:12.5px !important;
    font-weight:560 !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-finance-kpis{
    display:grid !important;
    grid-template-columns:repeat(6,minmax(0,1fr)) !important;
    gap:12px !important;
    margin:16px 0 !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-finance-kpis article{
    min-height:118px !important;
    padding:16px !important;
    border-radius:22px !important;
    background:#fff !important;
    border:1px solid #dceafb !important;
    box-shadow:0 16px 34px rgba(16,44,86,.055) !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-finance-kpis article.is-primary{
    background:linear-gradient(135deg,#1266c3,#0b58ad) !important;
    border-color:#1266c3 !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-finance-kpis article span{
    display:block !important;
    color:#667085 !important;
    font-size:11.5px !important;
    line-height:1.2 !important;
    letter-spacing:.04em !important;
    text-transform:uppercase !important;
    font-weight:560 !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-finance-kpis article strong{
    display:block !important;
    margin-top:10px !important;
    color:#07182f !important;
    font-size:20px !important;
    line-height:1.1 !important;
    letter-spacing:-.025em !important;
    font-weight:620 !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-finance-kpis article small{
    display:block !important;
    margin-top:8px !important;
    color:#60748f !important;
    font-size:12px !important;
    line-height:1.35 !important;
    font-weight:400 !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-finance-kpis article.is-primary span,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-finance-kpis article.is-primary small,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-finance-kpis article.is-primary strong{
    color:#fff !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-finance-report-grid{
    display:grid !important;
    grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr) !important;
    gap:14px !important;
    margin:14px 0 !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-finance-chart--modern{
    min-height:260px !important;
    padding:18px 12px 10px !important;
    border-radius:22px !important;
    background:linear-gradient(180deg,#f8fbff,#ffffff) !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-health-meter{
    display:grid !important;
    grid-template-columns:1fr auto !important;
    gap:10px 14px !important;
    align-items:center !important;
    padding:15px !important;
    border-radius:20px !important;
    background:#f7fbff !important;
    border:1px solid #dceafb !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-health-meter>div{
    height:11px !important;
    border-radius:999px !important;
    background:#e8f1fb !important;
    overflow:hidden !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-health-meter>div span{
    display:block !important;
    height:100% !important;
    border-radius:999px !important;
    background:#1266c3 !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-health-meter strong{
    color:#07182f !important;
    font-size:24px !important;
    font-weight:620 !important;
    letter-spacing:-.025em !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-health-meter small{
    grid-column:1/-1 !important;
    color:#60748f !important;
    font-size:12px !important;
    font-weight:450 !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-finance-signal-list,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-cost-ranking-list{
    display:grid !important;
    gap:10px !important;
    margin-top:14px !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-finance-signal-list div,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-cost-rank-row{
    padding:12px !important;
    border-radius:16px !important;
    background:#fff !important;
    border:1px solid #e1edf9 !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-finance-signal-list div{
    display:flex !important;
    justify-content:space-between !important;
    gap:12px !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-finance-signal-list span,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-cost-rank-row span,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-cost-rank-row small{
    color:#667085 !important;
    font-size:12px !important;
    line-height:1.35 !important;
    font-weight:450 !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-finance-signal-list strong,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-cost-rank-row strong{
    color:#07182f !important;
    font-size:13px !important;
    font-weight:610 !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-cost-rank-row>div:first-child{
    display:flex !important;
    justify-content:space-between !important;
    gap:12px !important;
    margin-bottom:9px !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-rank-bar{
    height:8px !important;
    border-radius:999px !important;
    background:#e8f1fb !important;
    overflow:hidden !important;
    margin-bottom:8px !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-rank-bar span{
    display:block !important;
    height:100% !important;
    border-radius:999px !important;
    background:#1266c3 !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-finance-entry-grid{
    align-items:start !important;
}
@media(max-width:1280px){
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-finance-kpis{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-finance-report-grid{grid-template-columns:1fr !important;}
}
@media(max-width:860px){
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-finance-command{grid-template-columns:1fr !important;padding:16px !important;border-radius:22px !important;}
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-finance-command h2{font-size:22px !important;}
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-finance-kpis{grid-template-columns:1fr !important;}
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-finance-kpis article{min-height:auto !important;}
}

/* v1.4.82 TropiPay infrastructure polish */
.ksc-settings-divider{height:1px;background:rgba(15,23,42,.08);margin:20px 0}.ksc-panel-head--compact{margin-top:4px}.ksc-panel-head--compact h3{margin:0;font-size:18px;font-weight:620;letter-spacing:-.02em}.ks-tropipay-card .ks-tropipay-action-form{margin-top:14px}.ks-tropipay-summary{margin:10px 0 14px}.ks-tropipay-card .ks-payment-review-note{display:block;margin-top:10px;color:#64748b}.ksc-tropipay-link-panel{margin-bottom:18px}


/* =========================================================
   v1.4.85 — Mobile full-width layout fix
   Application, staff case workspace and patient portal use the real phone width.
   Payment/TropiPay/Garanti logic is untouched.
========================================================= */
@media (max-width: 782px) {
    html.cha-pcm-has-portal,
    html.cha-pcm-has-portal body,
    body.cha-pcm-page {
        overflow-x: hidden !important;
    }

    body.cha-pcm-page .site,
    body.cha-pcm-page .site-content,
    body.cha-pcm-page .content-area,
    body.cha-pcm-page .site-main,
    body.cha-pcm-page main,
    body.cha-pcm-page article,
    body.cha-pcm-page .entry-content,
    body.cha-pcm-page .page-content,
    body.cha-pcm-page .wp-block-post-content {
        width: 100% !important;
        max-width: none !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        overflow-x: visible !important;
    }

    body.cha-pcm-page .entry-content > .cha-pcm-shortcode-root,
    body.cha-pcm-page .wp-block-post-content > .cha-pcm-shortcode-root,
    html body .cha-pcm-shortcode-root--application,
    html body .cha-pcm-shortcode-root--patient,
    html body .cha-pcm-shortcode-root--staff,
    html body .cha-pcm-shortcode-root--payment {
        width: 100vw !important;
        max-width: 100vw !important;
        min-width: 0 !important;
        margin-left: calc(50% - 50vw) !important;
        margin-right: calc(50% - 50vw) !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        left: auto !important;
        transform: none !important;
        overflow-x: visible !important;
        box-sizing: border-box !important;
    }

    html body .cha-pcm-shortcode-root--application > .ks-application-flow,
    html body .cha-pcm-shortcode-root--payment > .ks-payment-flow,
    html body .cha-pcm-shortcode-root--patient > .ks-patient-portal,
    html body .cha-pcm-shortcode-root--patient > .ks-patient-portal-v108,
    html body .cha-pcm-shortcode-root--staff > .ks-staff-portal,
    html body .cha-pcm-shortcode-root--staff > .ks-clean-staff {
        position: relative !important;
        left: auto !important;
        right: auto !important;
        transform: none !important;
        width: calc(100vw - 8px) !important;
        max-width: calc(100vw - 8px) !important;
        min-width: 0 !important;
        margin: 6px auto 44px !important;
        padding: 6px !important;
        border-radius: 18px !important;
        overflow-x: hidden !important;
        contain: none !important;
        box-sizing: border-box !important;
    }

    /* Staff portal / case detail: remove the desktop side compression on phones. */
    html body .cha-pcm-shortcode-root--staff .ks-clean-staff {
        display: block !important;
        grid-template-columns: 1fr !important;
        gap: 10px !important;
        background: transparent !important;
    }

    html body .cha-pcm-shortcode-root--staff .ks-clean-staff .ksc-sidebar,
    html body .cha-pcm-shortcode-root--staff .ks-clean-staff .ksc-main,
    html body .cha-pcm-shortcode-root--staff .ks-clean-staff .ksc-panel,
    html body .cha-pcm-shortcode-root--staff .ks-clean-staff .ksc-header,
    html body .cha-pcm-shortcode-root--staff .ks-clean-staff .ksc-case-head,
    html body .cha-pcm-shortcode-root--staff .ks-clean-staff .ksc-detail-hero,
    html body .cha-pcm-shortcode-root--staff .ks-clean-staff .ksc-flow-shell,
    html body .cha-pcm-shortcode-root--staff .ks-clean-staff .ksc-detail-summary-strip {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }

    html body .cha-pcm-shortcode-root--staff .ks-clean-staff .ksc-sidebar,
    html body .cha-pcm-shortcode-root--staff .ks-clean-staff .ksc-main,
    html body .cha-pcm-shortcode-root--staff .ks-clean-staff .ksc-panel,
    html body .cha-pcm-shortcode-root--staff .ks-clean-staff .ksc-header,
    html body .cha-pcm-shortcode-root--staff .ks-clean-staff .ksc-case-head,
    html body .cha-pcm-shortcode-root--staff .ks-clean-staff .ksc-detail-hero,
    html body .cha-pcm-shortcode-root--staff .ks-clean-staff .ksc-detail-hero-main,
    html body .cha-pcm-shortcode-root--staff .ks-clean-staff .ksc-next-action-card {
        padding: 12px !important;
        border-radius: 18px !important;
    }

    html body .cha-pcm-shortcode-root--staff .ks-clean-staff .ksc-nav {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }

    html body .cha-pcm-shortcode-root--staff .ks-clean-staff .ksc-row,
    html body .cha-pcm-shortcode-root--staff .ks-clean-staff .ksc-row-shell,
    html body .cha-pcm-shortcode-root--staff .ks-clean-staff .ksc-case-status,
    html body .cha-pcm-shortcode-root--staff .ks-clean-staff .ksc-row-meta,
    html body .cha-pcm-shortcode-root--staff .ks-clean-staff .ksc-detail-chips {
        max-width: 100% !important;
        min-width: 0 !important;
        flex-wrap: wrap !important;
        overflow-wrap: anywhere !important;
    }

    html body .cha-pcm-shortcode-root--staff .ks-clean-staff .ksc-detail-hero,
    html body .cha-pcm-shortcode-root--staff .ks-clean-staff .ksc-header,
    html body .cha-pcm-shortcode-root--staff .ks-clean-staff .ksc-case-head,
    html body .cha-pcm-shortcode-root--staff .ks-clean-staff .ksc-panel-head,
    html body .cha-pcm-shortcode-root--staff .ks-clean-staff .ksc-detail-summary-strip,
    html body .cha-pcm-shortcode-root--staff .ks-clean-staff .ksc-stats,
    html body .cha-pcm-shortcode-root--staff .ks-clean-staff .ksc-dashboard-grid,
    html body .cha-pcm-shortcode-root--staff .ks-clean-staff .ksc-two-col,
    html body .cha-pcm-shortcode-root--staff .ks-clean-staff .ksc-finance-entry-grid,
    html body .cha-pcm-shortcode-root--staff .ks-clean-staff .ksc-finance-report-grid {
        grid-template-columns: 1fr !important;
    }

    html body .cha-pcm-shortcode-root--staff .ks-clean-staff .ksc-detail-title h1 {
        font-size: clamp(22px, 8vw, 30px) !important;
        line-height: 1.08 !important;
    }

    /* Application/payment forms: keep the existing design, but reduce nested spacing. */
    html body .cha-pcm-shortcode-root--application .ks-application-flow,
    html body .cha-pcm-shortcode-root--payment .ks-payment-flow {
        padding: 4px !important;
        margin-top: 4px !important;
    }

    html body .cha-pcm-shortcode-root--application .ks-application-modern-hero,
    html body .cha-pcm-shortcode-root--application .ks-flow-hero,
    html body .cha-pcm-shortcode-root--application .ks-flow-card,
    html body .cha-pcm-shortcode-root--application .ks-flow-card--compact,
    html body .cha-pcm-shortcode-root--application .ks-reference-card,
    html body .cha-pcm-shortcode-root--application .ks-fee-card-large,
    html body .cha-pcm-shortcode-root--application .ks-fee-note-card,
    html body .cha-pcm-shortcode-root--payment .ks-flow-hero,
    html body .cha-pcm-shortcode-root--payment .ks-flow-card,
    html body .cha-pcm-shortcode-root--payment .ks-payment-method-card,
    html body .cha-pcm-shortcode-root--payment .ks-reference-card,
    html body .cha-pcm-shortcode-root--payment .ks-selected-payment,
    html body .cha-pcm-shortcode-root--payment .ks-fee-summary {
        width: 100% !important;
        max-width: 100% !important;
        padding: 12px !important;
        border-radius: 18px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    html body .cha-pcm-shortcode-root--application .ks-application-modern-hero,
    html body .cha-pcm-shortcode-root--application .ks-flow-steps,
    html body .cha-pcm-shortcode-root--application .ks-intake-fee-panel,
    html body .cha-pcm-shortcode-root--application .ks-application-summary-bar,
    html body .cha-pcm-shortcode-root--payment .ks-payment-summary-grid,
    html body .cha-pcm-shortcode-root--payment .ks-payment-method-grid,
    html body .cha-pcm-shortcode-root--payment .ks-application-summary-bar {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    html body .cha-pcm-shortcode-root--application .ks-application-form-wrap,
    html body .cha-pcm-shortcode-root--application .ks-fluent-wrap,
    html body .cha-pcm-shortcode-root--application .fluentform,
    html body .cha-pcm-shortcode-root--application .ff-el-group,
    html body .cha-pcm-shortcode-root--application .ff-el-input--content,
    html body .cha-pcm-shortcode-root--payment .ks-fluent-wrap,
    html body .cha-pcm-shortcode-root--payment .fluentform,
    html body .cha-pcm-shortcode-root--payment .ff-el-group,
    html body .cha-pcm-shortcode-root--payment .ff-el-input--content {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        overflow: visible !important;
    }

    html body .cha-pcm-shortcode-root--application .ks-application-form-wrap {
        padding: 8px !important;
        border-radius: 16px !important;
    }

    html body .cha-pcm-shortcode-root--application .cha-ff-section-title {
        width: 100% !important;
        max-width: 100% !important;
        margin: 14px 0 10px !important;
        padding: 12px !important;
        border-radius: 14px !important;
    }

    html body .cha-pcm-shortcode-root--application .fluentform input:not([type="radio"]):not([type="checkbox"]):not([type="file"]),
    html body .cha-pcm-shortcode-root--application .fluentform select,
    html body .cha-pcm-shortcode-root--application .fluentform textarea,
    html body .cha-pcm-shortcode-root--payment input:not([type="radio"]):not([type="checkbox"]):not([type="file"]),
    html body .cha-pcm-shortcode-root--payment select,
    html body .cha-pcm-shortcode-root--payment textarea {
        width: 100% !important;
        max-width: 100% !important;
        min-height: 46px !important;
        border-radius: 13px !important;
    }

    html body .cha-pcm-shortcode-root--application .iti,
    html body .cha-pcm-shortcode-root--application .iti--allow-dropdown,
    html body .cha-pcm-shortcode-root--payment .iti,
    html body .cha-pcm-shortcode-root--payment .iti--allow-dropdown {
        width: 100% !important;
        max-width: 100% !important;
    }

    html body .cha-pcm-shortcode-root--application .iti input[type="tel"],
    html body .cha-pcm-shortcode-root--application .iti--allow-dropdown input[type="tel"],
    html body .cha-pcm-shortcode-root--payment .iti input[type="tel"],
    html body .cha-pcm-shortcode-root--payment .iti--allow-dropdown input[type="tel"] {
        width: 100% !important;
        padding-left: 86px !important;
    }

    /* Patient portal surfaces: less nested padding, full useful width. */
    html body .cha-pcm-shortcode-root--patient .ks-public-hero,
    html body .cha-pcm-shortcode-root--patient .ks-glass-panel,
    html body .cha-pcm-shortcode-root--patient .ks-case-summary-bar,
    html body .cha-pcm-shortcode-root--patient .ks-patient-grid,
    html body .cha-pcm-shortcode-root--patient .ks-patient-quick-panel,
    html body .cha-pcm-shortcode-root--patient .ks-patient-card,
    html body .cha-pcm-shortcode-root--patient .ks-patient-hub-card,
    html body .cha-pcm-shortcode-root--patient .ks-patient-hero {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        padding: 12px !important;
        border-radius: 18px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    html body .cha-pcm-shortcode-root--patient .ks-public-hero,
    html body .cha-pcm-shortcode-root--patient .ks-two-col-form,
    html body .cha-pcm-shortcode-root--patient .ks-case-summary-bar,
    html body .cha-pcm-shortcode-root--patient .ks-patient-grid,
    html body .cha-pcm-shortcode-root--patient .ks-patient-steps,
    html body .cha-pcm-shortcode-root--patient .ks-patient-quick-panel,
    html body .cha-pcm-shortcode-root--patient .ks-treatment-options,
    html body .cha-pcm-shortcode-root--patient .ks-patient-shell,
    html body .cha-pcm-shortcode-root--patient .ks-patient-main-grid,
    html body .cha-pcm-shortcode-root--patient .ks-patient-hub-grid {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    html body .cha-pcm-shortcode-root--patient .ks-public-hero h1,
    html body .cha-pcm-shortcode-root--patient .ks-patient-hero h1,
    html body .cha-pcm-shortcode-root--application .ks-application-modern-copy h1,
    html body .cha-pcm-shortcode-root--application .ks-flow-hero h1 {
        font-size: clamp(25px, 8vw, 32px) !important;
        line-height: 1.08 !important;
    }

    html body .cha-pcm-shortcode-root--staff :where(p,span,strong,small,h1,h2,h3,a,button),
    html body .cha-pcm-shortcode-root--application :where(p,span,strong,small,h1,h2,h3,label,input,select,textarea,button),
    html body .cha-pcm-shortcode-root--patient :where(p,span,strong,small,h1,h2,h3,a,button) {
        overflow-wrap: anywhere !important;
        word-break: normal !important;
    }
}

@media (max-width: 430px) {
    html body .cha-pcm-shortcode-root--application > .ks-application-flow,
    html body .cha-pcm-shortcode-root--payment > .ks-payment-flow,
    html body .cha-pcm-shortcode-root--patient > .ks-patient-portal,
    html body .cha-pcm-shortcode-root--patient > .ks-patient-portal-v108,
    html body .cha-pcm-shortcode-root--staff > .ks-staff-portal,
    html body .cha-pcm-shortcode-root--staff > .ks-clean-staff {
        width: calc(100vw - 4px) !important;
        max-width: calc(100vw - 4px) !important;
        padding: 4px !important;
        margin-top: 4px !important;
    }

    html body .cha-pcm-shortcode-root--staff .ks-clean-staff .ksc-sidebar,
    html body .cha-pcm-shortcode-root--staff .ks-clean-staff .ksc-main,
    html body .cha-pcm-shortcode-root--staff .ks-clean-staff .ksc-panel,
    html body .cha-pcm-shortcode-root--staff .ks-clean-staff .ksc-header,
    html body .cha-pcm-shortcode-root--staff .ks-clean-staff .ksc-case-head,
    html body .cha-pcm-shortcode-root--staff .ks-clean-staff .ksc-detail-hero,
    html body .cha-pcm-shortcode-root--staff .ks-clean-staff .ksc-detail-hero-main,
    html body .cha-pcm-shortcode-root--staff .ks-clean-staff .ksc-next-action-card,
    html body .cha-pcm-shortcode-root--application .ks-application-modern-hero,
    html body .cha-pcm-shortcode-root--application .ks-flow-card,
    html body .cha-pcm-shortcode-root--application .ks-flow-card--compact,
    html body .cha-pcm-shortcode-root--application .ks-application-form-wrap,
    html body .cha-pcm-shortcode-root--patient .ks-public-hero,
    html body .cha-pcm-shortcode-root--patient .ks-glass-panel,
    html body .cha-pcm-shortcode-root--patient .ks-patient-card,
    html body .cha-pcm-shortcode-root--patient .ks-patient-hub-card,
    html body .cha-pcm-shortcode-root--patient .ks-patient-hero {
        padding: 10px !important;
        border-radius: 16px !important;
    }
}

/* =========================================================
   v1.4.86 — Professional Payment Notice Page Redesign
   Clear method selection: card, EUR bank transfer, TL bank transfer.
   Payment logic, TropiPay webhook and Garanti reconciliation remain untouched.
========================================================= */
html body .cha-pcm-shortcode-root--payment .ks-payment-flow {
    max-width: 1240px !important;
}
html body .cha-pcm-shortcode-root--payment .ks-flow-hero--payment {
    padding: clamp(22px, 3vw, 34px) !important;
    border-radius: 30px !important;
    background: linear-gradient(135deg, #ffffff 0%, #f8fbff 68%, #eef6ff 100%) !important;
}
html body .cha-pcm-shortcode-root--payment .ks-flow-hero--payment h1 {
    font-weight: 560 !important;
    letter-spacing: -0.035em !important;
}
html body .cha-pcm-shortcode-root--payment .ks-payment-overview-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1.25fr) minmax(280px, .75fr) !important;
    gap: 18px !important;
    margin: 0 0 18px !important;
}
html body .cha-pcm-shortcode-root--payment .ks-payment-overview-card {
    min-width: 0 !important;
    padding: 22px 24px !important;
    border: 1px solid #dfeaf7 !important;
    border-radius: 24px !important;
    background: rgba(255,255,255,.96) !important;
    box-shadow: 0 18px 42px rgba(15, 23, 42, .045) !important;
}
html body .cha-pcm-shortcode-root--payment .ks-payment-overview-card span,
html body .cha-pcm-shortcode-root--payment .ks-payment-breakdown span {
    display: block !important;
    margin-bottom: 8px !important;
    color: #1d5d9f !important;
    font-size: 11px !important;
    font-weight: 650 !important;
    letter-spacing: .06em !important;
    text-transform: uppercase !important;
}
html body .cha-pcm-shortcode-root--payment .ks-payment-overview-card strong {
    display: block !important;
    color: #1264a8 !important;
    font-size: clamp(26px, 3.1vw, 38px) !important;
    line-height: 1.08 !important;
    font-weight: 560 !important;
    letter-spacing: -.035em !important;
    overflow-wrap: anywhere !important;
}
html body .cha-pcm-shortcode-root--payment .ks-payment-overview-card small,
html body .cha-pcm-shortcode-root--payment .ks-payment-overview-card em {
    display: block !important;
    margin-top: 9px !important;
    color: #60728b !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
    font-style: normal !important;
}
html body .cha-pcm-shortcode-root--payment .ks-payment-choice-card {
    padding-bottom: 24px !important;
}
html body .cha-pcm-shortcode-root--payment .ks-payment-method-grid--professional {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 16px !important;
    margin: 0 !important;
}
html body .cha-pcm-shortcode-root--payment .ks-payment-method-card--professional {
    min-height: 174px !important;
    padding: 22px !important;
    border: 1px solid #dbe8f6 !important;
    border-radius: 24px !important;
    background: #ffffff !important;
    box-shadow: 0 15px 36px rgba(15, 23, 42, .045) !important;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease !important;
}
html body .cha-pcm-shortcode-root--payment .ks-payment-method-card--professional:hover {
    transform: translateY(-1px) !important;
}
html body .cha-pcm-shortcode-root--payment .ks-payment-method-card--professional.is-selected {
    border-color: #0B5FCC !important;
    background: linear-gradient(180deg, #ffffff 0%, #f0fdfa 100%) !important;
    box-shadow: 0 18px 44px rgba(15, 118, 110, .13) !important;
}
html body .cha-pcm-shortcode-root--payment .ks-payment-method-card--professional span {
    margin-bottom: 12px !important;
    color: #123c8c !important;
    font-size: 17px !important;
    font-weight: 620 !important;
    line-height: 1.25 !important;
}
html body .cha-pcm-shortcode-root--payment .ks-payment-method-card--professional strong {
    display: inline-flex !important;
    align-items: center !important;
    max-width: 100% !important;
    margin: 0 0 12px !important;
    padding: 9px 13px !important;
    border-radius: 999px !important;
    background: #eef7ff !important;
    color: #1264a8 !important;
    font-size: 15px !important;
    line-height: 1.15 !important;
    overflow-wrap: anywhere !important;
    white-space: normal !important;
}
html body .cha-pcm-shortcode-root--payment .ks-payment-method-card--professional.is-selected strong {
    background: #0B5FCC !important;
    color: #ffffff !important;
}
html body .cha-pcm-shortcode-root--payment .ks-payment-method-card--professional small {
    color: #5e6f86 !important;
    font-size: 12.5px !important;
    line-height: 1.62 !important;
}
html body .cha-pcm-shortcode-root--payment .ks-payment-detail-panel,
html body .cha-pcm-shortcode-root--payment .ks-bank-receipt-panel {
    display: none !important;
}
html body .cha-pcm-shortcode-root--payment .ks-payment-detail-panel.is-active,
html body .cha-pcm-shortcode-root--payment .ks-bank-receipt-panel.is-active {
    display: block !important;
}
html body .cha-pcm-shortcode-root--payment .ks-payment-breakdown {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 14px !important;
    margin: 16px 0 !important;
}
html body .cha-pcm-shortcode-root--payment .ks-payment-breakdown--bank {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
html body .cha-pcm-shortcode-root--payment .ks-payment-breakdown > div {
    min-width: 0 !important;
    padding: 18px !important;
    border: 1px solid #dfeaf7 !important;
    border-radius: 20px !important;
    background: #fbfdff !important;
}
html body .cha-pcm-shortcode-root--payment .ks-payment-breakdown strong {
    display: block !important;
    color: #0f4f91 !important;
    font-size: clamp(20px, 2.4vw, 30px) !important;
    line-height: 1.12 !important;
    font-weight: 560 !important;
    letter-spacing: -.025em !important;
    overflow-wrap: anywhere !important;
}
html body .cha-pcm-shortcode-root--payment .ks-payment-breakdown small {
    display: block !important;
    margin-top: 8px !important;
    color: #60728b !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
}
html body .cha-pcm-shortcode-root--payment .ks-payment-breakdown-total {
    background: #f0fdfa !important;
    border-color: rgba(15, 118, 110, .22) !important;
}
html body .cha-pcm-shortcode-root--payment .ks-payment-breakdown-total strong {
    color: #0B5FCC !important;
}
html body .cha-pcm-shortcode-root--payment .ks-copy-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-top: 12px !important;
    padding: 9px 13px !important;
    border: 1px solid #cfe0f3 !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    color: #123c8c !important;
    font-size: 12px !important;
    font-weight: 620 !important;
    cursor: pointer !important;
    box-shadow: 0 8px 18px rgba(15, 23, 42, .04) !important;
}
html body .cha-pcm-shortcode-root--payment .ks-bank-details--professional {
    max-height: none !important;
    margin: 16px 0 0 !important;
    padding: 18px !important;
    border: 1px dashed #b8cce5 !important;
    border-radius: 20px !important;
    background: #f9fcff !important;
    color: #334155 !important;
    font-family: inherit !important;
    font-size: 13px !important;
    line-height: 1.65 !important;
    white-space: pre-wrap !important;
    overflow: auto !important;
}
html body .cha-pcm-shortcode-root--payment .ks-payment-info-note,
html body .cha-pcm-shortcode-root--payment .ks-payment-review-note {
    display: block !important;
    margin-top: 14px !important;
    padding: 12px 14px !important;
    border: 1px solid #dfeaf7 !important;
    border-radius: 999px !important;
    background: #f5f9ff !important;
    color: #38506b !important;
    font-size: 12.5px !important;
    line-height: 1.55 !important;
}
html body .cha-pcm-shortcode-root--payment .ks-payment-main-action {
    margin-top: 18px !important;
}
html body .cha-pcm-shortcode-root--payment .ks-payment-main-action .ks-primary-button,
html body .cha-pcm-shortcode-root--payment .ks-bank-receipt-panel .ks-primary-button {
    min-height: 48px !important;
    padding-left: 22px !important;
    padding-right: 22px !important;
    border-radius: 15px !important;
}
html body .cha-pcm-shortcode-root--payment .ks-selected-payment,
html body .cha-pcm-shortcode-root--payment .ks-tropipay-card {
    display: none !important;
}
@media (max-width: 1080px) {
    html body .cha-pcm-shortcode-root--payment .ks-payment-overview-grid,
    html body .cha-pcm-shortcode-root--payment .ks-payment-method-grid--professional,
    html body .cha-pcm-shortcode-root--payment .ks-payment-breakdown,
    html body .cha-pcm-shortcode-root--payment .ks-payment-breakdown--bank {
        grid-template-columns: 1fr !important;
    }
}
@media (max-width: 782px) {
    html body .cha-pcm-shortcode-root--payment .ks-payment-flow {
        width: calc(100vw - 8px) !important;
        max-width: calc(100vw - 8px) !important;
        padding: 4px !important;
    }
    html body .cha-pcm-shortcode-root--payment .ks-flow-hero--payment,
    html body .cha-pcm-shortcode-root--payment .ks-flow-card,
    html body .cha-pcm-shortcode-root--payment .ks-payment-overview-card,
    html body .cha-pcm-shortcode-root--payment .ks-payment-method-card--professional,
    html body .cha-pcm-shortcode-root--payment .ks-payment-breakdown > div {
        padding: 14px !important;
        border-radius: 18px !important;
    }
    html body .cha-pcm-shortcode-root--payment .ks-payment-method-card--professional {
        min-height: auto !important;
    }
    html body .cha-pcm-shortcode-root--payment .ks-payment-overview-grid,
    html body .cha-pcm-shortcode-root--payment .ks-payment-method-grid--professional,
    html body .cha-pcm-shortcode-root--payment .ks-payment-breakdown {
        gap: 10px !important;
    }
    html body .cha-pcm-shortcode-root--payment .ks-payment-info-note,
    html body .cha-pcm-shortcode-root--payment .ks-payment-review-note {
        border-radius: 16px !important;
    }
}

/* =========================================================
   v1.4.87 — Payment Notice Typographic Polish + Bank Account Details
   Softer payment page hierarchy. Bank details displayed per EUR/TL account.
========================================================= */
html body .cha-pcm-shortcode-root--payment .ks-payment-overview-card span,
html body .cha-pcm-shortcode-root--payment .ks-payment-breakdown span,
html body .cha-pcm-shortcode-root--payment .ks-bank-account-card span {
    text-transform: none !important;
    letter-spacing: .015em !important;
    font-size: 12px !important;
    font-weight: 560 !important;
    color: #315b8a !important;
}
html body .cha-pcm-shortcode-root--payment .ks-flow-section-head h2,
html body .cha-pcm-shortcode-root--payment .ks-payment-detail-panel h2,
html body .cha-pcm-shortcode-root--payment .ks-bank-receipt-panel h2 {
    font-size: clamp(22px, 2.2vw, 28px) !important;
    line-height: 1.2 !important;
    font-weight: 560 !important;
    letter-spacing: -.025em !important;
    color: #0f3d83 !important;
}
html body .cha-pcm-shortcode-root--payment .ks-flow-section-head p,
html body .cha-pcm-shortcode-root--payment .ks-payment-detail-panel p,
html body .cha-pcm-shortcode-root--payment .ks-bank-receipt-panel p,
html body .cha-pcm-shortcode-root--payment .ks-payment-overview-card small,
html body .cha-pcm-shortcode-root--payment .ks-payment-overview-card em,
html body .cha-pcm-shortcode-root--payment .ks-payment-method-card--professional small,
html body .cha-pcm-shortcode-root--payment .ks-payment-breakdown small {
    font-size: 13px !important;
    line-height: 1.62 !important;
    color: #536985 !important;
}
html body .cha-pcm-shortcode-root--payment .ks-payment-overview-card strong {
    font-size: clamp(26px, 2.7vw, 34px) !important;
    font-weight: 540 !important;
    color: #115d9e !important;
}
html body .cha-pcm-shortcode-root--payment .ks-payment-breakdown strong {
    font-size: clamp(21px, 2vw, 26px) !important;
    font-weight: 540 !important;
    color: #0f5596 !important;
}
html body .cha-pcm-shortcode-root--payment .ks-payment-method-card--professional span {
    font-size: 16px !important;
    font-weight: 560 !important;
    color: #0f3d83 !important;
}
html body .cha-pcm-shortcode-root--payment .ks-payment-method-card--professional strong {
    font-size: 14px !important;
    font-weight: 620 !important;
    padding: 8px 12px !important;
}
html body .cha-pcm-shortcode-root--payment .ks-payment-breakdown--compact {
    grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr) !important;
    margin-bottom: 14px !important;
}
html body .cha-pcm-shortcode-root--payment .ks-payment-breakdown--compact > div {
    padding: 16px 18px !important;
    border-radius: 18px !important;
    background: #fbfdff !important;
}
html body .cha-pcm-shortcode-root--payment .ks-copy-button {
    min-height: 34px !important;
    padding: 7px 12px !important;
    font-size: 11.5px !important;
    font-weight: 560 !important;
}
html body .cha-pcm-shortcode-root--payment .ks-bank-details--professional {
    display: none !important;
}
html body .cha-pcm-shortcode-root--payment .ks-bank-account-card {
    margin-top: 14px !important;
    padding: 18px !important;
    border: 1px solid #dfeaf7 !important;
    border-radius: 22px !important;
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%) !important;
    box-shadow: 0 16px 36px rgba(15, 23, 42, .04) !important;
}
html body .cha-pcm-shortcode-root--payment .ks-bank-account-head {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 14px !important;
    padding-bottom: 14px !important;
    margin-bottom: 14px !important;
    border-bottom: 1px solid #e6eef8 !important;
}
html body .cha-pcm-shortcode-root--payment .ks-bank-account-head span {
    display: inline-flex !important;
    align-items: center !important;
    padding: 7px 11px !important;
    border-radius: 999px !important;
    background: #eef7ff !important;
    color: #0f5596 !important;
    font-size: 11.5px !important;
    font-weight: 620 !important;
}
html body .cha-pcm-shortcode-root--payment .ks-bank-account-head strong {
    display: block !important;
    max-width: 720px !important;
    color: #17324d !important;
    font-size: 14.5px !important;
    line-height: 1.45 !important;
    font-weight: 560 !important;
    text-align: right !important;
}
html body .cha-pcm-shortcode-root--payment .ks-bank-account-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
}
html body .cha-pcm-shortcode-root--payment .ks-bank-account-grid > div {
    min-width: 0 !important;
    padding: 12px 14px !important;
    border: 1px solid #e4edf8 !important;
    border-radius: 16px !important;
    background: #ffffff !important;
}
html body .cha-pcm-shortcode-root--payment .ks-bank-account-grid strong {
    display: block !important;
    margin-top: 4px !important;
    color: #1f3b59 !important;
    font-size: 13.5px !important;
    line-height: 1.45 !important;
    font-weight: 520 !important;
    overflow-wrap: anywhere !important;
}
html body .cha-pcm-shortcode-root--payment .ks-bank-account-wide {
    grid-column: 1 / -1 !important;
}
html body .cha-pcm-shortcode-root--payment .ks-bank-account-wide .ks-copy-button {
    margin-top: 10px !important;
}
html body .cha-pcm-shortcode-root--payment .ks-payment-info-note {
    display: none !important;
}
@media (max-width: 782px) {
    html body .cha-pcm-shortcode-root--payment .ks-payment-overview-card strong {
        font-size: 27px !important;
    }
    html body .cha-pcm-shortcode-root--payment .ks-payment-breakdown--compact,
    html body .cha-pcm-shortcode-root--payment .ks-bank-account-grid {
        grid-template-columns: 1fr !important;
    }
    html body .cha-pcm-shortcode-root--payment .ks-bank-account-head {
        display: block !important;
    }
    html body .cha-pcm-shortcode-root--payment .ks-bank-account-head strong {
        margin-top: 10px !important;
        text-align: left !important;
    }
}

/* --------------------------------------------------------------------------
   v1.4.88 — Payment Notice: Hide obsolete payment method form field
   -------------------------------------------------------------------------- */
html body .cha-pcm-shortcode-root--payment .ks-hidden-payment-method-field,
html body .cha-pcm-shortcode-root--payment .ks-payment-form-wrap .ff-el-group.ks-hidden-payment-method-field {
    display: none !important;
}

/* --------------------------------------------------------------------------
   v1.4.89 — Payment Notice: Receipt Upload Only Panel
   -------------------------------------------------------------------------- */
html body .cha-pcm-shortcode-root--payment .ks-bank-receipt-panel--upload-only {
    padding: 28px 30px !important;
}
html body .cha-pcm-shortcode-root--payment .ks-bank-receipt-panel--upload-only .ks-flow-section-head {
    margin-bottom: 18px !important;
}
html body .cha-pcm-shortcode-root--payment .ks-bank-receipt-panel--upload-only h2 {
    margin: 0 0 6px !important;
    color: #0f3d82 !important;
    font-size: clamp(22px, 2vw, 28px) !important;
    line-height: 1.18 !important;
    font-weight: 560 !important;
    letter-spacing: -.02em !important;
}
html body .cha-pcm-shortcode-root--payment .ks-bank-receipt-panel--upload-only p {
    margin: 0 !important;
    max-width: 620px !important;
    color: #516987 !important;
    font-size: 13.5px !important;
    line-height: 1.7 !important;
}
html body .cha-pcm-shortcode-root--payment .ks-payment-upload-only-form {
    display: grid !important;
    gap: 16px !important;
    max-width: 720px !important;
}
html body .cha-pcm-shortcode-root--payment .ks-upload-receipt-box {
    display: block !important;
    width: 100% !important;
    padding: 18px !important;
    border: 1px dashed #bdd3ec !important;
    border-radius: 20px !important;
    background: #fbfdff !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.75) !important;
}
html body .cha-pcm-shortcode-root--payment .ks-upload-receipt-title {
    display: block !important;
    margin-bottom: 6px !important;
    color: #0f3d82 !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    font-weight: 600 !important;
}
html body .cha-pcm-shortcode-root--payment .ks-upload-receipt-text {
    display: block !important;
    margin-bottom: 14px !important;
    color: #64758b !important;
    font-size: 12.5px !important;
    line-height: 1.55 !important;
}
html body .cha-pcm-shortcode-root--payment .ks-upload-receipt-box input[type="file"] {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 46px !important;
    padding: 10px 12px !important;
    border: 1px solid #d9e7f6 !important;
    border-radius: 14px !important;
    background: #ffffff !important;
    color: #24384f !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
}
html body .cha-pcm-shortcode-root--payment .ks-payment-upload-only-form .ks-primary-button {
    justify-self: start !important;
    min-height: 46px !important;
    padding: 0 22px !important;
    border-radius: 14px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
}
@media (max-width: 782px) {
    html body .cha-pcm-shortcode-root--payment .ks-bank-receipt-panel--upload-only {
        padding: 16px !important;
    }
    html body .cha-pcm-shortcode-root--payment .ks-payment-upload-only-form .ks-primary-button {
        width: 100% !important;
        justify-self: stretch !important;
    }
}

/* --------------------------------------------------------------------------
   v1.4.91 — Payment Notice Treatment Sync + TropiPay Installment Clarity
   -------------------------------------------------------------------------- */
html body .cha-pcm-shortcode-root--payment .ks-payment-selected-treatment-card {
    padding: 26px 28px !important;
}
html body .cha-pcm-shortcode-root--payment .ks-payment-treatment-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 12px !important;
    margin-top: 16px !important;
}
html body .cha-pcm-shortcode-root--payment .ks-payment-treatment-grid > div {
    min-width: 0 !important;
    padding: 15px 16px !important;
    border: 1px solid #dfeaf7 !important;
    border-radius: 18px !important;
    background: #fbfdff !important;
}
html body .cha-pcm-shortcode-root--payment .ks-payment-treatment-grid span {
    display: block !important;
    margin-bottom: 7px !important;
    color: #315b8a !important;
    font-size: 12px !important;
    font-weight: 560 !important;
    letter-spacing: .015em !important;
}
html body .cha-pcm-shortcode-root--payment .ks-payment-treatment-grid strong {
    display: block !important;
    color: #182f49 !important;
    font-size: 14.5px !important;
    line-height: 1.45 !important;
    font-weight: 540 !important;
    overflow-wrap: anywhere !important;
}
html body .cha-pcm-shortcode-root--payment .ks-payment-breakdown--card-plan {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
html body .cha-pcm-shortcode-root--payment .ks-card-limit-note {
    display: inline-flex !important;
    align-items: center !important;
    max-width: 100% !important;
    margin: 4px 0 14px !important;
    padding: 11px 14px !important;
    border: 1px solid #dbeafe !important;
    border-radius: 16px !important;
    background: #f8fbff !important;
    color: #425b78 !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
}
html body .cha-pcm-shortcode-root--payment .ks-payment-breakdown--card-plan .ks-payment-breakdown-total small {
    color: #0B5FCC !important;
    font-weight: 560 !important;
}
@media (max-width: 1080px) {
    html body .cha-pcm-shortcode-root--payment .ks-payment-treatment-grid,
    html body .cha-pcm-shortcode-root--payment .ks-payment-breakdown--card-plan {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}
@media (max-width: 640px) {
    html body .cha-pcm-shortcode-root--payment .ks-payment-treatment-grid,
    html body .cha-pcm-shortcode-root--payment .ks-payment-breakdown--card-plan {
        grid-template-columns: 1fr !important;
    }
    html body .cha-pcm-shortcode-root--payment .ks-payment-selected-treatment-card {
        padding: 16px !important;
    }
}

/* --------------------------------------------------------------------------
   v1.4.93 — TropiPay Endpoint Retry + Paylink Hardening
   -------------------------------------------------------------------------- */
html body .cha-pcm-shortcode-root--payment .ks-card-installment-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 14px !important;
    margin-top: 18px !important;
}
html body .cha-pcm-shortcode-root--payment .ks-card-installment-item {
    min-width: 0 !important;
    padding: 16px !important;
    border: 1px solid #dfeaf7 !important;
    border-radius: 20px !important;
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%) !important;
    box-shadow: 0 12px 28px rgba(15, 23, 42, .04) !important;
}
html body .cha-pcm-shortcode-root--payment .ks-card-installment-item.is-ready {
    border-color: rgba(15, 118, 110, .32) !important;
    background: linear-gradient(180deg, #ffffff 0%, #f0fdfa 100%) !important;
}
html body .cha-pcm-shortcode-root--payment .ks-card-installment-item.is-paid {
    border-color: rgba(22, 163, 74, .25) !important;
    background: #f7fdf9 !important;
}
html body .cha-pcm-shortcode-root--payment .ks-card-installment-item.is-pending {
    border-color: rgba(245, 158, 11, .28) !important;
    background: #fffdf5 !important;
}
html body .cha-pcm-shortcode-root--payment .ks-card-installment-top {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    margin-bottom: 10px !important;
}
html body .cha-pcm-shortcode-root--payment .ks-card-installment-top span {
    color: #1d5d9f !important;
    font-size: 12px !important;
    font-weight: 650 !important;
    letter-spacing: .035em !important;
    text-transform: uppercase !important;
}
html body .cha-pcm-shortcode-root--payment .ks-card-installment-top em {
    display: inline-flex !important;
    align-items: center !important;
    padding: 6px 9px !important;
    border-radius: 999px !important;
    background: #eef7ff !important;
    color: #0f5596 !important;
    font-size: 11px !important;
    font-style: normal !important;
    font-weight: 620 !important;
}
html body .cha-pcm-shortcode-root--payment .ks-card-installment-item strong {
    display: block !important;
    color: #0f4f91 !important;
    font-size: 22px !important;
    line-height: 1.15 !important;
    font-weight: 560 !important;
    letter-spacing: -.02em !important;
}
html body .cha-pcm-shortcode-root--payment .ks-card-installment-item small {
    display: block !important;
    min-height: 34px !important;
    margin: 8px 0 14px !important;
    color: #64758b !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
}
html body .cha-pcm-shortcode-root--payment .ks-card-installment-item .ks-primary-button,
html body .cha-pcm-shortcode-root--payment .ks-card-installment-item .ks-secondary-button,
html body .cha-pcm-shortcode-root--payment .ks-card-installment-item button.ks-primary-button {
    width: 100% !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 0 14px !important;
    border-radius: 13px !important;
    font-size: 13px !important;
    font-weight: 650 !important;
    text-align: center !important;
    text-decoration: none !important;
}
html body .cha-pcm-shortcode-root--payment .ks-card-installment-item .ks-secondary-button[disabled] {
    opacity: .72 !important;
    cursor: not-allowed !important;
}
html body .cha-pcm-shortcode-root--payment .ks-receipt-amount-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 160px !important;
    gap: 12px !important;
}
html body .cha-pcm-shortcode-root--payment .ks-receipt-amount-grid label {
    display: block !important;
    min-width: 0 !important;
}
html body .cha-pcm-shortcode-root--payment .ks-receipt-amount-grid span {
    display: block !important;
    margin-bottom: 7px !important;
    color: #315b8a !important;
    font-size: 12px !important;
    font-weight: 560 !important;
}
html body .cha-pcm-shortcode-root--payment .ks-receipt-amount-grid input,
html body .cha-pcm-shortcode-root--payment .ks-receipt-amount-grid select {
    width: 100% !important;
    min-height: 46px !important;
    padding: 10px 12px !important;
    border: 1px solid #d9e7f6 !important;
    border-radius: 14px !important;
    background: #ffffff !important;
    color: #24384f !important;
    font-size: 14px !important;
}
@media (max-width: 1080px) {
    html body .cha-pcm-shortcode-root--payment .ks-card-installment-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}
@media (max-width: 640px) {
    html body .cha-pcm-shortcode-root--payment .ks-card-installment-grid,
    html body .cha-pcm-shortcode-root--payment .ks-receipt-amount-grid {
        grid-template-columns: 1fr !important;
    }
}

/* v1.4.97 — patient portal payment TRY equivalent line */
html body .cha-pcm-shortcode-root--patient .ks-payment-request-card .ks-payment-try-equivalent {
    display: block !important;
    margin-top: 5px !important;
    color: #0B5FCC !important;
    font-size: 12px !important;
    font-weight: 650 !important;
    letter-spacing: -0.01em !important;
}

/* v1.4.98 TropiPay public card link state */
.ks-card-link-note{display:block;margin-top:8px;color:#4d6385;font-size:12px;line-height:1.45;}
.ks-card-installment-item .ks-secondary-button[disabled]{opacity:.72;cursor:not-allowed;}

/* v1.5.00 — Internal Medical Products Shop */
.ks-shop{max-width:1180px;margin:0 auto;padding:28px 16px;color:#15313a;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.ks-shop *{box-sizing:border-box}.ks-shop a{text-decoration:none;color:#0B5FCC}.ks-shop-hero{background:linear-gradient(135deg,#eaf8f7,#fff);border:1px solid rgba(11,95,204,.14);border-radius:24px;padding:32px;box-shadow:0 18px 45px rgba(11,95,204,.08);margin-bottom:24px}.ks-shop-hero span,.ks-product-code{display:inline-flex;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#0B5FCC}.ks-shop-hero h1{font-size:clamp(28px,5vw,48px);line-height:1.05;margin:8px 0 12px}.ks-shop-hero p{max-width:720px;color:#60737c;font-size:16px}.ks-shop-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#0B5FCC;color:#fff!important;border:0;border-radius:10px;padding:12px 18px;font-weight:800;box-shadow:0 12px 25px rgba(11,95,204,.18);cursor:pointer}.ks-shop-btn--soft{background:#eaf8f7!important;color:#0B5FCC!important;box-shadow:none}.ks-shop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.ks-product-card,.ks-shop-panel,.ks-shop-alert,.ks-bank-box{background:#fff;border:1px solid #e7eef1;border-radius:18px;padding:18px;box-shadow:0 12px 28px rgba(16,24,40,.05)}.ks-product-card{display:flex;flex-direction:column;gap:14px}.ks-product-card h2{font-size:20px;margin:4px 0 8px}.ks-product-card p{color:#667985;margin:0}.ks-product-card footer{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid #edf2f4;padding-top:14px}.ks-product-thumb,.ks-product-image-panel{display:flex;align-items:center;justify-content:center;min-height:220px;background:#F5F8FF;border-radius:16px;overflow:hidden}.ks-product-thumb img,.ks-product-image-panel img{width:100%;height:100%;object-fit:cover}.ks-product-placeholder{display:flex;align-items:center;justify-content:center;width:100%;min-height:220px;background:radial-gradient(circle at top,#DBEAFE,#f8ffff);color:#0B5FCC;font-size:72px;font-weight:900}.ks-shop-breadcrumb{display:flex;gap:8px;align-items:center;margin-bottom:16px;color:#70838c;font-size:13px}.ks-product-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start;margin-bottom:20px}.ks-product-info-panel{background:#fff;border:1px solid #e7eef1;border-radius:22px;padding:24px;box-shadow:0 14px 35px rgba(16,24,40,.06)}.ks-product-info-panel h1{font-size:clamp(28px,5vw,44px);line-height:1.05;margin:8px 0 12px}.ks-product-lead{color:#637780}.ks-product-price{display:grid;gap:4px;margin:18px 0;padding:16px;border-radius:16px;background:#F8FBFF}.ks-product-price strong{font-size:28px;color:#0B5FCC}.ks-product-price span,.ks-shop-help{font-size:13px;color:#687982}.ks-product-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.ks-product-facts div{background:#fff;border:1px solid #edf2f4;border-radius:12px;padding:12px}.ks-product-facts dt{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#71858f;font-weight:800}.ks-product-facts dd{margin:4px 0 0;font-weight:800}.ks-shop-add-form,.ks-shop-actions{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.ks-shop label{display:grid;gap:6px;font-weight:700;color:#29434c}.ks-shop input,.ks-shop textarea{width:100%;border:1px solid #d7e2e6;border-radius:10px;padding:12px;font:inherit}.ks-shop-alert{border-color:#b8dfdc;background:#F3F8FF}.ks-shop-alert.is-danger{background:#fff3f3;border-color:#fecaca;color:#991b1b}.ks-shop-table{width:100%;border-collapse:collapse}.ks-shop-table th,.ks-shop-table td{padding:14px;border-bottom:1px solid #edf2f4;text-align:left}.ks-shop-table small{display:block;color:#758992}.ks-cart-total{display:grid;gap:3px;justify-items:end;margin:18px 0}.ks-cart-total strong,.ks-order-summary strong{font-size:26px;color:#0B5FCC}.ks-checkout-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr);gap:20px}.ks-shop-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ks-pay-option{display:flex!important;grid-template-columns:auto 1fr;align-items:center;gap:10px;background:#F8FBFF;border:1px solid #e5eef0;border-radius:12px;padding:12px;margin-bottom:8px}.ks-pay-option input{width:auto}.ks-bank-details{display:grid;gap:8px;margin:12px 0}.ks-bank-details div{display:grid;grid-template-columns:110px 1fr;gap:12px}.ks-bank-details dt{font-weight:800;color:#657983}.ks-bank-details dd{margin:0}.ks-order-status-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0}.ks-order-status-grid div{background:#F8FBFF;border-radius:12px;padding:14px}.ks-order-status-grid span{display:block;color:#6b7f88;font-size:12px;font-weight:800;text-transform:uppercase}.ks-order-status-grid strong{display:block;margin-top:4px}.ks-shop-list{list-style:none;padding:0;margin:12px 0}.ks-shop-list li{display:flex;justify-content:space-between;border-bottom:1px solid #edf2f4;padding:10px 0}.ks-shop-empty{background:#F8FBFF;border:1px dashed #cddcdf;border-radius:14px;padding:18px;color:#61757e}@media(max-width:760px){.ks-shop{padding:18px 8px}.ks-shop-hero{padding:22px}.ks-shop-grid,.ks-product-layout,.ks-checkout-grid,.ks-product-facts,.ks-shop-two,.ks-order-status-grid{grid-template-columns:1fr}.ks-product-info-panel,.ks-shop-panel{padding:16px}.ks-shop-table-wrap{overflow-x:auto}.ks-shop-actions,.ks-shop-add-form{align-items:stretch}.ks-shop-btn{width:100%}.ks-bank-details div{grid-template-columns:1fr}}

/* KS Operations 1.5.01 - Medical products staff sub navigation */
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-nav-subgroup{display:grid;gap:6px;margin:-4px 0 8px 42px;padding-left:10px;border-left:1px solid rgba(11,95,204,.18)}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-nav-subgroup a{display:block;padding:7px 10px;border-radius:10px;font-size:12.5px;font-weight:700;color:#426172;background:transparent;text-decoration:none}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-nav-subgroup a:hover{background:#EFF6FF;color:#0B5FCC}
@media(max-width:900px){html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-nav-subgroup{margin:0;padding-left:0;border-left:0;grid-template-columns:repeat(2,minmax(0,1fr))}}

/* =========================================================
   KS Operations 1.5.19 — Treatment option EUR + automatic TRY equivalent
   - Keeps EUR as the official treatment price.
   - Shows a small informational TL equivalent under the EUR price.
   - Uses Garanti BBVA EUR bank selling rate / saved fallback rate from core settings.
========================================================= */
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1518 .ks-treatment-card-footer,
html body .cha-pcm-shortcode-root .ks-patient-portal-v1518 .ks-treatment-card-footer {
    align-items: flex-end !important;
}

html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1518 .ks-price-stack,
html body .cha-pcm-shortcode-root .ks-patient-portal-v1518 .ks-price-stack {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 5px !important;
    min-width: 0 !important;
    max-width: min(100%, 330px) !important;
}

html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1518 .ks-price-stack .ks-price-summary,
html body .cha-pcm-shortcode-root .ks-patient-portal-v1518 .ks-price-stack .ks-price-summary {
    margin: 0 !important;
}

html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1518 .ks-price-try,
html body .cha-pcm-shortcode-root .ks-patient-portal-v1518 .ks-price-try {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 24px !important;
    padding: 4px 9px !important;
    border-radius: 999px !important;
    background: #eefaf7 !important;
    border: 1px solid rgba(11, 95, 204, .16) !important;
    color: #0B5FCC !important;
    font-size: 12px !important;
    line-height: 1.15 !important;
    font-weight: 650 !important;
    white-space: nowrap !important;
}

html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1518 .ks-price-rate-note,
html body .cha-pcm-shortcode-root .ks-patient-portal-v1518 .ks-price-rate-note {
    display: block !important;
    max-width: 310px !important;
    margin: 0 !important;
    color: #64748b !important;
    font-size: 10.5px !important;
    line-height: 1.35 !important;
    font-weight: 500 !important;
    white-space: normal !important;
}

html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1518 .ks-treatment-detail-grid > div strong,
html body .cha-pcm-shortcode-root .ks-patient-portal-v1518 .ks-treatment-detail-grid > div strong {
    line-height: 1.4 !important;
}

@media (max-width: 560px) {
    html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1518 .ks-price-stack,
    html body .cha-pcm-shortcode-root .ks-patient-portal-v1518 .ks-price-stack,
    html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1518 .ks-price-rate-note,
    html body .cha-pcm-shortcode-root .ks-patient-portal-v1518 .ks-price-rate-note {
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* KS 1.5.24 — patient/admin payment summary polish */
.ks-payment-summary-grid,
.ksc-payment-summary-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
    margin:16px 0;
}
.ks-payment-summary-grid>div,
.ksc-payment-summary-grid>div{
    background:#fff;
    border:1px solid rgba(15,23,42,.08);
    border-radius:16px;
    padding:14px 16px;
    box-shadow:0 10px 28px rgba(15,23,42,.06);
}
.ks-payment-summary-grid span,
.ksc-payment-summary-grid span{display:block;font-size:12px;font-weight:700;color:#64748b;margin-bottom:4px;}
.ks-payment-summary-grid strong,
.ksc-payment-summary-grid strong{display:block;font-size:16px;color:#0f172a;line-height:1.3;}
.ks-payment-summary-grid small,
.ksc-payment-summary-grid small{display:block;margin-top:4px;color:#64748b;font-size:12px;}
.ks-payment-summary-grid--compact{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0;}
.ks-payment-summary-grid--compact>div{padding:12px 14px;border-radius:14px;box-shadow:none;background:#f8fafc;}
.ks-payment-history-list{display:grid;gap:10px;margin-top:14px;}
.ks-payment-history-row{display:grid;grid-template-columns:minmax(120px,1fr) minmax(120px,1.3fr) auto minmax(105px,.8fr);align-items:center;gap:10px;padding:12px 14px;border:1px solid rgba(15,23,42,.08);border-radius:14px;background:#fff;}
.ks-payment-history-row span,.ks-payment-history-row small{color:#64748b;}
.ks-payment-overview-panel .ks-empty{margin-top:12px;}
@media (max-width: 900px){
    .ks-payment-summary-grid,.ksc-payment-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
    .ks-payment-history-row{grid-template-columns:1fr;align-items:flex-start;}
}
@media (max-width: 560px){
    .ks-payment-summary-grid,.ksc-payment-summary-grid,.ks-payment-summary-grid--compact{grid-template-columns:1fr;}
}

/* KS 1.5.26 — patient payment screen cleanup */
.ks-patient-payments-full .ks-section-head p{
    max-width:720px;
}
.ks-payment-summary-grid--clean>div{
    min-height:86px;
}
.ks-payment-review-note{
    display:flex;
    align-items:flex-start;
    gap:10px;
    margin:4px 0 16px;
    padding:12px 14px;
    border:1px solid rgba(245,158,11,.22);
    border-radius:14px;
    background:#fffbeb;
    color:#92400e;
    font-size:13px;
    line-height:1.45;
}
.ks-payment-review-note strong{
    color:#78350f;
    white-space:nowrap;
}
.ks-payment-history-block h3{
    margin-top:20px;
}
.ks-payment-history-list--approved .ks-payment-history-row{
    border-color:rgba(16,185,129,.18);
    background:linear-gradient(180deg,#ffffff,#f8fffc);
}
.ks-payment-secondary-history{
    margin-top:14px;
    border:1px solid rgba(15,23,42,.08);
    border-radius:16px;
    background:#f8fafc;
    overflow:hidden;
}
.ks-payment-secondary-history summary{
    cursor:pointer;
    padding:13px 16px;
    font-weight:800;
    color:#334155;
    list-style:none;
}
.ks-payment-secondary-history summary::-webkit-details-marker{display:none;}
.ks-payment-secondary-history summary:after{
    content:'+';
    float:right;
    font-weight:900;
    color:#64748b;
}
.ks-payment-secondary-history[open] summary:after{content:'–';}
.ks-payment-history-list--secondary{
    padding:0 14px 14px;
}
.ks-payment-history-list--secondary .ks-payment-history-row{
    background:#fff;
    box-shadow:none;
}
.ks-payment-history-row--secondary strong,
.ks-payment-history-row--secondary span,
.ks-payment-history-row--secondary small{
    color:#64748b;
}
@media(max-width:720px){
    .ks-payment-review-note{display:block;}
    .ks-payment-review-note strong{display:block;margin-bottom:4px;white-space:normal;}
}

/* KS 1.5.29 — finance infrastructure panels moved to bottom as compact accordions */
.ks-clean-staff .ksc-finance-system-tools{
    display:grid;
    gap:12px;
    margin:18px 0 0;
}
.ks-clean-staff .ksc-finance-collapsible{
    padding:0;
    overflow:hidden;
    border:1px solid rgba(15,23,42,.08);
    background:#fff;
    box-shadow:0 10px 28px rgba(15,23,42,.045);
}
.ks-clean-staff .ksc-finance-collapsible summary{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    padding:16px 18px;
    cursor:pointer;
    list-style:none;
    user-select:none;
}
.ks-clean-staff .ksc-finance-collapsible summary::-webkit-details-marker{display:none;}
.ks-clean-staff .ksc-finance-collapsible summary > span:first-child{
    display:grid;
    gap:3px;
    min-width:0;
}
.ks-clean-staff .ksc-finance-collapsible summary strong{
    color:#0f172a;
    font-size:15px;
    font-weight:800;
    letter-spacing:-.01em;
}
.ks-clean-staff .ksc-finance-collapsible summary small{
    color:#64748b;
    font-size:12px;
    font-weight:500;
    line-height:1.35;
}
.ks-clean-staff .ksc-finance-collapsible summary:after{
    content:'+';
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:28px;
    height:28px;
    flex:0 0 28px;
    border-radius:999px;
    background:#f1f5f9;
    color:#0f172a;
    font-size:18px;
    font-weight:800;
    margin-left:2px;
}
.ks-clean-staff .ksc-finance-collapsible[open] summary:after{content:'–';}
.ks-clean-staff .ksc-finance-collapsible-body{
    border-top:1px solid rgba(15,23,42,.07);
    padding:14px 18px 18px;
    background:linear-gradient(180deg,#fff,#fbfdff);
}
.ks-clean-staff .ksc-finance-collapsible-body .ksc-help{
    margin:0 0 12px;
    color:#64748b;
    font-size:13px;
}
@media(max-width:720px){
    .ks-clean-staff .ksc-finance-collapsible summary{
        align-items:flex-start;
        flex-wrap:wrap;
    }
    .ks-clean-staff .ksc-finance-collapsible summary:after{
        margin-left:auto;
    }
}

/* v1.5.31 — public payment page card action form polish */
html body .cha-pcm-shortcode-root--payment .ks-card-pay-form {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
}
html body .cha-pcm-shortcode-root--payment .ks-card-pay-form .ks-primary-button {
    width: 100% !important;
}

/* v1.5.32 — payment instruction step clarity and card-limit clean UI */
.ks-payment-flow .ks-flow-steps > div.is-complete {
    border-color: rgba(15, 118, 110, 0.18) !important;
    background: #f8fffd !important;
    color: #0B5FCC !important;
}
.ks-payment-flow .ks-flow-steps > div.is-complete strong {
    background: #ccfbf1 !important;
    color: #0B5FCC !important;
}
.ks-payment-flow .ks-flow-steps > div.is-waiting {
    border-color: #e4edf8 !important;
    background: #f8fbff !important;
    color: #52627f !important;
}
.ks-payment-flow .ks-flow-steps > div.is-waiting strong {
    background: #dbeafe !important;
    color: #173b8f !important;
}
.ks-payment-flow .ks-flow-steps > div.is-active {
    border-color: rgba(15, 118, 110, 0.28) !important;
    background: #f0fdfa !important;
    color: #0B5FCC !important;
}
.ks-payment-flow .ks-flow-steps > div.is-active strong {
    background: #0B5FCC !important;
    color: #ffffff !important;
}
.ks-flow-step-explain {
    width: min(1440px, calc(100% - 32px));
    margin: -4px auto 18px;
    padding: 14px 18px;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    border: 1px solid #dbeafe;
    border-radius: 18px;
    background: #f8fbff;
    color: #42526e;
    box-shadow: 0 12px 28px rgba(15,23,42,.035);
}
.ks-flow-step-explain strong {
    flex: 0 0 auto;
    color: #173b8f;
    font-size: 13px;
    font-weight: 700;
}
.ks-flow-step-explain span {
    color: #52627f;
    font-size: 13px;
    line-height: 1.55;
}
.ks-payment-flow .ks-payment-breakdown--card-summary {
    align-items: stretch;
}
@media (max-width: 720px) {
    .ks-flow-step-explain { flex-direction: column; gap: 4px; }
}

/* v1.5.33 — patient remaining balance action and payment coordination */
.ks-payment-action-row {
    margin-top: 18px;
    padding: 14px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    border: 1px solid #dbeafe;
    border-radius: 18px;
    background: #f8fbff;
}
.ks-payment-action-row span {
    color: #52627f;
    font-size: 13px;
    line-height: 1.45;
}
.ks-payment-remaining-card .ks-alert,
.ks-payment-completed-card .ks-alert {
    margin: 0;
}
@media (max-width: 720px) {
    .ks-payment-action-row { align-items: stretch; flex-direction: column; }
    .ks-payment-action-row .ks-primary-button { width: 100%; text-align: center; }
}

/* v1.5.36 — admin intake override panel */
.ks-admin-override-panel {
    border-color: rgba(180, 83, 9, 0.22) !important;
    background: linear-gradient(180deg, #ffffff 0%, #fffaf2 100%) !important;
}
.ks-admin-override-panel details {
    margin: 0;
}
.ks-admin-override-summary {
    cursor: pointer;
    color: #92400e;
    font-weight: 750;
    font-size: 15px;
    list-style: none;
}
.ks-admin-override-summary::-webkit-details-marker {
    display: none;
}
.ks-admin-override-summary::before {
    content: '▸';
    display: inline-block;
    margin-right: 8px;
    transition: transform .18s ease;
}
.ks-admin-override-panel details[open] .ks-admin-override-summary::before {
    transform: rotate(90deg);
}
.ks-admin-override-form {
    margin-top: 14px;
}
.ks-admin-override-grid {
    display: grid;
    grid-template-columns: minmax(220px, .75fr) minmax(260px, 1.25fr);
    gap: 14px;
    margin: 14px 0;
}
.ks-admin-override-grid label {
    display: flex;
    flex-direction: column;
    gap: 7px;
    color: #334155;
    font-size: 12px;
    font-weight: 700;
}
.ks-admin-override-grid input,
.ks-admin-override-grid textarea {
    width: 100%;
    border: 1px solid #dbe5f1;
    border-radius: 14px;
    padding: 11px 12px;
    background: #fff;
    color: #0f172a;
    font-size: 14px;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.03);
}
@media (max-width: 720px) {
    .ks-admin-override-grid { grid-template-columns: 1fr; }
}

/* KS 1.5.43 — compact administrator approval/payment history UI */
html body .cha-pcm-shortcode-root--patient .ks-patient-payments-full,
html body .cha-pcm-shortcode-root .ks-patient-payments-full{
    padding:16px 18px !important;
    border-radius:18px !important;
}
html body .cha-pcm-shortcode-root--patient .ks-patient-payments-full .ks-section-head,
html body .cha-pcm-shortcode-root .ks-patient-payments-full .ks-section-head{
    padding:14px 16px !important;
    margin-bottom:12px !important;
    border-radius:16px !important;
}
html body .cha-pcm-shortcode-root--patient .ks-patient-payments-full .ks-section-head h2,
html body .cha-pcm-shortcode-root .ks-patient-payments-full .ks-section-head h2{
    font-size:20px !important;
    line-height:1.22 !important;
    letter-spacing:-.028em !important;
    margin:0 0 4px !important;
}
html body .cha-pcm-shortcode-root--patient .ks-patient-payments-full .ks-section-head p,
html body .cha-pcm-shortcode-root .ks-patient-payments-full .ks-section-head p{
    font-size:12.5px !important;
    line-height:1.45 !important;
    margin:0 !important;
}
html body .cha-pcm-shortcode-root--patient .ks-patient-payments-full .ks-alert--soft,
html body .cha-pcm-shortcode-root .ks-patient-payments-full .ks-alert--soft{
    padding:11px 14px !important;
    border-radius:14px !important;
    margin:10px 0 12px !important;
    font-size:13px !important;
    line-height:1.45 !important;
}
html body .cha-pcm-shortcode-root--patient .ks-payment-summary-grid--admin-override,
html body .cha-pcm-shortcode-root .ks-payment-summary-grid--admin-override{
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    gap:10px !important;
    margin:12px 0 14px !important;
}
html body .cha-pcm-shortcode-root--patient .ks-payment-summary-grid--admin-override>div,
html body .cha-pcm-shortcode-root .ks-payment-summary-grid--admin-override>div,
html body .cha-pcm-shortcode-root--patient .ks-payment-summary-grid--clean>div,
html body .cha-pcm-shortcode-root .ks-payment-summary-grid--clean>div{
    min-height:0 !important;
    padding:12px 14px !important;
    border-radius:14px !important;
    box-shadow:0 8px 22px rgba(15,23,42,.045) !important;
}
html body .cha-pcm-shortcode-root--patient .ks-payment-summary-grid--admin-override span,
html body .cha-pcm-shortcode-root .ks-payment-summary-grid--admin-override span,
html body .cha-pcm-shortcode-root--patient .ks-payment-summary-grid--clean span,
html body .cha-pcm-shortcode-root .ks-payment-summary-grid--clean span{
    font-size:11px !important;
    line-height:1.25 !important;
    margin-bottom:5px !important;
    letter-spacing:.015em !important;
}
html body .cha-pcm-shortcode-root--patient .ks-payment-summary-grid--admin-override strong,
html body .cha-pcm-shortcode-root .ks-payment-summary-grid--admin-override strong,
html body .cha-pcm-shortcode-root--patient .ks-payment-summary-grid--clean strong,
html body .cha-pcm-shortcode-root .ks-payment-summary-grid--clean strong{
    font-size:15px !important;
    line-height:1.25 !important;
    letter-spacing:-.015em !important;
}
html body .cha-pcm-shortcode-root--patient .ks-payment-summary-grid--admin-override small,
html body .cha-pcm-shortcode-root .ks-payment-summary-grid--admin-override small,
html body .cha-pcm-shortcode-root--patient .ks-payment-summary-grid--clean small,
html body .cha-pcm-shortcode-root .ks-payment-summary-grid--clean small{
    font-size:11.5px !important;
    line-height:1.35 !important;
    margin-top:4px !important;
}
html body .cha-pcm-shortcode-root--patient .ks-patient-payments-full .ks-payment-history-block,
html body .cha-pcm-shortcode-root .ks-patient-payments-full .ks-payment-history-block{
    margin-top:14px !important;
}
html body .cha-pcm-shortcode-root--patient .ks-patient-payments-full .ks-payment-history-block>h3,
html body .cha-pcm-shortcode-root .ks-patient-payments-full .ks-payment-history-block>h3{
    font-size:15px !important;
    line-height:1.25 !important;
    margin:0 0 10px !important;
    padding:0 !important;
    letter-spacing:-.018em !important;
    color:#0f2e6b !important;
    font-weight:560 !important;
}
html body .cha-pcm-shortcode-root--patient .ks-payment-admin-override-block,
html body .cha-pcm-shortcode-root .ks-payment-admin-override-block{
    border:1px solid rgba(11,95,204,.12) !important;
    background:linear-gradient(180deg,#f8fffd,#fff) !important;
    border-radius:16px !important;
    padding:12px 14px !important;
}
html body .cha-pcm-shortcode-root--patient .ks-payment-history-row,
html body .cha-pcm-shortcode-root .ks-payment-history-row{
    padding:10px 14px !important;
    border-radius:13px !important;
    min-height:46px !important;
}
html body .cha-pcm-shortcode-root--patient .ks-payment-history-row strong,
html body .cha-pcm-shortcode-root .ks-payment-history-row strong{
    font-size:13px !important;
    line-height:1.3 !important;
}
html body .cha-pcm-shortcode-root--patient .ks-payment-history-row span,
html body .cha-pcm-shortcode-root .ks-payment-history-row span,
html body .cha-pcm-shortcode-root--patient .ks-payment-history-row small,
html body .cha-pcm-shortcode-root .ks-payment-history-row small{
    font-size:12px !important;
    line-height:1.35 !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-payment-summary-grid--admin-override{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:10px !important;
    margin:12px 0 14px !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-payment-summary-grid--admin-override>div{
    padding:12px 14px !important;
    border-radius:14px !important;
    box-shadow:0 8px 22px rgba(15,23,42,.045) !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-payment-summary-grid--admin-override strong{
    font-size:15px !important;
    line-height:1.25 !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-payment-summary-grid--admin-override span,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-payment-summary-grid--admin-override small{
    font-size:11.5px !important;
    line-height:1.35 !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-finance-admin-override-log h3{
    font-size:15px !important;
    line-height:1.25 !important;
    margin:14px 0 10px !important;
    letter-spacing:-.018em !important;
    font-weight:560 !important;
    color:#0f2e6b !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-row--admin-override{
    padding:11px 14px !important;
    border-radius:14px !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-row--admin-override strong{
    font-size:13px !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-row--admin-override span,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-row--admin-override small{
    font-size:12px !important;
}
@media(max-width:1100px){
    html body .cha-pcm-shortcode-root--patient .ks-payment-summary-grid--admin-override,
    html body .cha-pcm-shortcode-root .ks-payment-summary-grid--admin-override,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-payment-summary-grid--admin-override{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }
}
@media(max-width:640px){
    html body .cha-pcm-shortcode-root--patient .ks-payment-summary-grid--admin-override,
    html body .cha-pcm-shortcode-root .ks-payment-summary-grid--admin-override,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-payment-summary-grid--admin-override{
        grid-template-columns:1fr !important;
    }
}


/* 1.5.54 — Unified staff menu / medical products group */
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-nav-heading{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;color:#29435A;font-weight:700;line-height:1.2;cursor:default;user-select:none;}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-nav-heading.is-active{background:#EEF7FF;color:#005EB8;}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-nav-heading .ksc-nav-icon{width:30px;height:30px;border-radius:12px;background:#EFF6FF;color:#0B5FCC;display:inline-flex;align-items:center;justify-content:center;flex:0 0 30px;}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-nav-heading.is-active .ksc-nav-icon{background:#0B5FCC;color:#fff;}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-nav-subgroup a.is-active{background:#0B5FCC;color:#fff;}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-product-dashboard-cards article{min-height:96px;}


/* 1.5.55 — Staff sidebar medical subgroup layout fix */
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-nav-subgroup{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:6px!important;
    margin:0 0 8px 52px!important;
    padding:0 0 0 12px!important;
    border-left:1px solid rgba(11,95,204,.18)!important;
    width:auto!important;
    min-width:0!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-nav-subgroup a,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-nav .ksc-nav-subgroup a{
    display:flex!important;
    grid-template-columns:none!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:100%!important;
    min-height:34px!important;
    padding:8px 12px!important;
    border-radius:12px!important;
    font-size:13px!important;
    font-weight:650!important;
    line-height:1.2!important;
    color:#36556A!important;
    text-decoration:none!important;
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:clip!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-nav-subgroup a:hover{
    background:#EEF8F7!important;
    color:#0B5FCC!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-nav-subgroup a.is-active{
    background:#0B5FCC!important;
    color:#FFFFFF!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-nav-heading{
    min-height:44px!important;
    white-space:nowrap!important;
    overflow:visible!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-nav-heading .ksc-nav-label{
    display:inline!important;
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:clip!important;
}
@media (max-width:1180px) and (min-width:781px){
    html body .cha-pcm-shortcode-root .ks-clean-staff{
        grid-template-columns:220px minmax(0,1fr)!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-nav-heading .ksc-nav-label{
        display:inline!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-nav-subgroup{
        margin-left:52px!important;
        padding-left:12px!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-nav .ksc-nav-subgroup a{
        display:flex!important;
        width:100%!important;
        min-height:34px!important;
        padding:8px 12px!important;
        white-space:nowrap!important;
    }
}
@media (max-width:780px){
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-nav-subgroup{
        grid-column:1 / -1!important;
        margin:0!important;
        padding:8px!important;
        border-left:0!important;
        border-radius:16px!important;
        background:#F8FBFC!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-nav .ksc-nav-subgroup a{
        width:100%!important;
        min-height:38px!important;
        justify-content:center!important;
        text-align:center!important;
        white-space:nowrap!important;
    }
}

/* KS Operations 1.5.57 — professional unified dashboard */
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero{
    align-items:flex-start!important;
    gap:18px!important;
    padding:26px!important;
    border:1px solid rgba(11,95,204,.14)!important;
    background:linear-gradient(135deg,#ffffff 0%,#f6fbfb 55%,#eef8f7 100%)!important;
    border-radius:24px!important;
    box-shadow:0 18px 48px rgba(15,23,42,.06)!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-eyebrow{
    display:inline-flex!important;
    margin-bottom:8px!important;
    font-size:11px!important;
    font-weight:800!important;
    letter-spacing:.11em!important;
    text-transform:uppercase!important;
    color:#0B5FCC!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-actions{
    display:flex!important;
    gap:10px!important;
    flex-wrap:wrap!important;
    justify-content:flex-end!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-command-grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:14px!important;
    margin:18px 0!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-command-card{
    position:relative!important;
    overflow:hidden!important;
    min-height:118px!important;
    padding:20px!important;
    border:1px solid #E2EAF0!important;
    border-radius:22px!important;
    background:#fff!important;
    box-shadow:0 12px 32px rgba(15,23,42,.045)!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-command-card:after{
    content:''!important;
    position:absolute!important;
    right:-34px!important;
    top:-34px!important;
    width:96px!important;
    height:96px!important;
    border-radius:999px!important;
    background:rgba(11,95,204,.07)!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-command-card.is-primary{
    border-color:rgba(11,95,204,.26)!important;
    background:linear-gradient(135deg,#0B5FCC,#094A9E)!important;
    color:#fff!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-command-card span{
    display:block!important;
    margin-bottom:10px!important;
    font-size:12px!important;
    font-weight:800!important;
    letter-spacing:.06em!important;
    text-transform:uppercase!important;
    color:#64748B!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-command-card strong{
    display:block!important;
    font-size:28px!important;
    line-height:1.1!important;
    color:#0F172A!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-command-card small{
    display:block!important;
    margin-top:9px!important;
    color:#64748B!important;
    font-size:12px!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-command-card.is-primary span,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-command-card.is-primary strong,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-command-card.is-primary small{color:#fff!important;}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr)!important;
    gap:18px!important;
    margin:18px 0!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-grid--lists{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-flow-board{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:12px!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-flow-board a{
    display:flex!important;
    flex-direction:column!important;
    gap:8px!important;
    min-height:132px!important;
    padding:16px!important;
    border:1px solid #E2EAF0!important;
    border-radius:18px!important;
    background:#F8FAFC!important;
    color:#0F172A!important;
    text-decoration:none!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-flow-board a:hover{border-color:#0B5FCC!important;background:#F3F8FF!important;}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-flow-board span{
    width:32px!important;
    height:32px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:999px!important;
    background:#E7F5F4!important;
    color:#0B5FCC!important;
    font-weight:800!important;
    font-size:12px!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-flow-board strong{font-size:15px!important;color:#0F172A!important;}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-flow-board small{font-size:12px!important;color:#64748B!important;line-height:1.45!important;}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-priority-list{
    display:grid!important;
    gap:10px!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-priority-list a{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    padding:14px!important;
    border:1px solid #E2EAF0!important;
    border-radius:16px!important;
    background:#fff!important;
    text-decoration:none!important;
    color:#0F172A!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-priority-list a:hover{border-color:#0B5FCC!important;background:#F8FBFF!important;}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-priority-list span{font-size:13px!important;color:#475569!important;font-weight:700!important;}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-priority-list strong{
    min-width:34px!important;
    height:34px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:999px!important;
    background:#0B5FCC!important;
    color:#fff!important;
    font-size:14px!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-finance{margin-top:18px!important;}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-compact-list .ksc-row{
    min-height:auto!important;
    padding:14px!important;
    border-radius:16px!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-compact-list .ksc-row strong{font-size:14px!important;}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-compact-list .ksc-row span{font-size:12px!important;}
@media(max-width:1100px){
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-command-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-grid,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-grid--lists{grid-template-columns:1fr!important;}
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-flow-board{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:680px){
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-command-grid,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-flow-board{grid-template-columns:1fr!important;}
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-actions{justify-content:stretch!important;}
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-actions .ksc-btn{width:100%!important;}
}

/* KS 1.5.75.1 contacts CRM aggregation polish: no data migration, UI/export only */
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-stats--contacts{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-panel-head--contacts{
    align-items:flex-start!important;
    gap:18px!important;
    margin-bottom:18px!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-contact-search{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:10px!important;
    flex-wrap:wrap!important;
    max-width:720px!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-contact-search input[type="search"]{
    min-width:320px!important;
    height:42px!important;
    border:1px solid #DCE6EE!important;
    border-radius:14px!important;
    background:#fff!important;
    padding:0 14px!important;
    color:#0F172A!important;
    font-size:13px!important;
    box-shadow:none!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-list--contacts{
    gap:12px!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-row--contact{
    align-items:flex-start!important;
    border:1px solid #E5EDF3!important;
    border-radius:18px!important;
    background:#fff!important;
    padding:15px 16px!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-contact-main{
    display:flex!important;
    flex-direction:column!important;
    gap:5px!important;
    min-width:0!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-contact-main strong{
    font-size:15px!important;
    font-weight:650!important;
    letter-spacing:-.01em!important;
    color:#0F172A!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-contact-main span,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-contact-main small{
    color:#64748B!important;
    font-size:12.5px!important;
    line-height:1.45!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-contact-refs{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:6px!important;
    margin-top:4px!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-contact-refs em{
    display:inline-flex!important;
    align-items:center!important;
    max-width:100%!important;
    padding:5px 9px!important;
    border-radius:999px!important;
    background:#F8FAFC!important;
    border:1px solid #E5EDF3!important;
    color:#475569!important;
    font-style:normal!important;
    font-size:11.5px!important;
    white-space:normal!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-contact-meta{
    align-items:flex-end!important;
    gap:7px!important;
    min-width:170px!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-contact-meta span,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-contact-meta small{
    font-size:11.5px!important;
}
@media(max-width:1100px){
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-stats--contacts{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-panel-head--contacts{flex-direction:column!important;}
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-contact-search{width:100%!important;justify-content:flex-start!important;}
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-contact-search input[type="search"]{flex:1 1 320px!important;}
}
@media(max-width:680px){
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-stats--contacts{grid-template-columns:1fr!important;}
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-contact-search,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-contact-search .ksc-btn,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-contact-search input[type="search"]{width:100%!important;min-width:0!important;}
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-row--contact{flex-direction:column!important;}
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-contact-meta{align-items:flex-start!important;width:100%!important;min-width:0!important;}
}

/* KS 1.5.75.2 contacts pagination polish: 4 records per page, UI only */
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-contact-pagebar,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-application-pagebar{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    margin:0 0 12px!important;
    padding:10px 12px!important;
    border:1px solid #E5EDF3!important;
    border-radius:16px!important;
    background:#F8FBFD!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-contact-pagebar span,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-application-pagebar span{
    font-size:12.5px!important;
    font-weight:650!important;
    color:#0F172A!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-contact-pagebar small,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-application-pagebar small{
    font-size:11.5px!important;
    color:#64748B!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-pagination--contacts,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-pagination--applications{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex-wrap:wrap!important;
    gap:8px!important;
    margin:16px 0 2px!important;
    padding-top:14px!important;
    border-top:1px solid #EAF0F5!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-pagination--contacts .ksc-page-link,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-pagination--applications .ksc-page-link{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:34px!important;
    height:34px!important;
    padding:0 10px!important;
    border:1px solid #DCE6EE!important;
    border-radius:12px!important;
    background:#fff!important;
    color:#334155!important;
    font-size:12.5px!important;
    font-weight:650!important;
    text-decoration:none!important;
    box-shadow:none!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-pagination--contacts .ksc-page-link:hover,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-pagination--applications .ksc-page-link:hover{
    border-color:#B8D4E6!important;
    background:#F8FBFD!important;
    color:#0F172A!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-pagination--contacts .ksc-page-link.is-active,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-pagination--applications .ksc-page-link.is-active{
    border-color:#0E6EA8!important;
    background:#0E6EA8!important;
    color:#fff!important;
}
@media(max-width:680px){
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-contact-pagebar,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-application-pagebar{
        flex-direction:column!important;
        align-items:flex-start!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-pagination--contacts,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-pagination--applications{
        justify-content:flex-start!important;
    }
}

/* KS 1.5.75.5 mobile staff portal drawer menu
   Keeps desktop portal unchanged; on mobile the staff menu opens as an off-canvas drawer. */
html body .cha-pcm-shortcode-root--staff .ks-clean-staff .ksc-mobile-topbar,
html body .cha-pcm-shortcode-root--staff .ks-clean-staff .ksc-mobile-backdrop,
html body .cha-pcm-shortcode-root--staff .ks-clean-staff .ksc-mobile-close {
    display: none !important;
}

@media (max-width: 900px) {
    html body.ksc-staff-menu-open {
        overflow: hidden !important;
        touch-action: none !important;
    }

    html body .cha-pcm-shortcode-root--staff .ks-clean-staff[data-ksc-staff-portal] {
        display: block !important;
        grid-template-columns: 1fr !important;
        gap: 0 !important;
        overflow: visible !important;
        background: transparent !important;
    }

    html body .cha-pcm-shortcode-root--staff .ks-clean-staff .ksc-mobile-topbar {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 12px !important;
        position: sticky !important;
        top: 0 !important;
        z-index: 99970 !important;
        margin: 0 0 10px !important;
        padding: 10px 12px !important;
        border: 1px solid #E6EEF7 !important;
        border-radius: 18px !important;
        background: rgba(255,255,255,.96) !important;
        box-shadow: 0 12px 32px rgba(15, 23, 42, .08) !important;
        backdrop-filter: blur(12px) !important;
        -webkit-backdrop-filter: blur(12px) !important;
        box-sizing: border-box !important;
    }

    html body .cha-pcm-shortcode-root--staff .ks-clean-staff .ksc-mobile-menu-button {
        min-height: 42px !important;
        height: 42px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 9px !important;
        padding: 0 13px !important;
        border: 1px solid #D8E8F4 !important;
        border-radius: 14px !important;
        background: linear-gradient(180deg, #FFFFFF 0%, #F6FAFD 100%) !important;
        color: #0B2E63 !important;
        font-size: 13px !important;
        font-weight: 700 !important;
        line-height: 1 !important;
        box-shadow: none !important;
        cursor: pointer !important;
        -webkit-tap-highlight-color: transparent !important;
    }

    html body .cha-pcm-shortcode-root--staff .ks-clean-staff .ksc-mobile-menu-button span {
        width: 22px !important;
        height: 22px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        color: #0B5FCC !important;
    }

    html body .cha-pcm-shortcode-root--staff .ks-clean-staff .ksc-mobile-menu-button svg {
        width: 21px !important;
        height: 21px !important;
        display: block !important;
    }

    html body .cha-pcm-shortcode-root--staff .ks-clean-staff .ksc-mobile-title {
        min-width: 0 !important;
        display: grid !important;
        gap: 2px !important;
        justify-items: end !important;
        text-align: right !important;
        line-height: 1.15 !important;
    }

    html body .cha-pcm-shortcode-root--staff .ks-clean-staff .ksc-mobile-title span {
        color: #64748B !important;
        font-size: 11px !important;
        font-weight: 700 !important;
        letter-spacing: .04em !important;
        text-transform: uppercase !important;
        white-space: nowrap !important;
    }

    html body .cha-pcm-shortcode-root--staff .ks-clean-staff .ksc-mobile-title strong {
        max-width: 54vw !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        color: #0F172A !important;
        font-size: 14px !important;
        font-weight: 750 !important;
        letter-spacing: -.02em !important;
    }

    html body .cha-pcm-shortcode-root--staff .ks-clean-staff .ksc-mobile-backdrop {
        display: block !important;
        position: fixed !important;
        inset: 0 !important;
        z-index: 99980 !important;
        background: rgba(15, 23, 42, .42) !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        transition: opacity .22s ease, visibility .22s ease !important;
    }

    html body .cha-pcm-shortcode-root--staff .ks-clean-staff.is-mobile-menu-open .ksc-mobile-backdrop {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    html body .cha-pcm-shortcode-root--staff .ks-clean-staff .ksc-sidebar,
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-sidebar {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: auto !important;
        bottom: auto !important;
        z-index: 99990 !important;
        width: min(86vw, 340px) !important;
        max-width: min(86vw, 340px) !important;
        min-width: 0 !important;
        height: 100vh !important;
        height: 100dvh !important;
        max-height: 100dvh !important;
        margin: 0 !important;
        padding: 16px 14px 18px !important;
        border: 0 !important;
        border-right: 1px solid #E6EEF7 !important;
        border-radius: 0 26px 26px 0 !important;
        background: #FFFFFF !important;
        box-shadow: 28px 0 70px rgba(15, 23, 42, .22) !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        transform: translateX(-105%) !important;
        opacity: .96 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        transition: transform .24s ease, opacity .24s ease, visibility .24s ease !important;
    }

    html body .cha-pcm-shortcode-root--staff .ks-clean-staff.is-mobile-menu-open .ksc-sidebar,
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal].is-mobile-menu-open .ksc-sidebar {
        transform: translateX(0) !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    html body .cha-pcm-shortcode-root--staff .ks-clean-staff .ksc-sidebar .ksc-brand,
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-sidebar .ksc-brand {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 12px !important;
        margin: 0 0 12px !important;
        padding: 4px 2px 14px !important;
        border-bottom: 1px solid #EAF0F5 !important;
    }

    html body .cha-pcm-shortcode-root--staff .ks-clean-staff .ksc-mobile-close,
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-mobile-close {
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
        min-height: 38px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 !important;
        border: 1px solid #E5EDF3 !important;
        border-radius: 14px !important;
        background: #F8FBFD !important;
        color: #0B2E63 !important;
        box-shadow: none !important;
        cursor: pointer !important;
    }

    html body .cha-pcm-shortcode-root--staff .ks-clean-staff .ksc-mobile-close svg,
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-mobile-close svg {
        width: 20px !important;
        height: 20px !important;
        display: block !important;
    }

    html body .cha-pcm-shortcode-root--staff .ks-clean-staff .ksc-sidebar .ksc-nav,
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-sidebar .ksc-nav {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 7px !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: visible !important;
    }

    html body .cha-pcm-shortcode-root--staff .ks-clean-staff .ksc-sidebar .ksc-nav a,
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-sidebar .ksc-nav a,
    html body .cha-pcm-shortcode-root--staff .ks-clean-staff .ksc-sidebar .ksc-logout button,
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-sidebar .ksc-logout button {
        width: 100% !important;
        min-height: 44px !important;
        grid-template-columns: 34px minmax(0, 1fr) !important;
        justify-content: start !important;
        text-align: left !important;
        white-space: nowrap !important;
    }

    html body .cha-pcm-shortcode-root--staff .ks-clean-staff .ksc-main,
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-main {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 12px !important;
        border-radius: 18px !important;
    }
}

/* KS 1.5.75.5 mobile staff portal drawer visual correction
   Targets the actual shortcode root used on production, not only the optional --staff wrapper. */
html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-mobile-topbar,
html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-mobile-backdrop,
html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-mobile-close {
    display: none !important;
}

@media (max-width: 900px) {
    html body.ksc-staff-menu-open {
        overflow: hidden !important;
        touch-action: none !important;
    }

    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] {
        width: 100% !important;
        max-width: 100% !important;
        display: block !important;
        grid-template-columns: 1fr !important;
        gap: 0 !important;
        margin: 10px auto 64px !important;
        padding: 0 14px !important;
        background: transparent !important;
        overflow: visible !important;
    }

    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-mobile-topbar {
        width: 100% !important;
        min-height: 58px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 12px !important;
        position: relative !important;
        top: auto !important;
        z-index: 20 !important;
        margin: 0 0 14px !important;
        padding: 9px 10px 9px 14px !important;
        border: 1px solid #E5EDF5 !important;
        border-radius: 18px !important;
        background: #FFFFFF !important;
        box-shadow: 0 12px 32px rgba(15, 23, 42, .07) !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-mobile-title {
        order: 1 !important;
        min-width: 0 !important;
        flex: 1 1 auto !important;
        display: grid !important;
        gap: 3px !important;
        justify-items: start !important;
        text-align: left !important;
        line-height: 1.12 !important;
    }

    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-mobile-title span {
        max-width: 100% !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        color: #0B5FCC !important;
        font-size: 10px !important;
        font-weight: 800 !important;
        letter-spacing: .16em !important;
        text-transform: uppercase !important;
    }

    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-mobile-title strong {
        max-width: 100% !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        color: #0F172A !important;
        font-size: 15px !important;
        font-weight: 720 !important;
        letter-spacing: -.02em !important;
    }

    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-mobile-menu-button,
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] button.ksc-mobile-menu-button:not(.components-button) {
        order: 2 !important;
        width: auto !important;
        max-width: none !important;
        min-width: 104px !important;
        min-height: 38px !important;
        height: 38px !important;
        flex: 0 0 auto !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        margin: 0 !important;
        padding: 0 13px !important;
        border: 1px solid #DCEAF5 !important;
        border-radius: 14px !important;
        background: #F8FBFE !important;
        color: #0B2E63 !important;
        box-shadow: none !important;
        font-size: 12.5px !important;
        font-weight: 700 !important;
        line-height: 1 !important;
        letter-spacing: -.01em !important;
        cursor: pointer !important;
        transform: none !important;
        -webkit-tap-highlight-color: transparent !important;
    }

    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-mobile-menu-button:hover,
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-mobile-menu-button:focus {
        background: #F1F8FD !important;
        color: #0B2E63 !important;
        box-shadow: none !important;
        transform: none !important;
        outline: none !important;
    }

    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-mobile-menu-button span {
        width: 18px !important;
        height: 18px !important;
        min-width: 18px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        color: #0B5FCC !important;
    }

    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-mobile-menu-button svg {
        width: 18px !important;
        height: 18px !important;
        display: block !important;
    }

    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-mobile-backdrop {
        display: block !important;
        position: fixed !important;
        inset: 0 !important;
        z-index: 2147483000 !important;
        background: rgba(15, 23, 42, .42) !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        transition: opacity .22s ease, visibility .22s ease !important;
    }

    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal].is-mobile-menu-open .ksc-mobile-backdrop {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-sidebar {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: auto !important;
        bottom: auto !important;
        z-index: 2147483001 !important;
        width: min(84vw, 342px) !important;
        max-width: min(84vw, 342px) !important;
        min-width: 0 !important;
        height: 100vh !important;
        height: 100svh !important;
        height: 100dvh !important;
        max-height: 100dvh !important;
        margin: 0 !important;
        padding: 14px 14px 18px !important;
        border: 0 !important;
        border-right: 1px solid #E6EEF7 !important;
        border-radius: 0 24px 24px 0 !important;
        background: #FFFFFF !important;
        box-shadow: 28px 0 70px rgba(15, 23, 42, .24) !important;
        opacity: 1 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        transform: translateX(-106%) !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        transition: transform .24s ease, visibility .24s ease !important;
    }

    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal].is-mobile-menu-open .ksc-sidebar {
        transform: translateX(0) !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-sidebar .ksc-brand {
        position: sticky !important;
        top: -14px !important;
        z-index: 2 !important;
        display: flex !important;
        grid-template-columns: none !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 12px !important;
        margin: 0 0 14px !important;
        padding: 8px 2px 14px !important;
        border-bottom: 1px solid #EAF0F5 !important;
        background: #FFFFFF !important;
    }

    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-sidebar .ksc-brand::before {
        width: 42px !important;
        height: 42px !important;
        min-width: 42px !important;
        border-radius: 14px !important;
        box-shadow: none !important;
    }

    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-sidebar .ksc-brand > div {
        min-width: 0 !important;
        flex: 1 1 auto !important;
    }

    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-sidebar .ksc-brand strong {
        display: block !important;
        max-width: 100% !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        color: #0F172A !important;
        font-size: 15px !important;
        font-weight: 720 !important;
    }

    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-sidebar .ksc-brand span {
        display: block !important;
        margin-top: 2px !important;
        color: #64748B !important;
        font-size: 11.5px !important;
        font-weight: 600 !important;
    }

    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-mobile-close,
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] button.ksc-mobile-close:not(.components-button) {
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
        min-height: 38px !important;
        max-width: 38px !important;
        flex: 0 0 38px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 1px solid #E5EDF3 !important;
        border-radius: 14px !important;
        background: #F8FBFD !important;
        color: #0B2E63 !important;
        box-shadow: none !important;
        transform: none !important;
        cursor: pointer !important;
    }

    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-mobile-close svg {
        width: 20px !important;
        height: 20px !important;
        display: block !important;
    }

    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-sidebar .ksc-nav {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 7px !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-sidebar .ksc-nav a,
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-sidebar .ksc-logout button {
        width: 100% !important;
        max-width: 100% !important;
        min-height: 44px !important;
        grid-template-columns: 34px minmax(0, 1fr) !important;
        justify-content: start !important;
        text-align: left !important;
        white-space: nowrap !important;
    }

    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-main {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }
}

@media (max-width: 420px) {
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-mobile-menu-button,
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] button.ksc-mobile-menu-button:not(.components-button) {
        min-width: 92px !important;
        padding-left: 11px !important;
        padding-right: 11px !important;
    }

    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-sidebar {
        width: min(88vw, 342px) !important;
        max-width: min(88vw, 342px) !important;
    }
}

/* KS 1.5.75.5 — Dedicated Staff Portal Shell
   Staff portal must behave as a private operations panel, not as a normal public website page. */
html body.ks-staff-portal-page,
html body.ks-operations-portal-shell {
    background: #F4F8FC !important;
    min-height: 100vh !important;
    min-height: 100dvh !important;
    overflow-x: hidden !important;
}

/* Hide public website chrome only on the staff portal page. */
html body.ks-staff-portal-page #Header_wrapper,
html body.ks-staff-portal-page #Header,
html body.ks-staff-portal-page #Top_bar,
html body.ks-staff-portal-page #Subheader,
html body.ks-staff-portal-page #Footer,
html body.ks-staff-portal-page .mfn-header-template,
html body.ks-staff-portal-page .mfn-header-tmpl,
html body.ks-staff-portal-page .mfn-header-section,
html body.ks-staff-portal-page .mfn-header-main,
html body.ks-staff-portal-page .mfn-header-placeholder,
html body.ks-staff-portal-page .mfn-footer-template,
html body.ks-staff-portal-page .mfn-footer-tmpl,
html body.ks-staff-portal-page .header_placeholder,
html body.ks-staff-portal-page .site-header,
html body.ks-staff-portal-page .site-footer,
html body.ks-staff-portal-page .elementor-location-header,
html body.ks-staff-portal-page .elementor-location-footer,
html body.ks-staff-portal-page .page-title,
html body.ks-staff-portal-page .mfn-breadcrumbs,
html body.ks-staff-portal-page .footer_copy,
html body.ks-staff-portal-page .widgets_wrapper,
html body.ks-staff-portal-page .mfn-footer-banner,
html body.ks-staff-portal-page .mfn-before-footer,
html body.ks-staff-portal-page .mfn-after-footer {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Hide public floating commercial widgets on staff portal; the portal has its own support flow. */
html body.ks-staff-portal-page .joinchat,
html body.ks-staff-portal-page .joinchat__button,
html body.ks-staff-portal-page .floating-whatsapp,
html body.ks-staff-portal-page .whatsapp-floating,
html body.ks-staff-portal-page .wa__btn_popup,
html body.ks-staff-portal-page .mfn-quick-action-button,
html body.ks-staff-portal-page .mfn-live-search-wrapper {
    display: none !important;
}

/* Remove theme page spacing so the portal can own the viewport. */
html body.ks-staff-portal-page #Wrapper,
html body.ks-staff-portal-page #Content,
html body.ks-staff-portal-page .content_wrapper,
html body.ks-staff-portal-page .sections_group,
html body.ks-staff-portal-page .section_wrapper,
html body.ks-staff-portal-page .entry-content,
html body.ks-staff-portal-page .the_content_wrapper,
html body.ks-staff-portal-page .mcb-section,
html body.ks-staff-portal-page .mcb-section-inner,
html body.ks-staff-portal-page .mcb-wrap,
html body.ks-staff-portal-page .mcb-wrap-inner,
html body.ks-staff-portal-page .column,
html body.ks-staff-portal-page .column_attr,
html body.ks-staff-portal-page .wp-block-post-content {
    max-width: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    box-sizing: border-box !important;
}

html body.ks-staff-portal-page .cha-pcm-shortcode-root--staff,
html body.ks-staff-portal-page .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 100vh !important;
    min-height: 100dvh !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

/* Dedicated portal layout: desktop keeps the professional sidebar, mobile keeps the drawer. */
html body.ks-staff-portal-page .cha-pcm-shortcode-root--staff {
    display: block !important;
    background: #F4F8FC !important;
}

html body.ks-staff-portal-page .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] {
    padding: 22px !important;
    background: #F4F8FC !important;
}

html body.ks-staff-portal-page .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-sidebar {
    top: 22px !important;
}

html body.ks-staff-portal-page .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-main {
    min-height: calc(100vh - 44px) !important;
    min-height: calc(100dvh - 44px) !important;
}

/* Keep WP admin bar usable for logged-in admins without reintroducing the public header. */
html body.admin-bar.ks-staff-portal-page .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] {
    min-height: calc(100vh - 32px) !important;
    min-height: calc(100dvh - 32px) !important;
}

@media (max-width: 900px) {
    html body.ks-staff-portal-page .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] {
        margin: 0 auto 48px !important;
        padding: 14px !important;
    }

    html body.ks-staff-portal-page .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-mobile-topbar {
        margin-top: 0 !important;
        margin-bottom: 14px !important;
    }

    html body.ks-staff-portal-page .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-sidebar {
        top: 0 !important;
    }

    html body.ks-staff-portal-page .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-main {
        min-height: auto !important;
    }
}

@media (max-width: 420px) {
    html body.ks-staff-portal-page .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
}


/* KS Operations 1.5.75.5 — Brand polish: blue-only portal accents and official mark */
:root {
    --ks-ui-blue: #0B5FCC;
    --ks-ui-blue-2: #0B2E63;
    --ks-ui-green: #0B5FCC;
}
html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-brand {
    grid-template-columns: 52px minmax(0, 1fr) auto !important;
    column-gap: 12px !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-brand::before {
    content: "" !important;
    width: 52px !important;
    height: 52px !important;
    border-radius: 18px !important;
    background: #ffffff url('https://kubadasaglik.net/wp-content/uploads/2024/10/kuba-saglik-Kopyasi.png') center center / contain no-repeat !important;
    border: 1px solid rgba(11,95,204,.12) !important;
    box-shadow: 0 12px 26px rgba(11,47,99,.10) !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-mobile-title span,
html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-brand span {
    color: #667085 !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-mobile-menu-button,
html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] button.ksc-mobile-menu-button:not(.components-button),
html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-btn--primary,
html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-form button.ksc-btn--primary {
    background: #0B5FCC !important;
    border-color: #0B5FCC !important;
    color: #ffffff !important;
    box-shadow: 0 10px 20px rgba(11,95,204,.14) !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-btn--soft,
html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-btn.soft,
html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-nav a:hover,
html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-nav a.is-active {
    background: #EFF6FF !important;
    border-color: #D9EAFE !important;
    color: #0B5FCC !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-nav a:hover::before,
html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-nav a.is-active::before,
html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-chart-bars .is-revenue {
    background: #0B5FCC !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-badge {
    background: #EFF6FF !important;
    border-color: rgba(11,95,204,.16) !important;
    color: #0B5FCC !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v109 .ks-login-icon,
html body .cha-pcm-shortcode-root .ks-auth-portal-v110 .ks-login-icon {
    background: #ffffff url('https://kubadasaglik.net/wp-content/uploads/2024/10/kuba-saglik-Kopyasi.png') center center / contain no-repeat !important;
    border: 1px solid rgba(11,95,204,.12) !important;
    color: transparent !important;
    box-shadow: 0 14px 28px rgba(11,47,99,.12) !important;
    overflow: hidden !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v109 .ks-login-icon::before,
html body .cha-pcm-shortcode-root .ks-auth-portal-v110 .ks-login-icon::before {
    content: none !important;
}
@media (max-width: 900px) {
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-brand {
        grid-template-columns: 50px minmax(0, 1fr) 40px !important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-brand::before {
        width: 50px !important;
        height: 50px !important;
        border-radius: 17px !important;
    }
}

/* KS Operations 1.5.75.5 — Control Panel search + compact last 3 operations polish */
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero{
    background:linear-gradient(135deg,#ffffff 0%,#F6FAFF 58%,#EEF5FF 100%)!important;
    border-color:rgba(11,95,204,.16)!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-tools{
    width:min(520px,100%)!important;
    display:grid!important;
    gap:12px!important;
    justify-items:stretch!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-search{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    width:100%!important;
    padding:8px!important;
    border:1px solid #DCEBFF!important;
    border-radius:18px!important;
    background:#FFFFFF!important;
    box-shadow:0 14px 30px rgba(15,23,42,.055)!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-search input[type="search"]{
    flex:1 1 auto!important;
    width:100%!important;
    min-width:0!important;
    height:42px!important;
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
    background:transparent!important;
    color:#0F172A!important;
    font-size:13px!important;
    padding:0 10px!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-search input[type="search"]::placeholder{
    color:#94A3B8!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-search .ksc-btn{
    height:42px!important;
    min-width:82px!important;
    justify-content:center!important;
    border-radius:14px!important;
    white-space:nowrap!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-actions{
    justify-content:flex-start!important;
    gap:8px!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-actions .ksc-btn{
    min-height:38px!important;
    border-radius:14px!important;
    padding:10px 13px!important;
    font-size:12px!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-flow-board{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    align-items:stretch!important;
    overflow:visible!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-flow-board a{
    min-width:0!important;
    min-height:118px!important;
    background:#F8FBFF!important;
    border-color:#DCEBFF!important;
    box-shadow:none!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-flow-board span{
    width:34px!important;
    height:34px!important;
    border-radius:12px!important;
    background:#EAF3FF!important;
    color:#0B5FCC!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-recent-section{
    margin:18px 0!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-panel-head--recent{
    margin-bottom:12px!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-panel-head--recent h2{
    margin:0!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-panel-head--recent p{
    margin:5px 0 0!important;
    color:#64748B!important;
    font-size:13px!important;
    line-height:1.45!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-grid--recent{
    display:grid!important;
    grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important;
    gap:16px!important;
    align-items:stretch!important;
    margin:0!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-recent-panel{
    min-width:0!important;
    overflow:hidden!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-recent-panel .ksc-panel-head{
    align-items:flex-start!important;
    gap:10px!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-recent-panel .ksc-panel-head h2{
    font-size:16px!important;
    line-height:1.25!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-recent-panel .ksc-panel-head a{
    flex:0 0 auto!important;
    white-space:nowrap!important;
    color:#0B5FCC!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-recent-list{
    gap:9px!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-recent-row{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:8px!important;
    align-items:start!important;
    padding:13px!important;
    background:#FFFFFF!important;
    border-color:#E6EEF8!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-recent-row > div:first-child{
    min-width:0!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-recent-row strong,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-recent-row span{
    display:block!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-recent-row .ksc-row-meta{
    display:flex!important;
    flex-wrap:wrap!important;
    justify-content:flex-start!important;
    gap:6px!important;
    min-width:0!important;
}
@media(max-width:1100px){
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-tools{
        width:100%!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-flow-board{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
}
@media(max-width:680px){
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero{
        padding:18px!important;
        gap:14px!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-search{
        flex-direction:column!important;
        align-items:stretch!important;
        padding:10px!important;
        border-radius:18px!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-search input[type="search"]{
        height:40px!important;
        padding:0 8px!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-search .ksc-btn{
        width:100%!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-actions{
        display:grid!important;
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-actions .ksc-btn{
        width:auto!important;
        min-width:0!important;
        padding:10px 8px!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-flow-board,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-grid--recent{
        grid-template-columns:1fr!important;
    }
}

/* KS Operations 1.5.75.5 — Dashboard search final clean-up */
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-tools{
    width:min(640px,100%)!important;
    gap:10px!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-search{
    position:relative!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    gap:10px!important;
    width:100%!important;
    min-height:54px!important;
    padding:6px 7px 6px 14px!important;
    border:1px solid #D9E8FA!important;
    border-radius:18px!important;
    background:rgba(255,255,255,.96)!important;
    box-shadow:0 10px 26px rgba(15,23,42,.055)!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-search:focus-within{
    border-color:#9BC4FF!important;
    box-shadow:0 12px 30px rgba(11,95,204,.10)!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-search-icon{
    width:22px!important;
    height:22px!important;
    flex:0 0 22px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    color:#0B5FCC!important;
    opacity:.82!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-search-icon svg{
    width:20px!important;
    height:20px!important;
    display:block!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-search input[type="search"]{
    flex:1 1 auto!important;
    min-width:0!important;
    width:auto!important;
    height:42px!important;
    padding:0 4px!important;
    border:0!important;
    outline:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#0F172A!important;
    font-size:13px!important;
    line-height:42px!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-search input[type="search"]::placeholder{
    color:#8A9AB2!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-search-submit{
    height:42px!important;
    min-width:72px!important;
    flex:0 0 auto!important;
    border:0!important;
    border-radius:14px!important;
    background:#0B5FCC!important;
    color:#fff!important;
    font-size:13px!important;
    font-weight:700!important;
    letter-spacing:.01em!important;
    cursor:pointer!important;
    box-shadow:0 8px 18px rgba(11,95,204,.18)!important;
    transition:transform .18s ease, box-shadow .18s ease, background .18s ease!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-search-submit:hover{
    background:#084EA8!important;
    transform:translateY(-1px)!important;
    box-shadow:0 10px 22px rgba(11,95,204,.22)!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-recent-section{
    margin:18px 0 0!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-panel-head--recent{
    display:none!important;
}
@media(max-width:680px){
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-search{
        flex-direction:row!important;
        align-items:center!important;
        gap:8px!important;
        min-height:50px!important;
        padding:5px 6px 5px 12px!important;
        border-radius:16px!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-search-icon{
        width:20px!important;
        height:20px!important;
        flex-basis:20px!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-search input[type="search"]{
        height:40px!important;
        line-height:40px!important;
        font-size:12px!important;
        padding:0 2px!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-search-submit{
        width:auto!important;
        min-width:58px!important;
        height:40px!important;
        border-radius:13px!important;
        font-size:12px!important;
        padding:0 14px!important;
    }
}

/* KS Operations 1.5.75.5 — Mobile dashboard search stability hotfix */
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-search,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-search *{
    box-sizing:border-box!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-search{
    max-width:100%!important;
    overflow:hidden!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-search input[type="search"]{
    display:block!important;
    -webkit-appearance:none!important;
    appearance:none!important;
    max-width:100%!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-search-submit{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    max-width:92px!important;
    white-space:nowrap!important;
    -webkit-appearance:none!important;
    appearance:none!important;
}
@media(max-width:680px){
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-tools{
        width:100%!important;
        max-width:100%!important;
        min-width:0!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-search{
        display:grid!important;
        grid-template-columns:24px minmax(0,1fr) 64px!important;
        column-gap:8px!important;
        align-items:center!important;
        width:100%!important;
        max-width:100%!important;
        min-width:0!important;
        min-height:50px!important;
        padding:5px 6px 5px 13px!important;
        border-radius:16px!important;
        overflow:hidden!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-search-icon{
        grid-column:1!important;
        width:22px!important;
        height:22px!important;
        min-width:22px!important;
        max-width:22px!important;
        flex:none!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-search input[type="search"]{
        grid-column:2!important;
        width:100%!important;
        min-width:0!important;
        max-width:100%!important;
        height:40px!important;
        line-height:40px!important;
        padding:0 2px!important;
        overflow:hidden!important;
        text-overflow:ellipsis!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-search-submit{
        grid-column:3!important;
        width:64px!important;
        min-width:64px!important;
        max-width:64px!important;
        height:40px!important;
        padding:0!important;
        margin:0!important;
        border-radius:13px!important;
        flex:none!important;
    }
}
@media(max-width:380px){
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-search{
        grid-template-columns:22px minmax(0,1fr) 58px!important;
        column-gap:7px!important;
        padding-left:11px!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-search-submit{
        width:58px!important;
        min-width:58px!important;
        max-width:58px!important;
    }
}

/* KS Operations 1.5.75.7 — Dedicated premium login shell for /login/ */
html body.ks-staff-login-page,
html body.ks-staff-login-page #Wrapper,
html body.ks-staff-login-page #Content {
    background: #F5F8FC !important;
}
html body.ks-staff-login-page .cha-pcm-shortcode-root--login,
html body.ks-staff-login-page .cha-pcm-shortcode-root {
    width: 100% !important;
    max-width: none !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v111 {
    --ks-login-navy: #0B2E63 !important;
    --ks-login-blue: #0B5FCC !important;
    --ks-login-soft: #EFF6FF !important;
    --ks-login-text: #081A3A !important;
    --ks-login-muted: #667892 !important;
    --ks-login-line: #DCE8F5 !important;
    width: min(980px, calc(100vw - 40px)) !important;
    max-width: min(980px, calc(100vw - 40px)) !important;
    margin: 44px auto 56px !important;
    padding: 0 !important;
    background: transparent !important;
    overflow: visible !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v111,
html body .cha-pcm-shortcode-root .ks-auth-portal-v111 * {
    box-sizing: border-box !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v111 .ks-login-shell-v111 {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 18px !important;
    width: 100% !important;
    min-height: auto !important;
    padding: 0 !important;
    align-items: stretch !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v111 .ks-login-topbar-v111 {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    width: 100% !important;
    min-height: 56px !important;
    padding: 10px 14px 10px 18px !important;
    border: 1px solid rgba(11,95,204,.12) !important;
    border-radius: 22px !important;
    background: rgba(255,255,255,.88) !important;
    box-shadow: 0 16px 40px rgba(8,26,58,.06) !important;
    backdrop-filter: blur(10px) !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v111 .ks-login-logo-v111 {
    display: inline-flex !important;
    align-items: center !important;
    min-width: 0 !important;
    text-decoration: none !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v111 .ks-login-logo-v111 img {
    display: block !important;
    width: auto !important;
    height: 34px !important;
    max-width: 210px !important;
    object-fit: contain !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v111 .ks-login-home-v111 {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 38px !important;
    padding: 9px 14px !important;
    border: 1px solid #DCEBFF !important;
    border-radius: 14px !important;
    background: #F8FBFF !important;
    color: var(--ks-login-navy) !important;
    font-size: 13px !important;
    font-weight: 520 !important;
    text-decoration: none !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v111 .ks-login-grid-v111 {
    display: grid !important;
    grid-template-columns: minmax(0, .92fr) minmax(360px, 430px) !important;
    gap: 18px !important;
    align-items: stretch !important;
    width: 100% !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v111 .ks-login-brand-v111,
html body .cha-pcm-shortcode-root .ks-auth-portal-v111 .ks-login-card-v111 {
    border: 1px solid var(--ks-login-line) !important;
    border-radius: 26px !important;
    box-shadow: 0 22px 54px rgba(8,26,58,.075) !important;
    overflow: hidden !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v111 .ks-login-brand-v111 {
    min-height: 430px !important;
    padding: 34px !important;
    display: flex !important;
    justify-content: flex-end !important;
    flex-direction: column !important;
    position: relative !important;
    background:
        radial-gradient(circle at 14% 14%, rgba(11,95,204,.14), transparent 30%),
        radial-gradient(circle at 100% 100%, rgba(11,95,204,.11), transparent 32%),
        linear-gradient(180deg,#FFFFFF 0%,#F7FBFF 100%) !important;
    color: var(--ks-login-text) !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v111 .ks-login-brand-v111::before {
    content: "" !important;
    position: absolute !important;
    left: 34px !important;
    top: 34px !important;
    width: 72px !important;
    height: 72px !important;
    border-radius: 22px !important;
    background: #FFFFFF url('https://kubadasaglik.net/wp-content/uploads/2024/10/kuba-saglik-Kopyasi.png') center center / contain no-repeat !important;
    border: 1px solid rgba(11,95,204,.13) !important;
    box-shadow: 0 14px 28px rgba(11,47,99,.08) !important;
    opacity: 1 !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v111 .ks-login-brand-v111::after {
    content: "" !important;
    position: absolute !important;
    right: -90px !important;
    bottom: -90px !important;
    width: 240px !important;
    height: 240px !important;
    border-radius: 999px !important;
    background: rgba(11,95,204,.07) !important;
    pointer-events: none !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v111 .ks-login-brand-content {
    position: relative !important;
    z-index: 1 !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v111 .ks-secure-pill {
    display: inline-flex !important;
    width: fit-content !important;
    align-items: center !important;
    padding: 7px 11px !important;
    border: 1px solid rgba(11,95,204,.14) !important;
    border-radius: 999px !important;
    background: #EFF6FF !important;
    color: var(--ks-login-blue) !important;
    font-size: 11px !important;
    font-weight: 620 !important;
    letter-spacing: .12em !important;
    text-transform: uppercase !important;
    box-shadow: none !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v111 .ks-login-brand-v111 h1 {
    max-width: 430px !important;
    margin: 20px 0 12px !important;
    color: var(--ks-login-text) !important;
    font-size: clamp(31px, 3.8vw, 44px) !important;
    line-height: 1.08 !important;
    letter-spacing: -.045em !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v111 .ks-login-brand-v111 p {
    max-width: 430px !important;
    color: var(--ks-login-muted) !important;
    font-size: 14.5px !important;
    line-height: 1.7 !important;
    margin: 0 !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v111 .ks-login-secure-list {
    list-style: none !important;
    display: grid !important;
    gap: 9px !important;
    margin: 24px 0 0 !important;
    padding: 0 !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v111 .ks-login-secure-list li {
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    color: #315070 !important;
    font-size: 13px !important;
    font-weight: 520 !important;
    line-height: 1.35 !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v111 .ks-login-secure-list li span {
    width: 8px !important;
    height: 8px !important;
    min-width: 8px !important;
    border-radius: 999px !important;
    background: var(--ks-login-blue) !important;
    box-shadow: 0 0 0 5px rgba(11,95,204,.10) !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v111 .ks-login-card-v111 {
    min-height: 430px !important;
    align-self: auto !important;
    padding: 34px !important;
    background: #FFFFFF !important;
    position: relative !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v111 .ks-login-close,
html body .cha-pcm-shortcode-root .ks-auth-portal-v111 .ks-login-brand-chips,
html body .cha-pcm-shortcode-root .ks-auth-portal-v111 .ks-login-brand-overlay {
    display: none !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v111 .ks-login-micro-title {
    display: block !important;
    margin: 0 0 14px !important;
    color: var(--ks-login-blue) !important;
    font-size: 11px !important;
    font-weight: 620 !important;
    letter-spacing: .12em !important;
    text-transform: uppercase !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v111 .ks-login-card-head {
    display: grid !important;
    grid-template-columns: 50px minmax(0,1fr) !important;
    align-items: center !important;
    gap: 13px !important;
    margin: 0 0 24px !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v111 .ks-login-icon {
    width: 50px !important;
    height: 50px !important;
    border-radius: 16px !important;
    background: #FFFFFF url('https://kubadasaglik.net/wp-content/uploads/2024/10/kuba-saglik-Kopyasi.png') center center / contain no-repeat !important;
    border: 1px solid rgba(11,95,204,.12) !important;
    box-shadow: 0 14px 28px rgba(11,47,99,.10) !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v111 .ks-login-card-head h2 {
    margin: 0 0 4px !important;
    color: var(--ks-login-text) !important;
    font-size: 29px !important;
    line-height: 1.12 !important;
    letter-spacing: -.035em !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v111 .ks-login-card-head p {
    margin: 0 !important;
    color: var(--ks-login-muted) !important;
    font-size: 13.5px !important;
    line-height: 1.5 !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v111 .ks-login-form-v111,
html body .cha-pcm-shortcode-root .ks-auth-portal-v111 .ks-clean-form {
    display: grid !important;
    gap: 13px !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v111 .ks-login-form-v111 label,
html body .cha-pcm-shortcode-root .ks-auth-portal-v111 .ks-clean-form label {
    display: grid !important;
    gap: 7px !important;
    color: #29466D !important;
    font-size: 12px !important;
    font-weight: 560 !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v111 input[type="text"],
html body .cha-pcm-shortcode-root .ks-auth-portal-v111 input[type="email"],
html body .cha-pcm-shortcode-root .ks-auth-portal-v111 input[type="password"] {
    min-height: 48px !important;
    padding: 12px 14px !important;
    border: 1px solid #D9E7F6 !important;
    border-radius: 14px !important;
    background: #FBFDFF !important;
    color: var(--ks-login-text) !important;
    font-size: 14px !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v111 input:focus {
    border-color: rgba(11,95,204,.55) !important;
    box-shadow: 0 0 0 4px rgba(11,95,204,.09) !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v111 .ks-login-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin: 0 !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v111 .ks-checkline {
    display: inline-flex !important;
    grid-template-columns: none !important;
    align-items: center !important;
    gap: 9px !important;
    color: #5C708A !important;
    font-size: 12.5px !important;
    font-weight: 520 !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v111 .ks-full-button,
html body .cha-pcm-shortcode-root .ks-auth-portal-v111 button,
html body .cha-pcm-shortcode-root .ks-auth-portal-v111 .ks-primary-button {
    min-height: 48px !important;
    width: 100% !important;
    border-radius: 14px !important;
    border: 0 !important;
    background: linear-gradient(135deg,#0B5FCC 0%,#0A4FA8 100%) !important;
    color: #FFFFFF !important;
    font-size: 14px !important;
    font-weight: 620 !important;
    box-shadow: 0 14px 28px rgba(11,95,204,.16) !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v111 .ks-secondary-button,
html body .cha-pcm-shortcode-root .ks-auth-portal-v111 .ks-auth-logout-form button {
    background: #FFFFFF !important;
    color: var(--ks-login-navy) !important;
    border: 1px solid #D9E7F6 !important;
    box-shadow: none !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v111 .ks-forgot-pro {
    margin-top: 14px !important;
    padding: 13px 14px !important;
    border: 1px solid #E2ECF8 !important;
    border-radius: 15px !important;
    background: #F8FBFF !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v111 .ks-forgot-pro summary {
    color: var(--ks-login-navy) !important;
    font-size: 13px !important;
    font-weight: 560 !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v111 .ks-alert {
    border-radius: 15px !important;
    padding: 13px 14px !important;
    margin: 0 0 16px !important;
    border: 1px solid #D9E7F6 !important;
    background: #F8FBFF !important;
}
@media (max-width: 900px) {
    html body .cha-pcm-shortcode-root .ks-auth-portal-v111 {
        width: min(100%, calc(100vw - 24px)) !important;
        max-width: min(100%, calc(100vw - 24px)) !important;
        margin: 18px auto 34px !important;
    }
    html body .cha-pcm-shortcode-root .ks-auth-portal-v111 .ks-login-grid-v111 {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
    }
    html body .cha-pcm-shortcode-root .ks-auth-portal-v111 .ks-login-brand-v111 {
        min-height: auto !important;
        padding: 112px 24px 24px !important;
    }
    html body .cha-pcm-shortcode-root .ks-auth-portal-v111 .ks-login-brand-v111::before {
        left: 24px !important;
        top: 24px !important;
        width: 62px !important;
        height: 62px !important;
        border-radius: 20px !important;
    }
    html body .cha-pcm-shortcode-root .ks-auth-portal-v111 .ks-login-card-v111 {
        min-height: auto !important;
        padding: 24px !important;
    }
}
@media (max-width: 560px) {
    html body .cha-pcm-shortcode-root .ks-auth-portal-v111 {
        width: min(100%, calc(100vw - 18px)) !important;
        max-width: min(100%, calc(100vw - 18px)) !important;
        margin: 12px auto 28px !important;
    }
    html body .cha-pcm-shortcode-root .ks-auth-portal-v111 .ks-login-topbar-v111 {
        border-radius: 18px !important;
        padding: 10px 12px !important;
    }
    html body .cha-pcm-shortcode-root .ks-auth-portal-v111 .ks-login-logo-v111 img {
        height: 30px !important;
        max-width: 170px !important;
    }
    html body .cha-pcm-shortcode-root .ks-auth-portal-v111 .ks-login-home-v111 {
        min-height: 34px !important;
        padding: 8px 11px !important;
        font-size: 12px !important;
    }
    html body .cha-pcm-shortcode-root .ks-auth-portal-v111 .ks-login-brand-v111,
    html body .cha-pcm-shortcode-root .ks-auth-portal-v111 .ks-login-card-v111 {
        border-radius: 22px !important;
    }
    html body .cha-pcm-shortcode-root .ks-auth-portal-v111 .ks-login-brand-v111 {
        padding: 96px 20px 22px !important;
    }
    html body .cha-pcm-shortcode-root .ks-auth-portal-v111 .ks-login-brand-v111 h1 {
        font-size: 30px !important;
    }
    html body .cha-pcm-shortcode-root .ks-auth-portal-v111 .ks-login-brand-v111 p {
        font-size: 13.5px !important;
    }
    html body .cha-pcm-shortcode-root .ks-auth-portal-v111 .ks-login-card-v111 {
        padding: 22px !important;
    }
    html body .cha-pcm-shortcode-root .ks-auth-portal-v111 .ks-login-card-head {
        grid-template-columns: 44px minmax(0,1fr) !important;
        gap: 12px !important;
    }
    html body .cha-pcm-shortcode-root .ks-auth-portal-v111 .ks-login-icon {
        width: 44px !important;
        height: 44px !important;
        border-radius: 15px !important;
    }
    html body .cha-pcm-shortcode-root .ks-auth-portal-v111 .ks-login-card-head h2 {
        font-size: 25px !important;
    }
}


/* KS Operations 1.5.75.8 - Unified login access hub */
html body .cha-pcm-shortcode-root .ks-auth-portal-v112 {
    width: min(1060px, calc(100vw - 40px)) !important;
    max-width: min(1060px, calc(100vw - 40px)) !important;
    margin: 38px auto 48px !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v112 .ks-login-grid-v112 {
    grid-template-columns: minmax(0, 1fr) minmax(350px, 410px) !important;
    gap: 18px !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v112 .ks-login-brand-v112,
html body .cha-pcm-shortcode-root .ks-auth-portal-v112 .ks-login-card-v112 {
    border-radius: 28px !important;
    box-shadow: 0 20px 52px rgba(8,26,58,.07) !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v112 .ks-login-brand-v112 {
    min-height: 440px !important;
    justify-content: center !important;
    padding: 118px 36px 34px !important;
    background:
        linear-gradient(135deg, rgba(11,95,204,.10) 0%, rgba(255,255,255,.95) 42%, #F7FBFF 100%) !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v112 .ks-login-brand-v112::before {
    width: 78px !important;
    height: 78px !important;
    border-radius: 24px !important;
    background-size: contain !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v112 .ks-login-brand-v112 h1 {
    max-width: 520px !important;
    margin-top: 18px !important;
    font-size: clamp(34px, 4vw, 52px) !important;
    letter-spacing: -.055em !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v112 .ks-login-brand-v112 p {
    max-width: 560px !important;
    font-size: 15px !important;
    line-height: 1.75 !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v112 .ks-access-route-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin-top: 26px !important;
    position: relative !important;
    z-index: 1 !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v112 .ks-access-route-grid a,
html body .cha-pcm-shortcode-root .ks-auth-portal-v112 .ks-access-route-grid .ks-access-route-card {
    display: grid !important;
    gap: 4px !important;
    min-height: 76px !important;
    padding: 15px 16px !important;
    border: 1px solid rgba(11,95,204,.13) !important;
    border-radius: 18px !important;
    background: rgba(255,255,255,.72) !important;
    color: var(--ks-login-navy) !important;
    text-decoration: none !important;
    box-shadow: 0 12px 26px rgba(8,26,58,.045) !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v112 .ks-access-route-grid a:hover {
    border-color: rgba(11,95,204,.25) !important;
    background: #FFFFFF !important;
    transform: translateY(-1px) !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v112 .ks-access-route-grid .ks-access-route-card--soon {
    background: rgba(248,251,255,.66) !important;
    color: #70829A !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v112 .ks-access-route-grid strong {
    color: #0B2E63 !important;
    font-size: 13.5px !important;
    font-weight: 680 !important;
    line-height: 1.2 !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v112 .ks-access-route-grid span {
    color: #667892 !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v112 .ks-login-card-v112 {
    min-height: 440px !important;
    padding: 32px !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v112 .ks-login-card-head h2 {
    font-size: 28px !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v112 .ks-login-card-head p {
    max-width: 320px !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v112 .ks-full-button,
html body .cha-pcm-shortcode-root .ks-auth-portal-v112 button,
html body .cha-pcm-shortcode-root .ks-auth-portal-v112 .ks-primary-button {
    background: linear-gradient(135deg,#0B5FCC 0%,#0B2E63 100%) !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v112 .ks-login-support-grid--single,
html body .cha-pcm-shortcode-root .ks-auth-portal-v112 .ks-forgot-pro {
    margin-top: 12px !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v112 .ks-access-footer-note {
    margin: 12px 6px 0 !important;
    color: #70829A !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
    text-align: center !important;
}
@media (max-width: 900px) {
    html body .cha-pcm-shortcode-root .ks-auth-portal-v112 {
        width: min(100%, calc(100vw - 24px)) !important;
        max-width: min(100%, calc(100vw - 24px)) !important;
        margin: 16px auto 30px !important;
    }
    html body .cha-pcm-shortcode-root .ks-auth-portal-v112 .ks-login-grid-v112 {
        grid-template-columns: 1fr !important;
    }
    html body .cha-pcm-shortcode-root .ks-auth-portal-v112 .ks-login-brand-v112 {
        min-height: auto !important;
        padding: 100px 24px 24px !important;
    }
    html body .cha-pcm-shortcode-root .ks-auth-portal-v112 .ks-access-route-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}
@media (max-width: 560px) {
    html body .cha-pcm-shortcode-root .ks-auth-portal-v112 {
        width: min(100%, calc(100vw - 18px)) !important;
        max-width: min(100%, calc(100vw - 18px)) !important;
        margin: 10px auto 24px !important;
    }
    html body .cha-pcm-shortcode-root .ks-auth-portal-v112 .ks-login-topbar-v111 {
        min-height: 54px !important;
    }
    html body .cha-pcm-shortcode-root .ks-auth-portal-v112 .ks-login-brand-v112 {
        padding: 88px 18px 20px !important;
    }
    html body .cha-pcm-shortcode-root .ks-auth-portal-v112 .ks-login-brand-v112 h1 {
        font-size: 30px !important;
    }
    html body .cha-pcm-shortcode-root .ks-auth-portal-v112 .ks-login-brand-v112 p {
        font-size: 13.5px !important;
    }
    html body .cha-pcm-shortcode-root .ks-auth-portal-v112 .ks-access-route-grid {
        grid-template-columns: 1fr !important;
        gap: 8px !important;
        margin-top: 18px !important;
    }
    html body .cha-pcm-shortcode-root .ks-auth-portal-v112 .ks-access-route-grid a,
html body .cha-pcm-shortcode-root .ks-auth-portal-v112 .ks-access-route-grid .ks-access-route-card {
        min-height: 62px !important;
        padding: 12px 14px !important;
        border-radius: 16px !important;
    }
    html body .cha-pcm-shortcode-root .ks-auth-portal-v112 .ks-login-card-v112 {
        padding: 20px !important;
    }
    html body .cha-pcm-shortcode-root .ks-auth-portal-v112 .ks-login-card-head {
        margin-bottom: 18px !important;
    }
    html body .cha-pcm-shortcode-root .ks-auth-portal-v112 .ks-login-card-head h2 {
        font-size: 24px !important;
    }
}


/* KS Operations 1.5.75.9 - Unified login corporate cleanup */
html body .cha-pcm-shortcode-root .ks-auth-portal-v113 {
    width: min(920px, calc(100vw - 40px)) !important;
    max-width: min(920px, calc(100vw - 40px)) !important;
    margin: 34px auto 44px !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v113 .ks-login-shell-v113 {
    gap: 16px !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v113 .ks-login-topbar-v113 {
    justify-content: center !important;
    min-height: 58px !important;
    padding: 12px 18px !important;
    border-radius: 20px !important;
    background: rgba(255,255,255,.94) !important;
    border: 1px solid #E1ECF7 !important;
    box-shadow: 0 18px 42px rgba(8,26,58,.055) !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v113 .ks-login-logo-v113 img {
    height: 34px !important;
    max-width: 230px !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v113 .ks-login-home-v111 {
    display: none !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v113 .ks-login-grid-v113 {
    grid-template-columns: minmax(0, 1fr) minmax(340px, 390px) !important;
    gap: 16px !important;
    align-items: stretch !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v113 .ks-login-brand-v113,
html body .cha-pcm-shortcode-root .ks-auth-portal-v113 .ks-login-card-v113 {
    border-radius: 24px !important;
    border: 1px solid #E0EAF6 !important;
    box-shadow: 0 18px 46px rgba(8,26,58,.06) !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v113 .ks-login-brand-v113 {
    min-height: 400px !important;
    padding: 34px !important;
    justify-content: center !important;
    background: linear-gradient(180deg, #FFFFFF 0%, #F7FAFE 100%) !important;
    overflow: hidden !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v113 .ks-login-brand-v113::before,
html body .cha-pcm-shortcode-root .ks-auth-portal-v113 .ks-login-brand-v113::after,
html body .cha-pcm-shortcode-root .ks-auth-portal-v113 .ks-login-icon {
    display: none !important;
    content: none !important;
    background: none !important;
    box-shadow: none !important;
    border: 0 !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v113 .ks-secure-pill {
    padding: 7px 10px !important;
    border-radius: 999px !important;
    background: #F2F7FE !important;
    color: #0B5FCC !important;
    border: 1px solid #DCEBFF !important;
    font-size: 10.5px !important;
    letter-spacing: .13em !important;
    box-shadow: none !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v113 .ks-login-brand-v113 h1 {
    max-width: 500px !important;
    margin: 18px 0 12px !important;
    font-size: clamp(30px, 3.5vw, 44px) !important;
    letter-spacing: -.045em !important;
    color: #081A3A !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v113 .ks-login-brand-v113 p {
    max-width: 520px !important;
    color: #667892 !important;
    font-size: 14.5px !important;
    line-height: 1.72 !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v113 .ks-access-route-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin-top: 24px !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v113 .ks-access-route-grid a,
html body .cha-pcm-shortcode-root .ks-auth-portal-v113 .ks-access-route-grid .ks-access-route-card {
    min-height: 68px !important;
    padding: 14px 15px !important;
    border-radius: 16px !important;
    background: #FFFFFF !important;
    border: 1px solid #E1ECF7 !important;
    box-shadow: none !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v113 .ks-access-route-grid a:hover {
    transform: none !important;
    border-color: #BFD7F4 !important;
    background: #F8FBFF !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v113 .ks-access-route-grid strong {
    font-size: 13px !important;
    font-weight: 650 !important;
    color: #0B2E63 !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v113 .ks-access-route-grid span {
    font-size: 11.5px !important;
    color: #70829A !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v113 .ks-login-card-v113 {
    min-height: 400px !important;
    padding: 32px !important;
    background: #FFFFFF !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v113 .ks-login-micro-title {
    color: #0B5FCC !important;
    font-size: 10.5px !important;
    letter-spacing: .13em !important;
    margin-bottom: 12px !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v113 .ks-login-card-head-v113,
html body .cha-pcm-shortcode-root .ks-auth-portal-v113 .ks-login-card-head {
    display: block !important;
    margin: 0 0 22px !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v113 .ks-login-card-head h2 {
    font-size: 28px !important;
    color: #081A3A !important;
    letter-spacing: -.035em !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v113 .ks-login-card-head p {
    max-width: 330px !important;
    font-size: 13.5px !important;
    color: #667892 !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v113 input[type="text"],
html body .cha-pcm-shortcode-root .ks-auth-portal-v113 input[type="email"],
html body .cha-pcm-shortcode-root .ks-auth-portal-v113 input[type="password"] {
    min-height: 50px !important;
    border-radius: 14px !important;
    background: #FBFDFF !important;
    border-color: #DDE9F6 !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v113 .ks-full-button,
html body .cha-pcm-shortcode-root .ks-auth-portal-v113 button,
html body .cha-pcm-shortcode-root .ks-auth-portal-v113 .ks-primary-button {
    min-height: 50px !important;
    border-radius: 14px !important;
    background: #0B5FCC !important;
    box-shadow: 0 12px 24px rgba(11,95,204,.18) !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v113 .ks-access-footer-note {
    margin-top: 10px !important;
    color: #7B8EA6 !important;
    font-size: 11.5px !important;
}
@media (max-width: 900px) {
    html body .cha-pcm-shortcode-root .ks-auth-portal-v113 {
        width: min(100%, calc(100vw - 24px)) !important;
        max-width: min(100%, calc(100vw - 24px)) !important;
        margin: 16px auto 30px !important;
    }
    html body .cha-pcm-shortcode-root .ks-auth-portal-v113 .ks-login-grid-v113 {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
    }
    html body .cha-pcm-shortcode-root .ks-auth-portal-v113 .ks-login-brand-v113,
    html body .cha-pcm-shortcode-root .ks-auth-portal-v113 .ks-login-card-v113 {
        min-height: auto !important;
        padding: 24px !important;
    }
}
@media (max-width: 560px) {
    html body .cha-pcm-shortcode-root .ks-auth-portal-v113 {
        width: min(100%, calc(100vw - 18px)) !important;
        max-width: min(100%, calc(100vw - 18px)) !important;
        margin: 10px auto 24px !important;
    }
    html body .cha-pcm-shortcode-root .ks-auth-portal-v113 .ks-login-topbar-v113 {
        min-height: 54px !important;
        border-radius: 18px !important;
    }
    html body .cha-pcm-shortcode-root .ks-auth-portal-v113 .ks-login-logo-v113 img {
        height: 30px !important;
        max-width: 180px !important;
    }
    html body .cha-pcm-shortcode-root .ks-auth-portal-v113 .ks-login-brand-v113,
    html body .cha-pcm-shortcode-root .ks-auth-portal-v113 .ks-login-card-v113 {
        padding: 20px !important;
        border-radius: 20px !important;
    }
    html body .cha-pcm-shortcode-root .ks-auth-portal-v113 .ks-login-brand-v113 h1 {
        font-size: 28px !important;
    }
    html body .cha-pcm-shortcode-root .ks-auth-portal-v113 .ks-access-route-grid {
        grid-template-columns: 1fr !important;
        margin-top: 18px !important;
    }
    html body .cha-pcm-shortcode-root .ks-auth-portal-v113 .ks-login-card-head h2 {
        font-size: 24px !important;
    }
}

/* KS Operations 1.5.75.10 - Unified login registration and corporate header polish */
html body .cha-pcm-shortcode-root .ks-auth-portal-v113 .ks-login-topbar-v114 {
    justify-content: flex-start !important;
    gap: 18px !important;
    min-height: 72px !important;
    padding: 15px 22px !important;
    border-radius: 22px !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v113 .ks-login-logo-v114 {
    display: inline-flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    text-decoration: none !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v113 .ks-login-logo-v114 img {
    height: 34px !important;
    width: auto !important;
    max-width: 210px !important;
    object-fit: contain !important;
    display: block !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v113 .ks-login-topbar-copy-v114 {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
    min-width: 0 !important;
    padding-left: 16px !important;
    border-left: 1px solid #E3ECF7 !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v113 .ks-login-topbar-copy-v114 strong {
    font-size: 14px !important;
    font-weight: 650 !important;
    line-height: 1.2 !important;
    color: #0B2E63 !important;
    letter-spacing: -.01em !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v113 .ks-login-topbar-copy-v114 span {
    font-size: 12px !important;
    line-height: 1.35 !important;
    color: #667892 !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v113 .ks-login-actions-v114 {
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    gap: 10px !important;
    align-items: start !important;
    margin-top: 14px !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v113 .ks-forgot-pro-v114 {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v113 .ks-forgot-pro-v114 summary {
    min-height: 38px !important;
    padding: 10px 13px !important;
    border-radius: 12px !important;
    border: 1px solid #DDE9F6 !important;
    background: #F7FAFE !important;
    color: #0B2E63 !important;
    font-size: 12.5px !important;
    font-weight: 650 !important;
    line-height: 1.2 !important;
    display: inline-flex !important;
    align-items: center !important;
    cursor: pointer !important;
    width: auto !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v113 .ks-forgot-pro-v114[open] {
    grid-column: 1 / -1 !important;
    padding: 12px !important;
    border: 1px solid #E3ECF7 !important;
    border-radius: 16px !important;
    background: #FBFDFF !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v113 .ks-forgot-pro-v114[open] summary {
    margin-bottom: 10px !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v113 .ks-register-open-v114 {
    min-height: 38px !important;
    height: 38px !important;
    padding: 0 15px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(11,95,204,.18) !important;
    background: #EFF6FF !important;
    color: #0B5FCC !important;
    box-shadow: none !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v113 .ks-register-open-v114:hover,
html body .cha-pcm-shortcode-root .ks-auth-portal-v113 .ks-forgot-pro-v114 summary:hover {
    background: #EAF3FF !important;
    border-color: rgba(11,95,204,.28) !important;
}
html body .ks-register-open-v114 {
    overflow: hidden !important;
}
html body .cha-pcm-shortcode-root .ks-register-modal-v114[hidden] {
    display: none !important;
}
html body .cha-pcm-shortcode-root .ks-register-modal-v114 {
    position: fixed !important;
    inset: 0 !important;
    z-index: 999999 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 24px !important;
}
html body .cha-pcm-shortcode-root .ks-register-modal-backdrop-v114 {
    position: absolute !important;
    inset: 0 !important;
    background: rgba(8,26,58,.42) !important;
    backdrop-filter: blur(4px) !important;
}
html body .cha-pcm-shortcode-root .ks-register-dialog-v114 {
    position: relative !important;
    z-index: 1 !important;
    width: min(560px, calc(100vw - 32px)) !important;
    max-height: min(780px, calc(100vh - 48px)) !important;
    overflow: auto !important;
    padding: 28px !important;
    border-radius: 24px !important;
    background: #FFFFFF !important;
    border: 1px solid #DFEAF6 !important;
    box-shadow: 0 32px 90px rgba(8,26,58,.24) !important;
}
html body .cha-pcm-shortcode-root .ks-register-dialog-v114 h2 {
    margin: 0 0 8px !important;
    font-size: 26px !important;
    line-height: 1.15 !important;
    font-weight: 650 !important;
    letter-spacing: -.035em !important;
    color: #081A3A !important;
}
html body .cha-pcm-shortcode-root .ks-register-dialog-v114 p {
    margin: 0 0 18px !important;
    font-size: 13.5px !important;
    line-height: 1.6 !important;
    color: #667892 !important;
}
html body .cha-pcm-shortcode-root .ks-register-close-v114 {
    position: absolute !important;
    top: 16px !important;
    right: 16px !important;
    width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    padding: 0 !important;
    border-radius: 12px !important;
    border: 1px solid #E3ECF7 !important;
    background: #F8FBFF !important;
    color: #0B2E63 !important;
    box-shadow: none !important;
    font-size: 20px !important;
    line-height: 1 !important;
}
html body .cha-pcm-shortcode-root .ks-register-form-v114 {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
}
html body .cha-pcm-shortcode-root .ks-register-form-v114 .ks-register-full-v114,
html body .cha-pcm-shortcode-root .ks-register-form-v114 button[type="submit"] {
    grid-column: 1 / -1 !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v113 .ks-register-form-v114 input,
html body .cha-pcm-shortcode-root .ks-auth-portal-v113 .ks-register-form-v114 select,
html body .cha-pcm-shortcode-root .ks-auth-portal-v113 .ks-register-form-v114 textarea,
html body .cha-pcm-shortcode-root .ks-register-form-v114 input,
html body .cha-pcm-shortcode-root .ks-register-form-v114 select,
html body .cha-pcm-shortcode-root .ks-register-form-v114 textarea {
    width: 100% !important;
    border-radius: 14px !important;
    border: 1px solid #DDE9F6 !important;
    background: #FBFDFF !important;
    box-shadow: none !important;
    color: #081A3A !important;
    font-size: 13px !important;
}
html body .cha-pcm-shortcode-root .ks-register-form-v114 input,
html body .cha-pcm-shortcode-root .ks-register-form-v114 select {
    min-height: 48px !important;
    padding: 0 13px !important;
}
html body .cha-pcm-shortcode-root .ks-register-form-v114 textarea {
    padding: 12px 13px !important;
    resize: vertical !important;
}
html body .cha-pcm-shortcode-root .ks-register-form-v114 label span {
    display: block !important;
    margin-bottom: 7px !important;
    font-size: 12px !important;
    font-weight: 650 !important;
    color: #334155 !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v113 .ks-register-form-v114 button[type="submit"] {
    margin-top: 4px !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-access-request-list {
    display: grid !important;
    gap: 12px !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-access-request-card {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 360px) !important;
    gap: 16px !important;
    align-items: start !important;
    padding: 16px !important;
    border: 1px solid rgba(15,23,42,.08) !important;
    border-radius: 18px !important;
    background: #fff !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-access-request-main strong,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-access-request-main span,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-access-request-main small {
    display: block !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-access-request-main strong {
    font-size: 15px !important;
    color: #0f172a !important;
    font-weight: 650 !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-access-request-main span {
    margin-top: 5px !important;
    color: #334155 !important;
    font-size: 13px !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-access-request-main small,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-access-request-main p {
    margin: 5px 0 0 !important;
    color: #64748b !important;
    font-size: 12.5px !important;
    line-height: 1.5 !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-access-request-actions {
    display: grid !important;
    gap: 10px !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-access-approve-form {
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    gap: 10px !important;
    align-items: end !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-access-approve-form label {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    font-size: 12px !important;
    color: #64748b !important;
    font-weight: 650 !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-access-approve-form select {
    height: 40px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(15,23,42,.12) !important;
    background: #f8fafc !important;
    color: #0f172a !important;
    padding: 0 12px !important;
}
@media (max-width: 900px) {
    html body .cha-pcm-shortcode-root .ks-auth-portal-v113 .ks-login-topbar-v114 {
        align-items: flex-start !important;
        padding: 14px 16px !important;
    }
    html body .cha-pcm-shortcode-root .ks-auth-portal-v113 .ks-login-logo-v114 img {
        height: 30px !important;
        max-width: 178px !important;
    }
    html body .cha-pcm-shortcode-root .ks-auth-portal-v113 .ks-login-topbar-copy-v114 span {
        display: none !important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-access-request-card,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-access-approve-form {
        grid-template-columns: 1fr !important;
    }
}
@media (max-width: 560px) {
    html body .cha-pcm-shortcode-root .ks-auth-portal-v113 .ks-login-topbar-v114 {
        gap: 10px !important;
        min-height: 64px !important;
    }
    html body .cha-pcm-shortcode-root .ks-auth-portal-v113 .ks-login-topbar-copy-v114 {
        padding-left: 10px !important;
    }
    html body .cha-pcm-shortcode-root .ks-auth-portal-v113 .ks-login-topbar-copy-v114 strong {
        font-size: 12.5px !important;
    }
    html body .cha-pcm-shortcode-root .ks-auth-portal-v113 .ks-login-actions-v114 {
        grid-template-columns: 1fr 1fr !important;
    }
    html body .cha-pcm-shortcode-root .ks-register-dialog-v114 {
        padding: 22px !important;
        border-radius: 20px !important;
    }
    html body .cha-pcm-shortcode-root .ks-register-form-v114 {
        grid-template-columns: 1fr !important;
    }
}

/* KS Operations 1.5.75.11 - Corporate access request modal hotfix */
html body .cha-pcm-shortcode-root .ks-register-modal-v114 {
    padding: clamp(16px, 4vw, 34px) !important;
    align-items: center !important;
    justify-content: center !important;
}
html body .cha-pcm-shortcode-root .ks-register-modal-v114 * {
    box-sizing: border-box !important;
}
html body .cha-pcm-shortcode-root .ks-register-modal-backdrop-v114 {
    background: rgba(8, 26, 58, .46) !important;
    backdrop-filter: blur(8px) saturate(120%) !important;
    -webkit-backdrop-filter: blur(8px) saturate(120%) !important;
}
html body .cha-pcm-shortcode-root .ks-register-dialog-v114 {
    width: min(620px, calc(100vw - 32px)) !important;
    max-height: min(760px, calc(100dvh - 44px)) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 30px !important;
    border-radius: 28px !important;
    background: linear-gradient(180deg, #FFFFFF 0%, #FBFDFF 100%) !important;
    border: 1px solid rgba(174, 198, 226, .72) !important;
    box-shadow: 0 34px 90px rgba(8, 26, 58, .26) !important;
}
html body .cha-pcm-shortcode-root .ks-register-dialog-v114::-webkit-scrollbar {
    width: 7px !important;
}
html body .cha-pcm-shortcode-root .ks-register-dialog-v114::-webkit-scrollbar-thumb {
    background: #CBDCEE !important;
    border-radius: 999px !important;
}
html body .cha-pcm-shortcode-root .ks-register-dialog-v114 > .ks-register-close-v114,
html body .cha-pcm-shortcode-root .ks-register-dialog-v114 > button.ks-register-close-v114,
html body .cha-pcm-shortcode-root .ks-register-dialog-v114 > button[data-ks-close-register] {
    position: absolute !important;
    top: 18px !important;
    right: 18px !important;
    left: auto !important;
    bottom: auto !important;
    width: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 12px !important;
    border: 1px solid #DCE8F6 !important;
    background: #F8FBFF !important;
    background-image: none !important;
    color: #0B2E63 !important;
    box-shadow: 0 8px 18px rgba(8, 26, 58, .06) !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    text-align: center !important;
    cursor: pointer !important;
    transform: none !important;
    opacity: 1 !important;
}
html body .cha-pcm-shortcode-root .ks-register-dialog-v114 > .ks-register-close-v114:hover,
html body .cha-pcm-shortcode-root .ks-register-dialog-v114 > button.ks-register-close-v114:hover,
html body .cha-pcm-shortcode-root .ks-register-dialog-v114 > button[data-ks-close-register]:hover {
    background: #EEF6FF !important;
    border-color: #CFE0F5 !important;
    color: #0B5FCC !important;
}
html body .cha-pcm-shortcode-root .ks-register-dialog-v114 .ks-login-micro-title {
    display: inline-flex !important;
    align-items: center !important;
    height: 26px !important;
    padding: 0 10px !important;
    margin: 0 0 12px !important;
    border-radius: 999px !important;
    background: #F1F7FF !important;
    color: #0B5FCC !important;
    border: 1px solid #DCEBFB !important;
    font-size: 11px !important;
    font-weight: 750 !important;
    letter-spacing: .12em !important;
}
html body .cha-pcm-shortcode-root .ks-register-dialog-v114 h2 {
    max-width: calc(100% - 48px) !important;
    margin: 0 0 7px !important;
    font-size: clamp(22px, 3.2vw, 30px) !important;
    line-height: 1.14 !important;
    letter-spacing: -.04em !important;
    color: #081A3A !important;
}
html body .cha-pcm-shortcode-root .ks-register-dialog-v114 > p {
    max-width: 520px !important;
    margin: 0 0 22px !important;
    color: #5D7089 !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
}
html body .cha-pcm-shortcode-root .ks-register-form-v114 {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 14px !important;
    row-gap: 16px !important;
}
html body .cha-pcm-shortcode-root .ks-register-form-v114 label {
    margin: 0 !important;
}
html body .cha-pcm-shortcode-root .ks-register-form-v114 label span {
    margin-bottom: 8px !important;
    color: #20314D !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: .01em !important;
}
html body .cha-pcm-shortcode-root .ks-register-form-v114 input,
html body .cha-pcm-shortcode-root .ks-register-form-v114 select,
html body .cha-pcm-shortcode-root .ks-register-form-v114 textarea {
    border-radius: 16px !important;
    border: 1px solid #D9E7F7 !important;
    background: #FFFFFF !important;
    color: #081A3A !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.7), 0 1px 0 rgba(8,26,58,.02) !important;
    outline: none !important;
}
html body .cha-pcm-shortcode-root .ks-register-form-v114 input:focus,
html body .cha-pcm-shortcode-root .ks-register-form-v114 select:focus,
html body .cha-pcm-shortcode-root .ks-register-form-v114 textarea:focus {
    border-color: #6AA3E8 !important;
    box-shadow: 0 0 0 4px rgba(11, 95, 204, .10) !important;
}
html body .cha-pcm-shortcode-root .ks-register-form-v114 input,
html body .cha-pcm-shortcode-root .ks-register-form-v114 select {
    height: 50px !important;
    min-height: 50px !important;
    padding: 0 14px !important;
    font-size: 13.5px !important;
}
html body .cha-pcm-shortcode-root .ks-register-form-v114 textarea {
    min-height: 96px !important;
    padding: 13px 14px !important;
    font-size: 13.5px !important;
    line-height: 1.5 !important;
}
html body .cha-pcm-shortcode-root .ks-register-form-v114 button[type="submit"],
html body .cha-pcm-shortcode-root .ks-auth-portal-v113 .ks-register-form-v114 button[type="submit"] {
    height: 50px !important;
    min-height: 50px !important;
    margin-top: 4px !important;
    border-radius: 16px !important;
    background: #0B5FCC !important;
    background-image: linear-gradient(135deg, #0B5FCC 0%, #104C9D 100%) !important;
    box-shadow: 0 16px 30px rgba(11, 95, 204, .20) !important;
    font-size: 14px !important;
    font-weight: 750 !important;
}
@media (max-width: 720px) {
    html body .cha-pcm-shortcode-root .ks-register-dialog-v114 {
        width: min(560px, calc(100vw - 24px)) !important;
        padding: 24px !important;
        border-radius: 24px !important;
    }
    html body .cha-pcm-shortcode-root .ks-register-form-v114 {
        grid-template-columns: 1fr !important;
    }
}
@media (max-width: 420px) {
    html body .cha-pcm-shortcode-root .ks-register-modal-v114 {
        padding: 12px !important;
        align-items: flex-start !important;
        padding-top: 18px !important;
    }
    html body .cha-pcm-shortcode-root .ks-register-dialog-v114 {
        width: calc(100vw - 24px) !important;
        max-height: calc(100dvh - 36px) !important;
        padding: 22px 18px !important;
        border-radius: 22px !important;
    }
    html body .cha-pcm-shortcode-root .ks-register-dialog-v114 h2 {
        font-size: 22px !important;
    }
    html body .cha-pcm-shortcode-root .ks-register-dialog-v114 > p {
        font-size: 13px !important;
    }
}


/* KS Operations 1.5.75.12 - Access request modal compact corporate rebuild */
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-modal-v114 {
    position: fixed !important;
    inset: 0 !important;
    z-index: 999999 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 20px !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-modal-v114[hidden] {
    display: none !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-modal-backdrop-v114 {
    position: fixed !important;
    inset: 0 !important;
    background: rgba(8, 26, 58, .42) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-dialog-v114 {
    position: relative !important;
    width: min(472px, calc(100vw - 32px)) !important;
    max-width: 472px !important;
    max-height: calc(100dvh - 42px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 26px !important;
    border-radius: 24px !important;
    background: #FFFFFF !important;
    border: 1px solid rgba(205, 221, 240, .95) !important;
    box-shadow: 0 28px 76px rgba(8, 26, 58, .22) !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-dialog-v114::-webkit-scrollbar {
    width: 5px !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-dialog-v114::-webkit-scrollbar-thumb {
    background: #D7E4F4 !important;
    border-radius: 999px !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-dialog-v114 .ks-login-micro-title {
    display: inline-flex !important;
    align-items: center !important;
    width: auto !important;
    height: 24px !important;
    padding: 0 10px !important;
    margin: 0 0 12px !important;
    border-radius: 999px !important;
    border: 1px solid #DCEBFB !important;
    background: #F6FAFF !important;
    color: #0B5FCC !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    letter-spacing: .13em !important;
    line-height: 1 !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-dialog-v114 h2 {
    max-width: calc(100% - 48px) !important;
    margin: 0 0 6px !important;
    padding: 0 !important;
    color: #071B3A !important;
    font-size: 25px !important;
    line-height: 1.12 !important;
    font-weight: 760 !important;
    letter-spacing: -.035em !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-dialog-v114 > p {
    max-width: 390px !important;
    margin: 0 0 18px !important;
    padding: 0 !important;
    color: #5F7089 !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-dialog-v114 > .ks-register-close-v114,
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-dialog-v114 > button.ks-register-close-v114,
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-dialog-v114 > button[data-ks-close-register] {
    position: absolute !important;
    top: 18px !important;
    right: 18px !important;
    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 12px !important;
    border: 1px solid #DDE9F7 !important;
    background: #FFFFFF !important;
    background-image: none !important;
    color: #4E637D !important;
    box-shadow: 0 8px 22px rgba(8, 26, 58, .06) !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    cursor: pointer !important;
    transform: none !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-dialog-v114 > .ks-register-close-v114:hover,
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-dialog-v114 > button.ks-register-close-v114:hover,
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-dialog-v114 > button[data-ks-close-register]:hover {
    background: #F4F8FD !important;
    color: #0B5FCC !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-form-v114 {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 11px !important;
    margin: 0 !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-form-v114 label {
    display: block !important;
    margin: 0 !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-form-v114 label span {
    display: block !important;
    margin: 0 0 6px !important;
    color: #1B2D49 !important;
    font-size: 11.5px !important;
    font-weight: 700 !important;
    letter-spacing: .01em !important;
    line-height: 1.2 !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-form-v114 input,
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-form-v114 select,
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-form-v114 textarea {
    width: 100% !important;
    border-radius: 14px !important;
    border: 1px solid #DCE8F6 !important;
    background: #FFFFFF !important;
    color: #071B3A !important;
    font-size: 13px !important;
    box-shadow: 0 1px 0 rgba(8,26,58,.02) !important;
    outline: none !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-form-v114 input,
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-form-v114 select {
    height: 43px !important;
    min-height: 43px !important;
    padding: 0 13px !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-form-v114 textarea {
    min-height: 76px !important;
    height: 76px !important;
    resize: vertical !important;
    padding: 11px 13px !important;
    line-height: 1.45 !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-form-v114 input:focus,
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-form-v114 select:focus,
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-form-v114 textarea:focus {
    border-color: #7EAFE9 !important;
    box-shadow: 0 0 0 4px rgba(11,95,204,.09) !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-form-v114 button[type="submit"],
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-form-v114 .ks-full-button {
    width: 100% !important;
    height: 44px !important;
    min-height: 44px !important;
    margin: 4px 0 0 !important;
    padding: 0 18px !important;
    border-radius: 14px !important;
    background: #0B5FCC !important;
    background-image: linear-gradient(135deg, #0B5FCC 0%, #0A4FAE 100%) !important;
    color: #FFFFFF !important;
    box-shadow: 0 14px 28px rgba(11,95,204,.18) !important;
    font-size: 13.5px !important;
    font-weight: 760 !important;
}
@media (max-width: 520px) {
    html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-modal-v114 {
        align-items: flex-start !important;
        padding: 14px !important;
        padding-top: 18px !important;
    }
    html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-dialog-v114 {
        width: calc(100vw - 28px) !important;
        max-height: calc(100dvh - 36px) !important;
        padding: 22px 18px !important;
        border-radius: 22px !important;
    }
    html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-dialog-v114 h2 {
        font-size: 22px !important;
    }
    html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-dialog-v114 > p {
        margin-bottom: 15px !important;
        font-size: 12.7px !important;
    }
    html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-form-v114 {
        gap: 10px !important;
    }
}

/* KS Operations 1.5.75.13 - Forgot password modal popup + email-only access */
html body .cha-pcm-shortcode-root .ks-auth-portal-v116 .ks-login-actions-v116 {
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v116 .ks-forgot-open-v116,
html body .cha-pcm-shortcode-root .ks-auth-portal-v116 button.ks-forgot-open-v116 {
    background: #F7FAFE !important;
    color: #0B2E63 !important;
    border: 1px solid #DCE8F6 !important;
    box-shadow: none !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v116 .ks-forgot-open-v116:hover,
html body .cha-pcm-shortcode-root .ks-auth-portal-v116 button.ks-forgot-open-v116:hover {
    background: #EEF6FF !important;
    color: #0B5FCC !important;
    border-color: #C9DDF4 !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v116 .ks-forgot-dialog-v116 {
    width: min(420px, calc(100vw - 32px)) !important;
    max-width: 420px !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v116 .ks-forgot-form-v116 {
    gap: 12px !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v116 .ks-forgot-form-v116 button[type="submit"] {
    margin-top: 2px !important;
}
html body.ks-register-open-v114 {
    overflow: hidden !important;
}
@media (max-width: 520px) {
    html body .cha-pcm-shortcode-root .ks-auth-portal-v116 .ks-login-actions-v116 {
        grid-template-columns: 1fr !important;
    }
    html body .cha-pcm-shortcode-root .ks-auth-portal-v116 .ks-forgot-dialog-v116 {
        width: calc(100vw - 28px) !important;
        max-width: calc(100vw - 28px) !important;
    }
}

/* KS Operations 1.5.75.14 - Login mobile corporate compact rebuild */
@media (max-width: 760px) {
    html body .cha-pcm-shortcode-root .ks-auth-portal-v116 {
        width: min(100%, calc(100vw - 24px)) !important;
        max-width: min(100%, calc(100vw - 24px)) !important;
        margin: 12px auto 22px !important;
    }
    html body .cha-pcm-shortcode-root .ks-auth-portal-v116 .ks-login-shell-v113,
    html body .cha-pcm-shortcode-root .ks-auth-portal-v116 .ks-login-shell-pro {
        gap: 10px !important;
    }
    html body .cha-pcm-shortcode-root .ks-auth-portal-v116 .ks-login-topbar-v114,
    html body .cha-pcm-shortcode-root .ks-auth-portal-v116 .ks-login-topbar-v113,
    html body .cha-pcm-shortcode-root .ks-auth-portal-v116 .ks-login-topbar-v111 {
        min-height: 54px !important;
        height: auto !important;
        padding: 10px 14px !important;
        border-radius: 16px !important;
        gap: 10px !important;
        align-items: center !important;
        background: rgba(255,255,255,.96) !important;
        box-shadow: 0 10px 26px rgba(8,26,58,.05) !important;
    }
    html body .cha-pcm-shortcode-root .ks-auth-portal-v116 .ks-login-logo-v114 img,
    html body .cha-pcm-shortcode-root .ks-auth-portal-v116 .ks-login-logo-v113 img,
    html body .cha-pcm-shortcode-root .ks-auth-portal-v116 .ks-login-logo-v111 img {
        height: 25px !important;
        max-width: 150px !important;
    }
    html body .cha-pcm-shortcode-root .ks-auth-portal-v116 .ks-login-topbar-copy-v114 {
        padding-left: 10px !important;
        border-left: 1px solid #E5EEF8 !important;
        gap: 0 !important;
    }
    html body .cha-pcm-shortcode-root .ks-auth-portal-v116 .ks-login-topbar-copy-v114 strong {
        font-size: 12px !important;
        line-height: 1.15 !important;
        white-space: nowrap !important;
    }
    html body .cha-pcm-shortcode-root .ks-auth-portal-v116 .ks-login-topbar-copy-v114 span {
        display: none !important;
    }
    html body .cha-pcm-shortcode-root .ks-auth-portal-v116 .ks-login-grid-v113,
    html body .cha-pcm-shortcode-root .ks-auth-portal-v116 .ks-login-grid-v112,
    html body .cha-pcm-shortcode-root .ks-auth-portal-v116 .ks-login-grid-v111 {
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
    }
    html body .cha-pcm-shortcode-root .ks-auth-portal-v116 .ks-login-card-v113,
    html body .cha-pcm-shortcode-root .ks-auth-portal-v116 .ks-login-card-v112,
    html body .cha-pcm-shortcode-root .ks-auth-portal-v116 .ks-login-card-v111,
    html body .cha-pcm-shortcode-root .ks-auth-portal-v116 .ks-login-card-pro {
        order: 1 !important;
        min-height: 0 !important;
        padding: 20px !important;
        border-radius: 18px !important;
        border-color: #E1ECF7 !important;
        box-shadow: 0 14px 34px rgba(8,26,58,.06) !important;
    }
    html body .cha-pcm-shortcode-root .ks-auth-portal-v116 .ks-login-brand-v113,
    html body .cha-pcm-shortcode-root .ks-auth-portal-v116 .ks-login-brand-v112,
    html body .cha-pcm-shortcode-root .ks-auth-portal-v116 .ks-login-brand-v111,
    html body .cha-pcm-shortcode-root .ks-auth-portal-v116 .ks-login-brand-panel {
        display: none !important;
    }
    html body .cha-pcm-shortcode-root .ks-auth-portal-v116 .ks-login-micro-title {
        display: inline-flex !important;
        margin-bottom: 9px !important;
        font-size: 9.5px !important;
        letter-spacing: .13em !important;
    }
    html body .cha-pcm-shortcode-root .ks-auth-portal-v116 .ks-login-card-head,
    html body .cha-pcm-shortcode-root .ks-auth-portal-v116 .ks-login-card-head-v113 {
        margin-bottom: 16px !important;
    }
    html body .cha-pcm-shortcode-root .ks-auth-portal-v116 .ks-login-card-head h2 {
        font-size: 25px !important;
        line-height: 1.12 !important;
        letter-spacing: -.035em !important;
    }
    html body .cha-pcm-shortcode-root .ks-auth-portal-v116 .ks-login-card-head p {
        max-width: 100% !important;
        font-size: 13px !important;
        line-height: 1.45 !important;
    }
    html body .cha-pcm-shortcode-root .ks-auth-portal-v116 .ks-login-form-v111,
    html body .cha-pcm-shortcode-root .ks-auth-portal-v116 .ks-auth-form-pro,
    html body .cha-pcm-shortcode-root .ks-auth-portal-v116 .ks-clean-form {
        gap: 11px !important;
    }
    html body .cha-pcm-shortcode-root .ks-auth-portal-v116 .ks-login-form-v111 label,
    html body .cha-pcm-shortcode-root .ks-auth-portal-v116 .ks-clean-form label {
        gap: 6px !important;
    }
    html body .cha-pcm-shortcode-root .ks-auth-portal-v116 .ks-login-form-v111 label span,
    html body .cha-pcm-shortcode-root .ks-auth-portal-v116 .ks-clean-form label span {
        font-size: 11.5px !important;
        font-weight: 650 !important;
    }
    html body .cha-pcm-shortcode-root .ks-auth-portal-v116 input[type="text"],
    html body .cha-pcm-shortcode-root .ks-auth-portal-v116 input[type="email"],
    html body .cha-pcm-shortcode-root .ks-auth-portal-v116 input[type="password"] {
        min-height: 46px !important;
        height: 46px !important;
        border-radius: 13px !important;
        font-size: 13px !important;
        padding: 0 13px !important;
    }
    html body .cha-pcm-shortcode-root .ks-auth-portal-v116 .ks-full-button,
    html body .cha-pcm-shortcode-root .ks-auth-portal-v116 button,
    html body .cha-pcm-shortcode-root .ks-auth-portal-v116 .ks-primary-button {
        min-height: 46px !important;
        height: 46px !important;
        border-radius: 13px !important;
        font-size: 13px !important;
    }
    html body .cha-pcm-shortcode-root .ks-auth-portal-v116 .ks-login-row {
        margin: 0 !important;
    }
    html body .cha-pcm-shortcode-root .ks-auth-portal-v116 .ks-checkline {
        align-items: center !important;
        font-size: 12px !important;
    }
    html body .cha-pcm-shortcode-root .ks-auth-portal-v116 .ks-login-actions-v116,
    html body .cha-pcm-shortcode-root .ks-auth-portal-v116 .ks-login-actions-v114,
    html body .cha-pcm-shortcode-root .ks-auth-portal-v116 .ks-login-support-grid {
        grid-template-columns: 1fr 1fr !important;
        gap: 8px !important;
        margin-top: 12px !important;
    }
    html body .cha-pcm-shortcode-root .ks-auth-portal-v116 .ks-register-open-v114,
    html body .cha-pcm-shortcode-root .ks-auth-portal-v116 button.ks-register-open-v114,
    html body .cha-pcm-shortcode-root .ks-auth-portal-v116 .ks-forgot-open-v116,
    html body .cha-pcm-shortcode-root .ks-auth-portal-v116 button.ks-forgot-open-v116 {
        min-height: 40px !important;
        height: 40px !important;
        padding: 0 10px !important;
        border-radius: 12px !important;
        font-size: 12px !important;
        box-shadow: none !important;
    }
    html body .cha-pcm-shortcode-root .ks-auth-portal-v116 .ks-access-footer-note {
        display: none !important;
    }
}
@media (max-width: 380px) {
    html body .cha-pcm-shortcode-root .ks-auth-portal-v116 {
        width: min(100%, calc(100vw - 18px)) !important;
        max-width: min(100%, calc(100vw - 18px)) !important;
    }
    html body .cha-pcm-shortcode-root .ks-auth-portal-v116 .ks-login-card-v113,
    html body .cha-pcm-shortcode-root .ks-auth-portal-v116 .ks-login-card-pro {
        padding: 18px !important;
    }
    html body .cha-pcm-shortcode-root .ks-auth-portal-v116 .ks-login-card-head h2 {
        font-size: 23px !important;
    }
    html body .cha-pcm-shortcode-root .ks-auth-portal-v116 .ks-login-logo-v114 img,
    html body .cha-pcm-shortcode-root .ks-auth-portal-v116 .ks-login-logo-v113 img {
        max-width: 138px !important;
    }
    html body .cha-pcm-shortcode-root .ks-auth-portal-v116 .ks-login-actions-v116,
    html body .cha-pcm-shortcode-root .ks-auth-portal-v116 .ks-login-support-grid {
        grid-template-columns: 1fr !important;
    }
}

/* KS Operations 1.5.75.18 - Professional registration experience */
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-dialog-v118 {
    width: min(760px, calc(100vw - 32px)) !important;
    max-width: 760px !important;
    max-height: min(88vh, 780px) !important;
    overflow: auto !important;
    padding: 28px !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-form-v118 {
    gap: 14px !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-account-type-grid-v118 {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin: 3px 0 2px !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-account-type-card-v118,
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 button.ks-account-type-card-v118 {
    width: 100% !important;
    min-height: 154px !important;
    height: auto !important;
    padding: 14px !important;
    margin: 0 !important;
    border-radius: 18px !important;
    border: 1px solid #DCE8F6 !important;
    background: #FFFFFF !important;
    color: #071B3A !important;
    box-shadow: 0 12px 26px rgba(8,26,58,.055) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 9px !important;
    text-align: left !important;
    cursor: pointer !important;
    transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease, background .16s ease !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-account-type-card-v118:hover,
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-account-type-card-v118.is-active {
    border-color: #8EB7EA !important;
    background: linear-gradient(180deg, #FFFFFF 0%, #F6FAFF 100%) !important;
    box-shadow: 0 18px 38px rgba(11,95,204,.12) !important;
    transform: translateY(-1px) !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-account-type-card-v118 strong {
    display: block !important;
    color: #071B3A !important;
    font-size: 14px !important;
    line-height: 1.22 !important;
    font-weight: 780 !important;
    letter-spacing: -.015em !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-account-type-card-v118 span {
    display: block !important;
    margin: 0 !important;
    color: #5F7089 !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
    font-weight: 500 !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-account-type-card-v118 em {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 28px !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    background: #EEF6FF !important;
    color: #0B5FCC !important;
    font-size: 11px !important;
    font-style: normal !important;
    font-weight: 760 !important;
    line-height: 1 !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-security-note-v118 {
    display: grid !important;
    grid-template-columns: auto 1fr !important;
    gap: 10px !important;
    align-items: start !important;
    padding: 12px 14px !important;
    border-radius: 16px !important;
    border: 1px solid #DCE8F6 !important;
    background: #F8FBFF !important;
    color: #43556F !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-security-note-v118 strong {
    color: #0B2E63 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-security-note-v118 span {
    color: #5F7089 !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-section-title-v118 {
    display: flex !important;
    align-items: flex-end !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin: 3px 0 -3px !important;
    padding-top: 2px !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-section-title-v118 strong {
    display: block !important;
    color: #071B3A !important;
    font-size: 13px !important;
    font-weight: 780 !important;
    line-height: 1.2 !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-section-title-v118 span {
    display: block !important;
    max-width: 410px !important;
    color: #718198 !important;
    font-size: 11.5px !important;
    line-height: 1.35 !important;
    text-align: right !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-grid-v118 {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 11px !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-form-v118 .ks-register-full-v114 {
    grid-column: 1 / -1 !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-dynamic-v118 {
    display: grid !important;
    gap: 11px !important;
    padding: 14px !important;
    border: 1px solid #E2ECF8 !important;
    border-radius: 18px !important;
    background: #FBFDFF !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-dynamic-v118[hidden] {
    display: none !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-privacy-v118 {
    margin: -2px 0 0 !important;
    color: #718198 !important;
    font-size: 11.5px !important;
    line-height: 1.4 !important;
    text-align: center !important;
}
@media (max-width: 760px) {
    html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-dialog-v118 {
        width: calc(100vw - 28px) !important;
        max-width: calc(100vw - 28px) !important;
        padding: 22px 18px !important;
    }
    html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-account-type-grid-v118,
    html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-grid-v118 {
        grid-template-columns: 1fr !important;
    }
    html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-account-type-card-v118,
    html body .cha-pcm-shortcode-root .ks-auth-portal-v115 button.ks-account-type-card-v118 {
        min-height: 118px !important;
    }
    html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-section-title-v118 {
        display: block !important;
    }
    html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-section-title-v118 span {
        max-width: none !important;
        margin-top: 4px !important;
        text-align: left !important;
    }
    html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-security-note-v118 {
        grid-template-columns: 1fr !important;
    }
}


/* KS Operations 1.5.75.19 - Global country/city registration selectors */
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-form-v118 select {
    width: 100% !important;
    min-height: 46px !important;
    border: 1px solid #D7E5F5 !important;
    border-radius: 14px !important;
    background: #FFFFFF !important;
    color: #0F274A !important;
    padding: 10px 12px !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    outline: none !important;
    box-shadow: none !important;
    appearance: auto !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-form-v118 select:disabled,
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-form-v118 input:disabled,
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-form-v118 textarea:disabled {
    background: #F6F9FD !important;
    color: #8A9AB0 !important;
    cursor: not-allowed !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-form-v118 select:focus,
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-form-v118 input:focus,
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-form-v118 textarea:focus {
    border-color: #86B8F5 !important;
    box-shadow: 0 0 0 4px rgba(11,95,204,.08) !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-city-other-wrap-v119[hidden] {
    display: none !important;
}
@media (max-width: 560px) {
    html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-dialog-v118 {
        width: calc(100vw - 20px) !important;
        max-width: calc(100vw - 20px) !important;
        padding: 20px 14px !important;
        border-radius: 22px !important;
    }
    html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-dialog-v118 h2 {
        font-size: 22px !important;
        line-height: 1.16 !important;
    }
    html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-account-type-card-v118,
    html body .cha-pcm-shortcode-root .ks-auth-portal-v115 button.ks-account-type-card-v118 {
        min-height: auto !important;
        padding: 13px !important;
        border-radius: 16px !important;
    }
    html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-form-v118 select,
    html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-form-v118 input,
    html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-form-v118 textarea {
        font-size: 16px !important;
    }
}


/* KS Operations 1.5.75.21 - Registration modal responsive containment polish */
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-modal-v118 {
    padding: clamp(12px, 2.2vw, 24px) !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-dialog-v118 {
    width: min(760px, calc(100vw - 28px)) !important;
    max-width: 760px !important;
    max-height: calc(100dvh - 28px) !important;
    padding: 22px 28px 24px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    overscroll-behavior: contain !important;
    scrollbar-gutter: stable !important;
    border-radius: 26px !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-dialog-v118 > .ks-register-close-v114,
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-dialog-v118 > button.ks-register-close-v114,
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-dialog-v118 > button[data-ks-close-register] {
    top: 18px !important;
    right: 22px !important;
    z-index: 6 !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-dialog-v118 .ks-login-micro-title {
    height: 22px !important;
    padding: 0 10px !important;
    margin: 0 0 8px !important;
    font-size: 10.5px !important;
    letter-spacing: .13em !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-dialog-v118 h2 {
    margin: 0 0 6px !important;
    font-size: clamp(22px, 2.4vw, 26px) !important;
    line-height: 1.12 !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-dialog-v118 > p {
    max-width: 600px !important;
    margin: 0 0 14px !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-form-v118 {
    gap: 10px !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-account-type-grid-v118 {
    gap: 10px !important;
    margin: 0 !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-account-type-card-v118,
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 button.ks-account-type-card-v118 {
    min-height: 126px !important;
    padding: 12px 14px !important;
    border-radius: 16px !important;
    gap: 7px !important;
    transform: none !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-account-type-card-v118:hover,
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-account-type-card-v118.is-active {
    transform: none !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-account-type-card-v118 strong {
    font-size: 13.3px !important;
    line-height: 1.18 !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-account-type-card-v118 span {
    font-size: 11.6px !important;
    line-height: 1.38 !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-account-type-card-v118 em {
    min-height: 25px !important;
    padding: 0 9px !important;
    font-size: 10.6px !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-security-note-v118 {
    padding: 10px 12px !important;
    border-radius: 15px !important;
    gap: 8px !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-security-note-v118 strong,
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-security-note-v118 span {
    font-size: 11.5px !important;
    line-height: 1.35 !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-section-title-v118 {
    align-items: flex-start !important;
    margin: 2px 0 -2px !important;
    padding-top: 0 !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-section-title-v118 strong {
    font-size: 12.5px !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-section-title-v118 span {
    font-size: 11px !important;
    line-height: 1.3 !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-grid-v118 {
    gap: 9px 10px !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-form-v118 label {
    min-width: 0 !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-form-v118 label span {
    margin-bottom: 6px !important;
    font-size: 11.5px !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-form-v118 input,
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-form-v118 select {
    height: 43px !important;
    min-height: 43px !important;
    padding: 0 12px !important;
    border-radius: 14px !important;
    font-size: 13px !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-form-v118 textarea {
    min-height: 78px !important;
    padding: 11px 12px !important;
    border-radius: 14px !important;
    font-size: 13px !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-dynamic-v118 {
    gap: 9px !important;
    padding: 12px !important;
    border-radius: 16px !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-privacy-v118 {
    margin: 0 !important;
    font-size: 11px !important;
}
@media (max-height: 780px) and (min-width: 761px) {
    html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-modal-v118 {
        align-items: flex-start !important;
        padding-top: 16px !important;
        padding-bottom: 16px !important;
    }
    html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-dialog-v118 {
        max-height: calc(100dvh - 32px) !important;
        padding-top: 20px !important;
        padding-bottom: 22px !important;
    }
    html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-account-type-card-v118,
    html body .cha-pcm-shortcode-root .ks-auth-portal-v115 button.ks-account-type-card-v118 {
        min-height: 116px !important;
    }
}
@media (max-width: 760px) {
    html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-modal-v118 {
        align-items: flex-start !important;
        padding: 10px !important;
        overflow: hidden !important;
    }
    html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-dialog-v118 {
        width: calc(100vw - 20px) !important;
        max-width: calc(100vw - 20px) !important;
        max-height: calc(100dvh - 20px) !important;
        padding: 18px 14px 20px !important;
        border-radius: 22px !important;
    }
    html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-dialog-v118 > .ks-register-close-v114,
    html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-dialog-v118 > button.ks-register-close-v114,
    html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-dialog-v118 > button[data-ks-close-register] {
        top: 14px !important;
        right: 14px !important;
        width: 32px !important;
        min-width: 32px !important;
        height: 32px !important;
        min-height: 32px !important;
    }
    html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-dialog-v118 h2 {
        max-width: calc(100% - 42px) !important;
        font-size: 22px !important;
    }
    html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-dialog-v118 > p {
        margin-bottom: 12px !important;
        font-size: 12.5px !important;
    }
    html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-account-type-grid-v118,
    html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-grid-v118 {
        grid-template-columns: 1fr !important;
    }
    html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-account-type-card-v118,
    html body .cha-pcm-shortcode-root .ks-auth-portal-v115 button.ks-account-type-card-v118 {
        min-height: auto !important;
        padding: 12px !important;
    }
    html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-section-title-v118,
    html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-security-note-v118 {
        display: block !important;
    }
    html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-section-title-v118 span,
    html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-security-note-v118 span {
        max-width: none !important;
        margin-top: 4px !important;
        text-align: left !important;
    }
    html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-form-v118 input,
    html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-form-v118 select,
    html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-form-v118 textarea {
        font-size: 16px !important;
    }
}


/* KS Operations 1.5.75.22 - Registration modal scroll area and box-model fix */
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-modal-v118,
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-modal-v118 *,
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-dialog-v118,
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-dialog-v118 * {
    box-sizing: border-box !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-modal-v118 {
    overflow: hidden !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-dialog-v118 {
    width: min(760px, calc(100vw - 24px)) !important;
    max-width: min(760px, calc(100vw - 24px)) !important;
    max-height: calc(100dvh - 24px) !important;
    margin: 0 auto !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    scrollbar-gutter: auto !important;
    -webkit-overflow-scrolling: touch !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-dialog-v118::-webkit-scrollbar {
    width: 6px !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-dialog-v118::-webkit-scrollbar-track {
    background: transparent !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-dialog-v118::-webkit-scrollbar-thumb {
    background: #D7E4F4 !important;
    border-radius: 999px !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-form-v118,
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-grid-v118,
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-account-type-grid-v118,
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-dynamic-v118 {
    min-width: 0 !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-form-v118 label,
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-form-v118 input,
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-form-v118 select,
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-form-v118 textarea,
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-form-v118 button,
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-account-type-card-v118 {
    max-width: 100% !important;
}
@media (max-width: 760px) {
    html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-modal-v118 {
        padding: 8px !important;
    }
    html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-dialog-v118 {
        width: calc(100vw - 16px) !important;
        max-width: calc(100vw - 16px) !important;
        max-height: calc(100dvh - 16px) !important;
        padding: 18px 12px 20px !important;
        border-radius: 20px !important;
    }
}
@media (max-width: 420px) {
    html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-modal-v118 {
        padding: 6px !important;
    }
    html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-dialog-v118 {
        width: calc(100vw - 12px) !important;
        max-width: calc(100vw - 12px) !important;
        max-height: calc(100dvh - 12px) !important;
        padding: 16px 10px 18px !important;
        border-radius: 18px !important;
    }
    html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-dialog-v118 > .ks-register-close-v114,
    html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-dialog-v118 > button.ks-register-close-v114,
    html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-dialog-v118 > button[data-ks-close-register] {
        top: 10px !important;
        right: 10px !important;
    }
}


/* KS Operations 1.5.75.23 - Registration modal invisible internal scroll + visual cleanup */
html body.ks-register-open-v114,
html body.ks-register-open-v114 * {
    overscroll-behavior: contain !important;
}
html body.ks-register-open-v114 {
    overflow: hidden !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-modal-v118 {
    overflow: hidden !important;
    isolation: isolate !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-dialog-v118 {
    overflow-y: auto !important;
    overflow-x: hidden !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
    border: 1px solid rgba(218, 229, 243, .96) !important;
    box-shadow: 0 24px 70px rgba(8, 26, 58, .20) !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-dialog-v118::-webkit-scrollbar,
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-dialog-v118::-webkit-scrollbar-track,
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-dialog-v118::-webkit-scrollbar-thumb {
    width: 0 !important;
    height: 0 !important;
    display: none !important;
    background: transparent !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-dialog-v118 > .ks-register-close-v114,
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-dialog-v118 > button.ks-register-close-v114,
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-dialog-v118 > button[data-ks-close-register] {
    position: absolute !important;
    top: 18px !important;
    right: 20px !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-security-note-v118,
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-dynamic-v118 {
    width: 100% !important;
    max-width: 100% !important;
}
@media (min-width: 761px) and (max-height: 760px) {
    html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-dialog-v118 {
        padding-top: 18px !important;
        padding-bottom: 18px !important;
    }
    html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-dialog-v118 > p {
        margin-bottom: 10px !important;
    }
    html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-account-type-card-v118,
    html body .cha-pcm-shortcode-root .ks-auth-portal-v115 button.ks-account-type-card-v118 {
        min-height: 108px !important;
    }
}
@media (max-width: 760px) {
    html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-dialog-v118 {
        scrollbar-width: none !important;
        -ms-overflow-style: none !important;
    }
    html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-register-dialog-v118::-webkit-scrollbar {
        display: none !important;
    }
}


/* KS Operations 1.5.75.24 - Public registration: remove staff option and balance two-card layout */
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-account-type-grid-v118 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-account-type-card-v118,
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 button.ks-account-type-card-v118 {
    min-height: 118px !important;
}
@media (max-width: 760px) {
    html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-account-type-grid-v118 {
        grid-template-columns: 1fr !important;
    }
}

/* KS Operations 1.5.75.25 - Registration email verification code */
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-email-verification-v125 {
    width: 100% !important;
    max-width: 100% !important;
    padding: 12px !important;
    border: 1px solid #DCE8F6 !important;
    border-radius: 16px !important;
    background: linear-gradient(180deg, #FFFFFF 0%, #F8FBFF 100%) !important;
    box-shadow: 0 10px 24px rgba(8,26,58,.04) !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-email-verification-head-v125 {
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    align-items: center !important;
    gap: 12px !important;
    margin: 0 0 10px !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-email-verification-head-v125 strong {
    display: block !important;
    color: #071B3A !important;
    font-size: 12.5px !important;
    line-height: 1.25 !important;
    font-weight: 800 !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-email-verification-head-v125 span {
    display: block !important;
    margin-top: 3px !important;
    color: #718198 !important;
    font-size: 11.2px !important;
    line-height: 1.35 !important;
    font-weight: 500 !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-email-code-button-v125,
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 button.ks-email-code-button-v125 {
    width: auto !important;
    min-width: 112px !important;
    height: 36px !important;
    min-height: 36px !important;
    margin: 0 !important;
    padding: 0 14px !important;
    border-radius: 999px !important;
    border: 1px solid #D8E8FA !important;
    background: #EEF6FF !important;
    color: #0B5FCC !important;
    box-shadow: none !important;
    font-size: 11.5px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
    cursor: pointer !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-email-code-button-v125:hover {
    border-color: #A9CBF5 !important;
    background: #E6F1FF !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-email-code-button-v125:disabled {
    opacity: .68 !important;
    cursor: not-allowed !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-email-code-field-v125 {
    display: block !important;
    margin: 0 !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-email-code-field-v125 input {
    text-align: center !important;
    letter-spacing: .18em !important;
    font-weight: 760 !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-email-code-status-v125 {
    margin: 8px 0 0 !important;
    padding: 0 !important;
    color: #718198 !important;
    font-size: 11.2px !important;
    line-height: 1.4 !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-email-code-status-v125[data-state="success"] {
    color: #08776F !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-email-code-status-v125[data-state="danger"] {
    color: #B42318 !important;
}
@media (max-width: 560px) {
    html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-email-verification-head-v125 {
        grid-template-columns: 1fr !important;
        gap: 9px !important;
    }
    html body .cha-pcm-shortcode-root .ks-auth-portal-v115 .ks-email-code-button-v125,
    html body .cha-pcm-shortcode-root .ks-auth-portal-v115 button.ks-email-code-button-v125 {
        width: 100% !important;
        min-width: 0 !important;
    }
}


/* KS Operations 1.5.75.27 - Pending access request actions polish */
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-access-request-card {
    grid-template-columns: minmax(0, 1fr) minmax(340px, 420px) !important;
    align-items: stretch !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-access-request-actions-v127 {
    align-self: stretch !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    align-content: start !important;
    gap: 10px !important;
    padding: 14px !important;
    border: 1px solid #E5EEF8 !important;
    border-radius: 16px !important;
    background: #F8FBFF !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-access-action-title-v127 {
    color: #0B2E63 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: .02em !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-access-approve-form-v127 {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 10px !important;
    align-items: end !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-access-secondary-actions-v127 {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-access-secondary-actions-v127 form,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-access-secondary-actions-v127 button {
    width: 100% !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-btn--delete-v127 {
    background: #FFF1F2 !important;
    color: #B42318 !important;
    border: 1px solid #FECACA !important;
    box-shadow: none !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-btn--delete-v127:hover {
    background: #FFE4E6 !important;
    color: #9F1239 !important;
}
@media (max-width: 980px) {
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-access-request-card,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-access-approve-form-v127 {
        grid-template-columns: 1fr !important;
    }
}
@media (max-width: 560px) {
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-access-request-actions-v127 {
        padding: 12px !important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-access-secondary-actions-v127 {
        grid-template-columns: 1fr !important;
    }
}

/* KS Operations 1.5.75.28 - Role-aware notification center */
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-notification-toolbar{
    display:flex!important;
    justify-content:flex-end!important;
    align-items:center!important;
    margin:0 0 14px!important;
    position:relative!important;
    z-index:30!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-notification-center{
    position:relative!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-family:inherit!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-notification-bell{
    position:relative!important;
    width:44px!important;
    min-width:44px!important;
    height:44px!important;
    min-height:44px!important;
    padding:0!important;
    border:1px solid #DCEBFF!important;
    border-radius:16px!important;
    background:#FFFFFF!important;
    color:#0B5FCC!important;
    box-shadow:0 12px 28px rgba(15,23,42,.07)!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    cursor:pointer!important;
    transition:box-shadow .16s ease,border-color .16s ease,background .16s ease!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-notification-bell:hover,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-notification-bell[aria-expanded="true"]{
    border-color:#9BC4FF!important;
    background:#F7FBFF!important;
    box-shadow:0 16px 34px rgba(11,95,204,.13)!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-notification-icon,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-notification-icon svg{
    width:21px!important;
    height:21px!important;
    display:block!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-notification-count{
    position:absolute!important;
    top:-7px!important;
    right:-7px!important;
    min-width:20px!important;
    height:20px!important;
    padding:0 5px!important;
    border-radius:999px!important;
    background:#0B5FCC!important;
    color:#FFFFFF!important;
    border:2px solid #FFFFFF!important;
    box-shadow:0 8px 18px rgba(11,95,204,.22)!important;
    display:none!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:10.5px!important;
    font-weight:800!important;
    line-height:1!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-notification-count.is-visible{
    display:inline-flex!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-notification-menu{
    position:absolute!important;
    top:calc(100% + 12px)!important;
    right:0!important;
    width:min(390px,calc(100vw - 36px))!important;
    max-height:min(560px,calc(100dvh - 120px))!important;
    overflow:hidden!important;
    border:1px solid #DCEBFF!important;
    border-radius:22px!important;
    background:#FFFFFF!important;
    box-shadow:0 26px 70px rgba(8,26,58,.22)!important;
    z-index:1000!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-notification-menu[hidden]{
    display:none!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-notification-menu-head{
    display:flex!important;
    align-items:flex-start!important;
    justify-content:space-between!important;
    gap:12px!important;
    padding:16px 16px 12px!important;
    border-bottom:1px solid #E8F1FC!important;
    background:linear-gradient(180deg,#FFFFFF 0%,#F8FBFF 100%)!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-notification-menu-head strong{
    display:block!important;
    color:#071B3A!important;
    font-size:15px!important;
    font-weight:800!important;
    line-height:1.2!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-notification-menu-head span{
    display:block!important;
    margin-top:3px!important;
    color:#718198!important;
    font-size:12px!important;
    line-height:1.35!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-notification-menu-head button{
    border:0!important;
    border-radius:999px!important;
    background:#EEF6FF!important;
    color:#0B5FCC!important;
    padding:8px 10px!important;
    font-size:11.5px!important;
    font-weight:760!important;
    line-height:1!important;
    cursor:pointer!important;
    white-space:nowrap!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-notification-list{
    max-height:440px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding:8px!important;
    scrollbar-width:none!important;
    -ms-overflow-style:none!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-notification-list::-webkit-scrollbar{display:none!important;}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-notification-item{
    display:grid!important;
    grid-template-columns:10px minmax(0,1fr)!important;
    gap:10px!important;
    align-items:flex-start!important;
    padding:12px!important;
    border-radius:16px!important;
    color:#10233F!important;
    text-decoration:none!important;
    background:#F8FBFF!important;
    border:1px solid #E6F0FB!important;
    margin:0 0 8px!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-notification-item:hover{
    background:#F2F8FF!important;
    border-color:#CFE4FF!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-notification-item.is-read{
    opacity:.72!important;
    background:#FFFFFF!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-notification-dot{
    width:8px!important;
    height:8px!important;
    margin-top:5px!important;
    border-radius:999px!important;
    background:#0B5FCC!important;
    box-shadow:0 0 0 4px rgba(11,95,204,.10)!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-notification-item.is-read .ksc-notification-dot{
    background:#CBD5E1!important;
    box-shadow:none!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-notification-copy{
    min-width:0!important;
    display:block!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-notification-copy strong{
    display:block!important;
    margin:0 0 4px!important;
    color:#071B3A!important;
    font-size:13px!important;
    font-weight:800!important;
    line-height:1.25!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-notification-copy em{
    display:block!important;
    color:#52637A!important;
    font-size:12.2px!important;
    line-height:1.42!important;
    font-style:normal!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-notification-copy small{
    display:block!important;
    margin-top:6px!important;
    color:#8A9AB0!important;
    font-size:11px!important;
    line-height:1.25!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-notification-empty{
    padding:22px 16px!important;
    color:#718198!important;
    text-align:center!important;
    font-size:12.5px!important;
}
@media (max-width: 760px){
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-notification-toolbar{
        margin:0 0 10px!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-notification-bell{
        width:42px!important;
        min-width:42px!important;
        height:42px!important;
        min-height:42px!important;
        border-radius:15px!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-notification-menu{
        position:fixed!important;
        top:70px!important;
        left:10px!important;
        right:10px!important;
        width:auto!important;
        max-height:calc(100dvh - 90px)!important;
        border-radius:20px!important;
    }
}


/* KS Operations 1.5.75.29 - Dashboard-only integrated notification center */
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-notification-toolbar{
    display:none!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-top-actions{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 54px!important;
    align-items:stretch!important;
    gap:10px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-notification-wrap{
    position:relative!important;
    display:flex!important;
    align-items:stretch!important;
    justify-content:flex-end!important;
    width:54px!important;
    min-width:54px!important;
    z-index:20!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-notification-wrap .ksc-notification-center{
    width:54px!important;
    height:54px!important;
    position:relative!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-notification-wrap .ksc-notification-bell{
    width:54px!important;
    min-width:54px!important;
    height:54px!important;
    min-height:54px!important;
    border-radius:18px!important;
    border:1px solid #D9E8FA!important;
    background:rgba(255,255,255,.96)!important;
    color:#0B5FCC!important;
    box-shadow:0 10px 26px rgba(15,23,42,.055)!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-notification-wrap .ksc-notification-bell:hover,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-notification-wrap .ksc-notification-bell[aria-expanded="true"]{
    border-color:#9BC4FF!important;
    background:#F8FBFF!important;
    box-shadow:0 12px 30px rgba(11,95,204,.10)!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-notification-wrap .ksc-notification-icon,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-notification-wrap .ksc-notification-icon svg{
    width:20px!important;
    height:20px!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-notification-wrap .ksc-notification-menu{
    top:calc(100% + 10px)!important;
    right:0!important;
    width:min(390px,calc(100vw - 42px))!important;
    z-index:80!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero .ksc-dashboard-search{
    margin:0!important;
}
@media(max-width:680px){
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-top-actions{
        grid-template-columns:minmax(0,1fr) 50px!important;
        gap:8px!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-notification-wrap,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-notification-wrap .ksc-notification-center,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-notification-wrap .ksc-notification-bell{
        width:50px!important;
        min-width:50px!important;
        height:50px!important;
        min-height:50px!important;
        border-radius:16px!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-notification-wrap .ksc-notification-menu{
        position:fixed!important;
        top:76px!important;
        left:12px!important;
        right:12px!important;
        width:auto!important;
        max-height:calc(100dvh - 96px)!important;
    }
}
@media(max-width:420px){
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-top-actions{
        grid-template-columns:1fr!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-notification-wrap{
        width:100%!important;
        min-width:0!important;
        justify-content:flex-end!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-notification-wrap .ksc-notification-center,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-notification-wrap .ksc-notification-bell{
        width:50px!important;
        min-width:50px!important;
    }
}


/* KS Operations 1.5.75.30 - Dashboard notification bell integrated action bar + functional dropdown fix */
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero,
html body .cha-pcm-shortcode-root .ks-clean-staff header.ksc-dashboard-hero,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-header.ksc-dashboard-hero{
    overflow:visible!important;
    position:relative!important;
    z-index:35!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-tools{
    width:min(640px,100%)!important;
    position:relative!important;
    z-index:45!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-top-actions{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 48px!important;
    align-items:center!important;
    gap:8px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    padding:8px!important;
    border:1px solid #DCEBFF!important;
    border-radius:20px!important;
    background:#FFFFFF!important;
    box-shadow:0 16px 36px rgba(15,23,42,.065)!important;
    overflow:visible!important;
    position:relative!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero .ksc-dashboard-search{
    min-width:0!important;
    height:48px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:15px!important;
    background:transparent!important;
    box-shadow:none!important;
    display:grid!important;
    grid-template-columns:28px minmax(0,1fr) 74px!important;
    align-items:center!important;
    gap:8px!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-search-icon{
    width:28px!important;
    min-width:28px!important;
    height:28px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    color:#0B5FCC!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-search-icon svg{
    width:19px!important;
    height:19px!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-search input[type="search"]{
    height:48px!important;
    min-width:0!important;
    padding:0 8px!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    font-size:13px!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-search-submit{
    width:74px!important;
    min-width:74px!important;
    height:44px!important;
    min-height:44px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:14px!important;
    background:#0B5FCC!important;
    color:#FFFFFF!important;
    box-shadow:0 12px 22px rgba(11,95,204,.18)!important;
    font-size:13px!important;
    font-weight:800!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-notification-wrap{
    width:48px!important;
    min-width:48px!important;
    height:48px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    position:relative!important;
    z-index:90!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-notification-wrap:before{
    content:""!important;
    position:absolute!important;
    left:-4px!important;
    top:8px!important;
    bottom:8px!important;
    width:1px!important;
    background:#E5EFFB!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-notification-wrap .ksc-notification-center{
    width:48px!important;
    height:48px!important;
    position:relative!important;
    z-index:95!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-notification-wrap .ksc-notification-bell{
    width:48px!important;
    min-width:48px!important;
    height:48px!important;
    min-height:48px!important;
    border-radius:15px!important;
    border:0!important;
    background:#F5F9FF!important;
    color:#0B5FCC!important;
    box-shadow:none!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-notification-wrap .ksc-notification-bell:hover,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-notification-wrap .ksc-notification-bell[aria-expanded="true"]{
    background:#EAF4FF!important;
    color:#084EAA!important;
    box-shadow:inset 0 0 0 1px #CAE1FF!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-notification-wrap .ksc-notification-count{
    top:4px!important;
    right:4px!important;
    border-color:#F5F9FF!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-notification-wrap .ksc-notification-menu{
    top:calc(100% + 14px)!important;
    right:0!important;
    width:min(420px,calc(100vw - 48px))!important;
    z-index:999999!important;
    border-radius:22px!important;
    overflow:hidden!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-actions{
    margin-top:10px!important;
}
@media(max-width:900px){
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-tools{
        width:100%!important;
    }
}
@media(max-width:680px){
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-top-actions{
        grid-template-columns:minmax(0,1fr) 46px!important;
        padding:7px!important;
        border-radius:18px!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero .ksc-dashboard-search{
        grid-template-columns:24px minmax(0,1fr) 64px!important;
        height:46px!important;
        gap:6px!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-search-submit{
        width:64px!important;
        min-width:64px!important;
        height:42px!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-notification-wrap,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-notification-wrap .ksc-notification-center,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-notification-wrap .ksc-notification-bell{
        width:46px!important;
        min-width:46px!important;
        height:46px!important;
        min-height:46px!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-notification-wrap .ksc-notification-menu{
        position:fixed!important;
        top:86px!important;
        left:12px!important;
        right:12px!important;
        width:auto!important;
        max-height:calc(100dvh - 106px)!important;
    }
}
@media(max-width:460px){
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero .ksc-dashboard-search{
        grid-template-columns:22px minmax(0,1fr) 58px!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-search-submit{
        width:58px!important;
        min-width:58px!important;
        font-size:12.5px!important;
    }
}


/* KS Operations 1.5.75.31 - Dashboard operation topbar with profile menu */
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-tools{
    width:min(820px,100%)!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-top-actions{
    grid-template-columns:minmax(0,1fr) 48px minmax(150px,auto)!important;
    gap:8px!important;
    padding:8px!important;
    align-items:center!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-profile-wrap{
    position:relative!important;
    z-index:96!important;
    min-width:0!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-profile-button{
    height:48px!important;
    min-height:48px!important;
    width:100%!important;
    min-width:150px!important;
    display:grid!important;
    grid-template-columns:34px minmax(0,1fr) 18px!important;
    align-items:center!important;
    gap:8px!important;
    padding:0 10px!important;
    border:0!important;
    border-left:1px solid #E5EFFB!important;
    border-radius:15px!important;
    background:#F8FBFF!important;
    color:#0B2E63!important;
    cursor:pointer!important;
    text-align:left!important;
    box-shadow:none!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-profile-button:hover,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-profile-button[aria-expanded="true"]{
    background:#EAF4FF!important;
    box-shadow:inset 0 0 0 1px #CAE1FF!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-avatar{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    border-radius:999px!important;
    background:linear-gradient(135deg,#0B5FCC,#5AA7FF)!important;
    color:#FFFFFF!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:13px!important;
    font-weight:850!important;
    overflow:hidden!important;
    box-shadow:0 8px 20px rgba(11,95,204,.16)!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-avatar img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    display:block!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-avatar.is-menu{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-avatar.is-large{
    width:72px!important;
    height:72px!important;
    min-width:72px!important;
    font-size:24px!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-text{
    min-width:0!important;
    display:block!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-text strong{
    display:block!important;
    color:#071B3A!important;
    font-size:12.7px!important;
    font-weight:800!important;
    line-height:1.2!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-text small{
    display:block!important;
    color:#718198!important;
    font-size:10.5px!important;
    line-height:1.25!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-caret svg{
    width:16px!important;
    height:16px!important;
    display:block!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-menu{
    position:absolute!important;
    top:calc(100% + 14px)!important;
    right:0!important;
    width:280px!important;
    border:1px solid #DCEBFF!important;
    border-radius:22px!important;
    background:#FFFFFF!important;
    box-shadow:0 26px 70px rgba(8,26,58,.22)!important;
    overflow:hidden!important;
    z-index:999999!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-menu[hidden]{display:none!important;}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-menu-head{
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr)!important;
    gap:10px!important;
    align-items:center!important;
    padding:14px!important;
    border-bottom:1px solid #E8F1FC!important;
    background:linear-gradient(180deg,#FFFFFF,#F8FBFF)!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-menu-head strong,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-menu-head small{
    display:block!important;
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-menu-head strong{font-size:13.5px!important;color:#071B3A!important;font-weight:850!important;}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-menu-head small{font-size:11.5px!important;color:#718198!important;margin-top:2px!important;}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-menu-item{
    width:100%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    height:42px!important;
    padding:0 16px!important;
    border:0!important;
    border-bottom:1px solid #EEF4FB!important;
    background:#FFFFFF!important;
    color:#0B2E63!important;
    font-size:12.8px!important;
    font-weight:760!important;
    text-align:left!important;
    cursor:pointer!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-menu-item:hover{background:#F5FAFF!important;color:#0B5FCC!important;}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-menu-item.is-logout{color:#B42318!important;border-bottom:0!important;}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-logout-form{margin:0!important;}
html body.ksc-profile-modal-open{overflow:hidden!important;}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-modal[hidden]{display:none!important;}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-modal{
    position:fixed!important;
    inset:0!important;
    z-index:1000000!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:18px!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-modal-backdrop{
    position:fixed!important;
    inset:0!important;
    background:rgba(8,26,58,.42)!important;
    backdrop-filter:blur(10px)!important;
    -webkit-backdrop-filter:blur(10px)!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-dialog{
    position:relative!important;
    z-index:2!important;
    width:min(720px,calc(100vw - 28px))!important;
    max-height:calc(100dvh - 34px)!important;
    overflow:auto!important;
    scrollbar-width:none!important;
    -ms-overflow-style:none!important;
    background:#FFFFFF!important;
    border:1px solid #DCEBFF!important;
    border-radius:26px!important;
    box-shadow:0 32px 90px rgba(8,26,58,.24)!important;
    padding:26px!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-dialog::-webkit-scrollbar{display:none!important;}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-dialog h2{margin:8px 0 6px!important;font-size:25px!important;line-height:1.15!important;color:#071B3A!important;}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-dialog > p{margin:0 0 18px!important;color:#5F7089!important;font-size:13px!important;line-height:1.5!important;}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-modal-close{
    position:absolute!important;top:18px!important;right:18px!important;width:34px!important;height:34px!important;border:1px solid #DDE9F7!important;border-radius:12px!important;background:#FFFFFF!important;color:#4E637D!important;font-size:19px!important;line-height:1!important;cursor:pointer!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-photo-row{display:grid!important;grid-template-columns:72px minmax(0,1fr)!important;gap:14px!important;align-items:center!important;margin:0 0 16px!important;}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-form label{display:block!important;margin:0!important;}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-form label span{display:block!important;margin:0 0 6px!important;color:#1B2D49!important;font-size:11.6px!important;font-weight:800!important;}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-form input{width:100%!important;height:44px!important;border:1px solid #DCE8F6!important;border-radius:14px!important;background:#FFFFFF!important;color:#071B3A!important;padding:0 12px!important;font-size:13px!important;}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-form input[type="file"]{height:auto!important;padding:11px!important;}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-form small{display:block!important;margin-top:5px!important;color:#718198!important;font-size:11px!important;}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-security-box{margin-top:16px!important;padding:14px!important;border:1px solid #E2ECF8!important;border-radius:18px!important;background:#FBFDFF!important;}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-security-box > strong{display:block!important;color:#071B3A!important;font-size:13.5px!important;font-weight:850!important;}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-actions{display:flex!important;justify-content:flex-end!important;gap:10px!important;margin-top:16px!important;}
@media(max-width:900px){
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-top-actions{grid-template-columns:minmax(0,1fr) 46px 46px!important;}
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-profile-button{min-width:46px!important;width:46px!important;grid-template-columns:34px!important;justify-content:center!important;padding:0!important;border-left:1px solid #E5EFFB!important;}
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-text,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-caret{display:none!important;}
}
@media(max-width:680px){
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-top-actions{grid-template-columns:1fr 44px 44px!important;padding:7px!important;}
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-profile-button{height:46px!important;min-height:46px!important;width:46px!important;min-width:46px!important;border-radius:15px!important;}
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-menu{position:fixed!important;top:86px!important;left:12px!important;right:12px!important;width:auto!important;}
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-grid{grid-template-columns:1fr!important;}
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-dialog{padding:22px 16px!important;border-radius:22px!important;}
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-photo-row{grid-template-columns:1fr!important;}
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-actions{display:grid!important;grid-template-columns:1fr!important;}
}
@media(max-width:460px){
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-top-actions{grid-template-columns:1fr 42px 42px!important;gap:6px!important;}
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-profile-button{width:42px!important;min-width:42px!important;height:44px!important;min-height:44px!important;}
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-avatar{width:30px!important;height:30px!important;min-width:30px!important;}
}

/* KS Operations 1.5.75.32 — final dashboard command bar and profile redesign */
html body .cha-pcm-shortcode-root .ks-clean-staff,
html body .cha-pcm-shortcode-root .ks-clean-staff *{
    box-sizing:border-box!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-main{
    isolation:isolate!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero,
html body .cha-pcm-shortcode-root .ks-clean-staff header.ksc-dashboard-hero,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-header.ksc-dashboard-hero{
    position:relative!important;
    z-index:100!important;
    overflow:visible!important;
    display:grid!important;
    grid-template-columns:minmax(260px,1fr) minmax(460px,780px)!important;
    align-items:start!important;
    gap:22px!important;
    margin:0 0 18px!important;
    padding:26px 28px 24px!important;
    border:1px solid #D9E7F7!important;
    border-radius:28px!important;
    background:
        radial-gradient(circle at 95% 0%, rgba(11,95,204,.055) 0 115px, transparent 116px),
        linear-gradient(135deg,#FFFFFF 0%,#F8FBFF 58%,#F2F7FE 100%)!important;
    box-shadow:0 20px 56px rgba(14,38,74,.065)!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero > div:first-child{
    min-width:0!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero .ksc-eyebrow{
    display:inline-flex!important;
    align-items:center!important;
    gap:7px!important;
    margin:0 0 9px!important;
    padding:5px 10px!important;
    border-radius:999px!important;
    background:#EDF5FF!important;
    color:#0B5FCC!important;
    font-size:10.5px!important;
    font-weight:850!important;
    letter-spacing:.14em!important;
    line-height:1!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero h1{
    margin:0!important;
    color:#071B3A!important;
    font-size:30px!important;
    line-height:1.12!important;
    font-weight:780!important;
    letter-spacing:-.035em!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero p{
    max-width:780px!important;
    margin:9px 0 0!important;
    color:#5A6C84!important;
    font-size:13.5px!important;
    line-height:1.58!important;
    font-weight:500!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-tools{
    position:relative!important;
    z-index:300!important;
    display:grid!important;
    gap:14px!important;
    width:100%!important;
    max-width:780px!important;
    justify-self:end!important;
    align-self:start!important;
    overflow:visible!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-top-actions{
    position:relative!important;
    z-index:320!important;
    display:grid!important;
    grid-template-columns:minmax(260px,1fr) 54px minmax(190px,260px)!important;
    align-items:center!important;
    gap:8px!important;
    width:100%!important;
    min-width:0!important;
    min-height:66px!important;
    padding:8px!important;
    overflow:visible!important;
    border:1px solid #D7E6F8!important;
    border-radius:22px!important;
    background:rgba(255,255,255,.96)!important;
    box-shadow:0 18px 46px rgba(15,37,72,.075)!important;
    backdrop-filter:blur(12px)!important;
    -webkit-backdrop-filter:blur(12px)!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-top-actions:before,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-notification-wrap:before{
    content:none!important;
    display:none!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero .ksc-dashboard-search{
    display:grid!important;
    grid-template-columns:34px minmax(0,1fr) 70px!important;
    align-items:center!important;
    gap:8px!important;
    width:100%!important;
    height:50px!important;
    min-height:50px!important;
    margin:0!important;
    padding:0 6px 0 11px!important;
    border:0!important;
    border-radius:16px!important;
    background:#F7FAFE!important;
    box-shadow:none!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-search-icon{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    color:#0B5FCC!important;
    opacity:.9!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-search-icon svg{
    width:19px!important;
    height:19px!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-search input[type="search"]{
    width:100%!important;
    min-width:0!important;
    height:50px!important;
    min-height:50px!important;
    margin:0!important;
    padding:0 6px!important;
    border:0!important;
    outline:0!important;
    background:transparent!important;
    color:#10233F!important;
    box-shadow:none!important;
    font-size:13px!important;
    font-weight:560!important;
    line-height:50px!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-search input[type="search"]::placeholder{
    color:#8A9BB2!important;
    opacity:1!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-search-submit{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:70px!important;
    min-width:70px!important;
    height:42px!important;
    min-height:42px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:14px!important;
    background:#0B5FCC!important;
    color:#FFFFFF!important;
    box-shadow:0 12px 24px rgba(11,95,204,.18)!important;
    font-size:12.5px!important;
    font-weight:760!important;
    cursor:pointer!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-search-submit:hover{
    background:#094EA8!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-notification-wrap{
    position:relative!important;
    z-index:360!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:54px!important;
    min-width:54px!important;
    height:50px!important;
    overflow:visible!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-notification-wrap .ksc-notification-toolbar{
    display:none!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-notification-wrap .ksc-notification-center{
    position:relative!important;
    z-index:370!important;
    width:50px!important;
    height:50px!important;
    overflow:visible!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-notification-wrap .ksc-notification-bell{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:50px!important;
    min-width:50px!important;
    height:50px!important;
    min-height:50px!important;
    padding:0!important;
    border:1px solid #DCEAF9!important;
    border-radius:16px!important;
    background:#FFFFFF!important;
    color:#0B5FCC!important;
    box-shadow:none!important;
    cursor:pointer!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-notification-wrap .ksc-notification-bell:hover,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-notification-wrap .ksc-notification-bell[aria-expanded="true"]{
    background:#F3F8FF!important;
    border-color:#B8D4F6!important;
    box-shadow:0 12px 26px rgba(11,95,204,.10)!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-notification-wrap .ksc-notification-icon,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-notification-wrap .ksc-notification-icon svg{
    width:20px!important;
    height:20px!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-notification-wrap .ksc-notification-count{
    top:7px!important;
    right:7px!important;
    min-width:18px!important;
    height:18px!important;
    padding:0 5px!important;
    border:2px solid #FFFFFF!important;
    border-radius:999px!important;
    background:#0B5FCC!important;
    color:#FFFFFF!important;
    font-size:10px!important;
    font-weight:850!important;
    line-height:14px!important;
    box-shadow:0 6px 14px rgba(11,95,204,.25)!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-notification-wrap .ksc-notification-menu{
    position:absolute!important;
    top:calc(100% + 12px)!important;
    right:0!important;
    left:auto!important;
    width:min(390px,calc(100vw - 44px))!important;
    max-height:min(520px,calc(100dvh - 120px))!important;
    overflow:hidden!important;
    z-index:999990!important;
    border:1px solid #D7E6F8!important;
    border-radius:22px!important;
    background:#FFFFFF!important;
    box-shadow:0 28px 70px rgba(8,26,58,.20)!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-profile-wrap{
    position:relative!important;
    z-index:380!important;
    min-width:0!important;
    height:50px!important;
    overflow:visible!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-profile-button{
    position:relative!important;
    z-index:385!important;
    display:grid!important;
    grid-template-columns:38px minmax(0,1fr) 18px!important;
    align-items:center!important;
    gap:10px!important;
    width:100%!important;
    min-width:0!important;
    height:50px!important;
    min-height:50px!important;
    margin:0!important;
    padding:6px 11px 6px 6px!important;
    border:1px solid #DCEAF9!important;
    border-radius:16px!important;
    background:#FFFFFF!important;
    color:#10233F!important;
    box-shadow:none!important;
    cursor:pointer!important;
    text-align:left!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-profile-button:hover,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-profile-button[aria-expanded="true"]{
    background:#F7FAFE!important;
    border-color:#B8D4F6!important;
    box-shadow:0 12px 26px rgba(11,95,204,.09)!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-avatar{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:36px!important;
    min-width:36px!important;
    height:36px!important;
    border-radius:999px!important;
    background:linear-gradient(135deg,#EAF4FF,#D8EAFE)!important;
    border:1px solid #D6E7F8!important;
    color:#0B5FCC!important;
    font-size:13px!important;
    font-weight:850!important;
    overflow:hidden!important;
    box-shadow:none!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-avatar img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-text{
    display:block!important;
    min-width:0!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-text strong{
    display:block!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    color:#10233F!important;
    font-size:12.5px!important;
    line-height:1.2!important;
    font-weight:780!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-text small{
    display:block!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    margin-top:2px!important;
    color:#718198!important;
    font-size:10.5px!important;
    line-height:1.2!important;
    font-weight:600!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-caret{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    color:#718198!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-caret svg{
    width:16px!important;
    height:16px!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-menu{
    position:absolute!important;
    top:calc(100% + 12px)!important;
    right:0!important;
    left:auto!important;
    z-index:999999!important;
    display:block!important;
    width:292px!important;
    max-width:calc(100vw - 34px)!important;
    overflow:hidden!important;
    border:1px solid #D7E6F8!important;
    border-radius:22px!important;
    background:#FFFFFF!important;
    color:#10233F!important;
    box-shadow:0 28px 72px rgba(8,26,58,.20)!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-menu[hidden]{
    display:none!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-menu-head{
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr)!important;
    gap:11px!important;
    align-items:center!important;
    padding:14px!important;
    border-bottom:1px solid #E7EFF9!important;
    background:linear-gradient(180deg,#FFFFFF 0%,#F8FBFF 100%)!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-menu-head strong,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-menu-head small{
    display:block!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-menu-head strong{
    color:#10233F!important;
    font-size:13px!important;
    font-weight:800!important;
    line-height:1.25!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-menu-head small{
    margin-top:3px!important;
    color:#718198!important;
    font-size:11.2px!important;
    font-weight:560!important;
    line-height:1.25!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-menu-item{
    display:grid!important;
    grid-template-columns:20px minmax(0,1fr)!important;
    align-items:center!important;
    gap:11px!important;
    width:100%!important;
    height:48px!important;
    min-height:48px!important;
    margin:0!important;
    padding:0 16px!important;
    border:0!important;
    border-bottom:1px solid #EEF4FB!important;
    border-radius:0!important;
    background:#FFFFFF!important;
    color:#173152!important;
    box-shadow:none!important;
    font-size:13px!important;
    line-height:1!important;
    font-weight:720!important;
    text-align:left!important;
    text-decoration:none!important;
    cursor:pointer!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-menu-item span{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    color:#0B5FCC!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-menu-item span svg{
    width:17px!important;
    height:17px!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-menu-item:hover{
    background:#F5FAFF!important;
    color:#0B5FCC!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-menu-item.is-logout{
    border-bottom:0!important;
    color:#B42318!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-menu-item.is-logout span{
    color:#B42318!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-logout-form{
    display:block!important;
    margin:0!important;
    padding:0!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-actions{
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:10px!important;
    width:100%!important;
    margin:0!important;
    overflow:visible!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-actions .ksc-btn{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    min-width:126px!important;
    min-height:44px!important;
    padding:10px 16px!important;
    border:1px solid #DDEAF8!important;
    border-radius:16px!important;
    background:#FFFFFF!important;
    color:#0A438E!important;
    box-shadow:none!important;
    font-size:12.5px!important;
    font-weight:760!important;
    line-height:1!important;
    text-decoration:none!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-actions .ksc-btn:hover{
    border-color:#BBD6F5!important;
    background:#F6FAFF!important;
    color:#0B5FCC!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-actions .ksc-btn span{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:18px!important;
    height:18px!important;
    border-radius:999px!important;
    background:#EDF5FF!important;
    color:#0B5FCC!important;
    font-size:11px!important;
    line-height:1!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-command-grid{
    position:relative!important;
    z-index:1!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:16px!important;
    margin:18px 0!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-command-card{
    position:relative!important;
    overflow:hidden!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    min-height:124px!important;
    padding:20px 22px!important;
    border:1px solid #E1EAF5!important;
    border-radius:22px!important;
    background:#FFFFFF!important;
    box-shadow:0 12px 34px rgba(15,35,66,.045)!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-command-card:after{
    content:''!important;
    position:absolute!important;
    right:18px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:58px!important;
    height:58px!important;
    border-radius:20px!important;
    background:#F0F6FE!important;
    opacity:1!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-command-card.is-primary{
    border-color:#0B5FCC!important;
    background:linear-gradient(135deg,#0B5FCC 0%,#06469D 100%)!important;
    box-shadow:0 18px 44px rgba(11,95,204,.20)!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-command-card.is-primary:after{
    background:rgba(255,255,255,.13)!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-command-card span{
    position:relative!important;
    z-index:2!important;
    margin:0 74px 9px 0!important;
    color:#53657E!important;
    font-size:11.5px!important;
    font-weight:850!important;
    letter-spacing:.08em!important;
    text-transform:uppercase!important;
    line-height:1.25!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-command-card strong{
    position:relative!important;
    z-index:2!important;
    display:block!important;
    margin:0!important;
    color:#071B3A!important;
    font-size:29px!important;
    line-height:1.05!important;
    font-weight:760!important;
    letter-spacing:-.03em!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-command-card small{
    position:relative!important;
    z-index:2!important;
    display:block!important;
    margin:10px 74px 0 0!important;
    color:#6D7E94!important;
    font-size:12.2px!important;
    line-height:1.35!important;
    font-weight:540!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-command-card.is-primary span,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-command-card.is-primary strong,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-command-card.is-primary small{
    color:#FFFFFF!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-dialog{
    width:min(760px,calc(100vw - 28px))!important;
    border-radius:28px!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-grid label input[readonly]{
    background:#F7FAFE!important;
    color:#5D6F86!important;
}
@media(max-width:1280px){
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero,
    html body .cha-pcm-shortcode-root .ks-clean-staff header.ksc-dashboard-hero,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-header.ksc-dashboard-hero{
        grid-template-columns:1fr!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-tools{
        max-width:100%!important;
        justify-self:stretch!important;
    }
}
@media(max-width:980px){
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-top-actions{
        grid-template-columns:minmax(0,1fr) 52px 52px!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-profile-button{
        width:52px!important;
        min-width:52px!important;
        grid-template-columns:36px!important;
        justify-content:center!important;
        padding:6px!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-text,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-caret{
        display:none!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-command-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
}
@media(max-width:680px){
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero,
    html body .cha-pcm-shortcode-root .ks-clean-staff header.ksc-dashboard-hero,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-header.ksc-dashboard-hero{
        padding:20px 16px!important;
        border-radius:24px!important;
        gap:16px!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero h1{
        font-size:25px!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-top-actions{
        grid-template-columns:1fr 50px 50px!important;
        min-height:auto!important;
        padding:7px!important;
        border-radius:20px!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero .ksc-dashboard-search{
        grid-template-columns:30px minmax(0,1fr)!important;
        height:48px!important;
        min-height:48px!important;
        padding:0 8px!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-search-submit{
        position:absolute!important;
        width:1px!important;
        height:1px!important;
        min-width:1px!important;
        min-height:1px!important;
        overflow:hidden!important;
        clip:rect(0 0 0 0)!important;
        white-space:nowrap!important;
        opacity:0!important;
        pointer-events:none!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-notification-wrap,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-notification-wrap .ksc-notification-center,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-notification-wrap .ksc-notification-bell,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-profile-button{
        width:48px!important;
        min-width:48px!important;
        height:48px!important;
        min-height:48px!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-menu,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-notification-wrap .ksc-notification-menu{
        position:fixed!important;
        top:86px!important;
        left:12px!important;
        right:12px!important;
        width:auto!important;
        max-width:none!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-actions{
        display:grid!important;
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:8px!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-actions .ksc-btn{
        width:100%!important;
        min-width:0!important;
        min-height:42px!important;
        padding:10px 8px!important;
        font-size:12px!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-command-grid{
        grid-template-columns:1fr!important;
        gap:12px!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-command-card{
        min-height:112px!important;
        padding:18px!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-grid,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-photo-row{
        grid-template-columns:1fr!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-actions{
        display:grid!important;
        grid-template-columns:1fr!important;
    }
}
@media(max-width:430px){
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-top-actions{
        grid-template-columns:1fr 46px 46px!important;
        gap:6px!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-notification-wrap,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-notification-wrap .ksc-notification-center,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-notification-wrap .ksc-notification-bell,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-profile-button{
        width:46px!important;
        min-width:46px!important;
        height:46px!important;
        min-height:46px!important;
        border-radius:15px!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-avatar{
        width:32px!important;
        height:32px!important;
        min-width:32px!important;
    }
}


/* KS Operations 1.5.75.33 - final dashboard toolbar containment and profile dropdown reset */
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero,
html body .cha-pcm-shortcode-root .ks-clean-staff header.ksc-dashboard-hero,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-header.ksc-dashboard-hero{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:18px!important;
    overflow:visible!important;
    min-height:0!important;
    padding:24px 26px!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero > div:first-child{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-tools{
    position:relative!important;
    z-index:310!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    justify-self:stretch!important;
    align-self:stretch!important;
    overflow:visible!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-top-actions{
    width:100%!important;
    max-width:100%!important;
    grid-template-columns:minmax(280px,1fr) 54px minmax(220px,320px)!important;
    align-items:center!important;
    gap:10px!important;
    overflow:visible!important;
    z-index:350!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-actions{
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:10px!important;
    width:100%!important;
    max-width:100%!important;
    overflow:visible!important;
    margin:0!important;
    transition:opacity .16s ease!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero.is-profile-menu-open .ksc-dashboard-actions{
    opacity:.18!important;
    pointer-events:none!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-actions .ksc-btn{
    min-width:132px!important;
    height:44px!important;
    min-height:44px!important;
    border-radius:15px!important;
    background:#FFFFFF!important;
    color:#0A438E!important;
    border:1px solid #DDEAF8!important;
    box-shadow:none!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-profile-wrap{
    position:relative!important;
    z-index:390!important;
    overflow:visible!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-profile-wrap .ksc-profile-menu{
    position:absolute!important;
    top:calc(100% + 12px)!important;
    right:0!important;
    left:auto!important;
    z-index:999999!important;
    display:block!important;
    width:320px!important;
    max-width:calc(100vw - 34px)!important;
    overflow:hidden!important;
    border:1px solid #D7E6F8!important;
    border-radius:22px!important;
    background:#FFFFFF!important;
    color:#10233F!important;
    box-shadow:0 28px 72px rgba(8,26,58,.20)!important;
    transform:none!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-profile-wrap .ksc-profile-menu[hidden]{
    display:none!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-profile-wrap .ksc-profile-menu-head{
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr)!important;
    align-items:center!important;
    gap:11px!important;
    padding:14px!important;
    border:0!important;
    border-bottom:1px solid #E7EFF9!important;
    border-radius:0!important;
    background:linear-gradient(180deg,#FFFFFF 0%,#F8FBFF 100%)!important;
    color:#10233F!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-profile-wrap .ksc-profile-menu-head strong,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-profile-wrap .ksc-profile-menu-head small{
    display:block!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    color:inherit!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-profile-wrap .ksc-profile-menu-head strong{
    color:#10233F!important;
    font-size:13px!important;
    font-weight:800!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-profile-wrap .ksc-profile-menu-head small{
    margin-top:3px!important;
    color:#718198!important;
    font-size:11.2px!important;
    font-weight:560!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-profile-wrap .ksc-profile-menu button.ksc-profile-menu-item,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-profile-wrap .ksc-profile-menu .ksc-profile-menu-item,
html body .cha-pcm-shortcode-root .ks-clean-staff button.ksc-profile-menu-item:not(.components-button),
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-logout-form button.ksc-profile-menu-item{
    appearance:none!important;
    -webkit-appearance:none!important;
    display:grid!important;
    grid-template-columns:20px minmax(0,1fr)!important;
    align-items:center!important;
    justify-content:stretch!important;
    gap:11px!important;
    width:100%!important;
    height:48px!important;
    min-height:48px!important;
    margin:0!important;
    padding:0 16px!important;
    border:0!important;
    border-bottom:1px solid #EEF4FB!important;
    border-radius:0!important;
    background:#FFFFFF!important;
    background-image:none!important;
    color:#173152!important;
    box-shadow:none!important;
    text-shadow:none!important;
    font-size:13px!important;
    line-height:1!important;
    font-weight:720!important;
    text-align:left!important;
    text-decoration:none!important;
    cursor:pointer!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-profile-wrap .ksc-profile-menu button.ksc-profile-menu-item:hover,
html body .cha-pcm-shortcode-root .ks-clean-staff button.ksc-profile-menu-item:not(.components-button):hover,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-logout-form button.ksc-profile-menu-item:hover{
    background:#F5FAFF!important;
    background-image:none!important;
    color:#0B5FCC!important;
    box-shadow:none!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-profile-wrap .ksc-profile-menu button.ksc-profile-menu-item span,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-logout-form button.ksc-profile-menu-item span{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    color:#0B5FCC!important;
    width:20px!important;
    height:20px!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-profile-wrap .ksc-profile-menu button.ksc-profile-menu-item span svg,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-logout-form button.ksc-profile-menu-item span svg{
    width:17px!important;
    height:17px!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-logout-form{
    display:block!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-profile-wrap .ksc-profile-menu button.ksc-profile-menu-item.is-logout,
html body .cha-pcm-shortcode-root .ks-clean-staff button.ksc-profile-menu-item.is-logout:not(.components-button),
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-logout-form button.ksc-profile-menu-item.is-logout{
    border-bottom:0!important;
    background:#FFFFFF!important;
    color:#B42318!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-profile-wrap .ksc-profile-menu button.ksc-profile-menu-item.is-logout:hover,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-logout-form button.ksc-profile-menu-item.is-logout:hover{
    background:#FFF7F7!important;
    color:#B42318!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-profile-wrap .ksc-profile-menu button.ksc-profile-menu-item.is-logout span,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-logout-form button.ksc-profile-menu-item.is-logout span{
    color:#B42318!important;
}
@media(max-width:1280px){
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-top-actions{
        grid-template-columns:minmax(240px,1fr) 54px minmax(200px,280px)!important;
    }
}
@media(max-width:980px){
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-top-actions{
        grid-template-columns:minmax(0,1fr) 52px 52px!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-profile-button{
        width:52px!important;
        min-width:52px!important;
        grid-template-columns:36px!important;
        justify-content:center!important;
        padding:6px!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-text,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-caret{
        display:none!important;
    }
}
@media(max-width:680px){
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero,
    html body .cha-pcm-shortcode-root .ks-clean-staff header.ksc-dashboard-hero,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-header.ksc-dashboard-hero{
        padding:20px 16px!important;
        gap:15px!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-top-actions{
        grid-template-columns:1fr 48px 48px!important;
        gap:7px!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-actions{
        display:grid!important;
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-actions .ksc-btn{
        width:100%!important;
        min-width:0!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-profile-wrap .ksc-profile-menu,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-notification-wrap .ksc-notification-menu{
        position:fixed!important;
        top:86px!important;
        left:12px!important;
        right:12px!important;
        width:auto!important;
        max-width:none!important;
    }
}


/* KS Operations 1.5.75.34 - production dashboard header reset
   Amaç: kontrol paneli üst alanını tek, temiz ve kurumsal düzene almak. */
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34,
html body .cha-pcm-shortcode-root .ks-clean-staff header.ksc-dashboard-hero-v34,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-header.ksc-dashboard-hero-v34{
    position:relative!important;
    z-index:120!important;
    display:grid!important;
    grid-template-columns:minmax(300px,.72fr) minmax(480px,1fr)!important;
    grid-template-rows:auto auto!important;
    align-items:start!important;
    gap:16px 26px!important;
    width:100%!important;
    min-height:0!important;
    margin:0 0 18px!important;
    padding:24px 26px!important;
    overflow:visible!important;
    border:1px solid #DDE9F7!important;
    border-radius:24px!important;
    background:linear-gradient(180deg,#FFFFFF 0%,#F8FBFF 100%)!important;
    background-image:linear-gradient(180deg,#FFFFFF 0%,#F8FBFF 100%)!important;
    box-shadow:0 18px 42px rgba(15,45,84,.055)!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34:before,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34:after{
    content:none!important;
    display:none!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 > div:first-child{
    grid-column:1!important;
    grid-row:1!important;
    width:100%!important;
    min-width:0!important;
    max-width:640px!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-eyebrow{
    display:inline-flex!important;
    align-items:center!important;
    margin:0 0 9px!important;
    padding:5px 10px!important;
    border-radius:999px!important;
    background:#EEF6FF!important;
    color:#0B5FCC!important;
    font-size:10.5px!important;
    line-height:1!important;
    font-weight:850!important;
    letter-spacing:.14em!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 h1{
    margin:0!important;
    color:#061B3A!important;
    font-size:28px!important;
    line-height:1.14!important;
    font-weight:780!important;
    letter-spacing:-.03em!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 p{
    max-width:690px!important;
    margin:8px 0 0!important;
    color:#53657C!important;
    font-size:13px!important;
    line-height:1.55!important;
    font-weight:500!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-dashboard-hero-tools{
    position:relative!important;
    z-index:420!important;
    grid-column:2!important;
    grid-row:1 / span 2!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    width:100%!important;
    max-width:760px!important;
    min-width:0!important;
    justify-self:end!important;
    align-self:start!important;
    overflow:visible!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-dashboard-top-actions{
    position:relative!important;
    z-index:440!important;
    display:grid!important;
    grid-template-columns:minmax(250px,1fr) 50px minmax(220px,292px)!important;
    align-items:center!important;
    gap:8px!important;
    width:100%!important;
    min-width:0!important;
    min-height:58px!important;
    height:auto!important;
    margin:0!important;
    padding:7px!important;
    overflow:visible!important;
    border:1px solid #DCE8F7!important;
    border-radius:19px!important;
    background:#FFFFFF!important;
    background-image:none!important;
    box-shadow:0 12px 30px rgba(16,48,86,.06)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-dashboard-top-actions:before,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-dashboard-top-actions:after{
    content:none!important;
    display:none!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-dashboard-search{
    display:grid!important;
    grid-template-columns:32px minmax(0,1fr) 64px!important;
    align-items:center!important;
    gap:6px!important;
    width:100%!important;
    min-width:0!important;
    height:44px!important;
    min-height:44px!important;
    margin:0!important;
    padding:0 5px 0 10px!important;
    border:1px solid #EAF1F9!important;
    border-radius:14px!important;
    background:#F8FBFF!important;
    background-image:none!important;
    box-shadow:none!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-dashboard-search-icon{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:32px!important;
    min-width:32px!important;
    height:32px!important;
    color:#0B5FCC!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-dashboard-search-icon svg{
    width:18px!important;
    height:18px!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-dashboard-search input[type="search"]{
    width:100%!important;
    min-width:0!important;
    height:42px!important;
    min-height:42px!important;
    margin:0!important;
    padding:0 5px!important;
    border:0!important;
    outline:0!important;
    background:transparent!important;
    color:#12233F!important;
    box-shadow:none!important;
    font-size:12.6px!important;
    line-height:42px!important;
    font-weight:520!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-dashboard-search input[type="search"]::placeholder{
    color:#8998AA!important;
    opacity:1!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-dashboard-search-submit{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:64px!important;
    min-width:64px!important;
    height:36px!important;
    min-height:36px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:12px!important;
    background:#0B5FCC!important;
    background-image:none!important;
    color:#FFFFFF!important;
    box-shadow:0 10px 20px rgba(11,95,204,.17)!important;
    text-shadow:none!important;
    font-size:12px!important;
    line-height:1!important;
    font-weight:760!important;
    cursor:pointer!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-dashboard-notification-wrap{
    position:relative!important;
    z-index:455!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:50px!important;
    min-width:50px!important;
    height:44px!important;
    min-height:44px!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-dashboard-notification-wrap:before,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-dashboard-notification-wrap:after{
    content:none!important;
    display:none!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-dashboard-notification-wrap .ksc-notification-toolbar{
    display:none!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-dashboard-notification-wrap .ksc-notification-center{
    position:relative!important;
    z-index:456!important;
    width:44px!important;
    height:44px!important;
    overflow:visible!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-dashboard-notification-wrap .ksc-notification-bell{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:44px!important;
    min-width:44px!important;
    height:44px!important;
    min-height:44px!important;
    margin:0!important;
    padding:0!important;
    border:1px solid #DCE8F7!important;
    border-radius:14px!important;
    background:#FFFFFF!important;
    background-image:none!important;
    color:#0B5FCC!important;
    box-shadow:none!important;
    text-shadow:none!important;
    cursor:pointer!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-dashboard-notification-wrap .ksc-notification-bell:hover,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-dashboard-notification-wrap .ksc-notification-bell[aria-expanded="true"]{
    background:#F5FAFF!important;
    color:#0B5FCC!important;
    border-color:#BDD6F5!important;
    box-shadow:none!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-dashboard-notification-wrap .ksc-notification-icon,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-dashboard-notification-wrap .ksc-notification-icon svg{
    width:19px!important;
    height:19px!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-dashboard-notification-wrap .ksc-notification-count{
    top:4px!important;
    right:4px!important;
    min-width:17px!important;
    height:17px!important;
    padding:0 4px!important;
    border:2px solid #FFFFFF!important;
    border-radius:999px!important;
    background:#0B5FCC!important;
    color:#FFFFFF!important;
    box-shadow:0 4px 10px rgba(11,95,204,.25)!important;
    font-size:9.5px!important;
    line-height:13px!important;
    font-weight:850!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-dashboard-notification-wrap .ksc-notification-menu{
    position:absolute!important;
    top:calc(100% + 10px)!important;
    right:0!important;
    left:auto!important;
    width:min(380px,calc(100vw - 42px))!important;
    max-height:min(520px,calc(100dvh - 120px))!important;
    overflow:hidden!important;
    z-index:999998!important;
    border:1px solid #D8E6F6!important;
    border-radius:20px!important;
    background:#FFFFFF!important;
    background-image:none!important;
    box-shadow:0 24px 64px rgba(8,26,58,.19)!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-dashboard-profile-wrap{
    position:relative!important;
    z-index:465!important;
    display:block!important;
    width:100%!important;
    min-width:0!important;
    height:44px!important;
    min-height:44px!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 button.ksc-dashboard-profile-button,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-dashboard-profile-button,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-dashboard-profile-wrap .ksc-dashboard-profile-button[aria-expanded="false"],
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-dashboard-profile-wrap .ksc-dashboard-profile-button[aria-expanded="true"]{
    appearance:none!important;
    -webkit-appearance:none!important;
    position:relative!important;
    z-index:466!important;
    display:grid!important;
    grid-template-columns:34px minmax(0,1fr) 16px!important;
    align-items:center!important;
    justify-content:stretch!important;
    gap:9px!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:44px!important;
    min-height:44px!important;
    margin:0!important;
    padding:5px 10px 5px 5px!important;
    border:1px solid #DCE8F7!important;
    border-radius:14px!important;
    outline:0!important;
    background:#FFFFFF!important;
    background-color:#FFFFFF!important;
    background-image:none!important;
    color:#10233F!important;
    box-shadow:none!important;
    text-shadow:none!important;
    text-align:left!important;
    text-decoration:none!important;
    cursor:pointer!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 button.ksc-dashboard-profile-button:hover,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-dashboard-profile-button:hover,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-dashboard-profile-button:focus,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-dashboard-profile-button[aria-expanded="true"]{
    background:#F7FAFF!important;
    background-color:#F7FAFF!important;
    background-image:none!important;
    color:#10233F!important;
    border-color:#BBD5F4!important;
    box-shadow:none!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-profile-avatar{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:32px!important;
    min-width:32px!important;
    height:32px!important;
    min-height:32px!important;
    margin:0!important;
    border:1px solid #D6E7F8!important;
    border-radius:999px!important;
    background:linear-gradient(135deg,#EAF4FF,#DCEBFD)!important;
    color:#0B5FCC!important;
    box-shadow:none!important;
    overflow:hidden!important;
    font-size:12px!important;
    font-weight:850!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-profile-avatar img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-profile-text{
    display:block!important;
    min-width:0!important;
    color:inherit!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-profile-text strong{
    display:block!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    margin:0!important;
    color:#10233F!important;
    font-size:12.2px!important;
    line-height:1.15!important;
    font-weight:800!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-profile-text small{
    display:block!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    margin:2px 0 0!important;
    color:#66758C!important;
    font-size:10.2px!important;
    line-height:1.15!important;
    font-weight:620!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-profile-caret{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:16px!important;
    height:16px!important;
    color:#728198!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-profile-caret svg{
    width:15px!important;
    height:15px!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-dashboard-profile-wrap .ksc-profile-menu{
    position:absolute!important;
    top:calc(100% + 10px)!important;
    right:0!important;
    left:auto!important;
    z-index:999999!important;
    display:block!important;
    width:300px!important;
    max-width:calc(100vw - 36px)!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    border:1px solid #D8E6F6!important;
    border-radius:20px!important;
    background:#FFFFFF!important;
    background-color:#FFFFFF!important;
    background-image:none!important;
    color:#10233F!important;
    box-shadow:0 24px 64px rgba(8,26,58,.19)!important;
    transform:none!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-dashboard-profile-wrap .ksc-profile-menu[hidden]{
    display:none!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-profile-menu-head{
    display:grid!important;
    grid-template-columns:40px minmax(0,1fr)!important;
    align-items:center!important;
    gap:10px!important;
    margin:0!important;
    padding:13px!important;
    border:0!important;
    border-bottom:1px solid #E6EEF8!important;
    border-radius:0!important;
    background:#FAFCFF!important;
    background-color:#FAFCFF!important;
    background-image:none!important;
    color:#10233F!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-profile-menu-head strong,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-profile-menu-head small{
    display:block!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-profile-menu-head strong{
    color:#10233F!important;
    font-size:13px!important;
    line-height:1.2!important;
    font-weight:800!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-profile-menu-head small{
    margin-top:3px!important;
    color:#6D7D93!important;
    font-size:11px!important;
    line-height:1.2!important;
    font-weight:560!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-profile-menu .ksc-profile-menu-item,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-profile-menu button.ksc-profile-menu-item,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-profile-logout-form button.ksc-profile-menu-item{
    appearance:none!important;
    -webkit-appearance:none!important;
    display:grid!important;
    grid-template-columns:20px minmax(0,1fr)!important;
    align-items:center!important;
    justify-content:stretch!important;
    gap:10px!important;
    width:100%!important;
    height:46px!important;
    min-height:46px!important;
    margin:0!important;
    padding:0 15px!important;
    border:0!important;
    border-bottom:1px solid #EEF4FB!important;
    border-radius:0!important;
    outline:0!important;
    background:#FFFFFF!important;
    background-color:#FFFFFF!important;
    background-image:none!important;
    color:#173152!important;
    box-shadow:none!important;
    text-shadow:none!important;
    text-align:left!important;
    text-decoration:none!important;
    font-size:12.8px!important;
    line-height:1!important;
    font-weight:720!important;
    cursor:pointer!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-profile-menu .ksc-profile-menu-item:hover,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-profile-menu button.ksc-profile-menu-item:hover,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-profile-logout-form button.ksc-profile-menu-item:hover{
    background:#F5FAFF!important;
    background-color:#F5FAFF!important;
    background-image:none!important;
    color:#0B5FCC!important;
    box-shadow:none!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-profile-menu .ksc-profile-menu-item span{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:20px!important;
    height:20px!important;
    color:#0B5FCC!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-profile-logout-form{
    display:block!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-profile-menu button.ksc-profile-menu-item.is-logout,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-profile-logout-form button.ksc-profile-menu-item.is-logout{
    border-bottom:0!important;
    background:#FFFFFF!important;
    background-color:#FFFFFF!important;
    color:#B42318!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-profile-menu button.ksc-profile-menu-item.is-logout:hover,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-profile-logout-form button.ksc-profile-menu-item.is-logout:hover{
    background:#FFF7F7!important;
    color:#B42318!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-profile-menu button.ksc-profile-menu-item.is-logout span{
    color:#B42318!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-dashboard-actions{
    grid-column:1!important;
    grid-row:2!important;
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:9px!important;
    width:100%!important;
    max-width:650px!important;
    min-width:0!important;
    margin:2px 0 0!important;
    padding:0!important;
    overflow:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34.is-profile-menu-open .ksc-dashboard-actions{
    opacity:1!important;
    pointer-events:auto!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-dashboard-actions .ksc-btn{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    width:auto!important;
    min-width:118px!important;
    height:40px!important;
    min-height:40px!important;
    margin:0!important;
    padding:0 15px!important;
    border:1px solid #DCE8F7!important;
    border-radius:14px!important;
    background:#FFFFFF!important;
    background-image:none!important;
    color:#0A4C9B!important;
    box-shadow:none!important;
    text-shadow:none!important;
    font-size:12px!important;
    line-height:1!important;
    font-weight:760!important;
    text-decoration:none!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-dashboard-actions .ksc-btn:hover{
    background:#F5FAFF!important;
    color:#0B5FCC!important;
    border-color:#BBD5F4!important;
    box-shadow:none!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-dashboard-actions .ksc-btn span{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:18px!important;
    height:18px!important;
    border-radius:999px!important;
    background:#EEF6FF!important;
    color:#0B5FCC!important;
    font-size:11px!important;
    line-height:18px!important;
    font-weight:800!important;
}
@media(max-width:1280px){
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34,
    html body .cha-pcm-shortcode-root .ks-clean-staff header.ksc-dashboard-hero-v34,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-header.ksc-dashboard-hero-v34{
        grid-template-columns:1fr!important;
        grid-template-rows:auto auto auto!important;
        gap:15px!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 > div:first-child,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-dashboard-hero-tools,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-dashboard-actions{
        grid-column:1!important;
        max-width:100%!important;
        justify-self:stretch!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-dashboard-hero-tools{
        grid-row:2!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-dashboard-actions{
        grid-row:3!important;
    }
}
@media(max-width:920px){
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-dashboard-top-actions{
        grid-template-columns:minmax(0,1fr) 48px 48px!important;
        gap:7px!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 button.ksc-dashboard-profile-button,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-dashboard-profile-button{
        width:48px!important;
        min-width:48px!important;
        height:44px!important;
        grid-template-columns:32px!important;
        justify-content:center!important;
        padding:5px!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-profile-text,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-profile-caret{
        display:none!important;
    }
}
@media(max-width:680px){
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34,
    html body .cha-pcm-shortcode-root .ks-clean-staff header.ksc-dashboard-hero-v34,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-header.ksc-dashboard-hero-v34{
        padding:18px 14px!important;
        border-radius:20px!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 h1{
        font-size:24px!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-dashboard-search{
        grid-template-columns:28px minmax(0,1fr) 56px!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-dashboard-search-submit{
        width:56px!important;
        min-width:56px!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-dashboard-actions{
        display:grid!important;
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:8px!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-dashboard-actions .ksc-btn{
        width:100%!important;
        min-width:0!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-dashboard-profile-wrap .ksc-profile-menu,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-dashboard-notification-wrap .ksc-notification-menu{
        position:fixed!important;
        top:78px!important;
        left:12px!important;
        right:12px!important;
        width:auto!important;
        max-width:none!important;
    }
}


/* KS Operations 1.5.75.35 final toolbar/profile/notification patch */
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-dashboard-top-actions{border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;grid-template-columns:minmax(340px,1fr) 52px minmax(320px,370px)!important;gap:12px!important;overflow:visible!important;}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-dashboard-search{height:52px!important;min-height:52px!important;border:1px solid #DCE8F7!important;border-radius:17px!important;background:#fff!important;box-shadow:0 10px 24px rgba(16,48,86,.045)!important;}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-dashboard-profile-wrap{height:52px!important;min-height:52px!important;border:0!important;background:transparent!important;overflow:visible!important;}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 button.ksc-dashboard-profile-button{height:52px!important;min-height:52px!important;border:1px solid #DCE8F7!important;border-radius:17px!important;background:#fff!important;color:#10233F!important;box-shadow:0 10px 24px rgba(16,48,86,.045)!important;grid-template-columns:38px minmax(0,1fr) 18px!important;padding:7px 12px 7px 7px!important;}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-dashboard-notification-wrap .ksc-notification-menu:not([hidden]),
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-dashboard-profile-wrap .ksc-profile-menu:not([hidden]){display:block!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;z-index:2000002!important;}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-tabs{display:flex!important;gap:8px!important;margin:0 0 16px!important;padding:4px!important;border:1px solid #E1ECF8!important;border-radius:16px!important;background:#F8FBFF!important;}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-tab{appearance:none!important;border:0!important;border-radius:12px!important;background:transparent!important;color:#53657C!important;cursor:pointer!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;height:38px!important;padding:0 14px!important;font-size:12.2px!important;font-weight:800!important;box-shadow:none!important;}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-tab.is-active{background:#fff!important;color:#0B5FCC!important;box-shadow:0 8px 20px rgba(16,48,86,.08)!important;}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-panel[hidden]{display:none!important;}
@media(max-width:920px){html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-dashboard-top-actions{grid-template-columns:minmax(0,1fr) 50px 50px!important;}html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 button.ksc-dashboard-profile-button{width:50px!important;min-width:50px!important;grid-template-columns:36px!important;padding:7px!important;}html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-profile-text,html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-profile-caret{display:none!important;}}


/* KS Operations 1.5.75.36 - Mobile dashboard refinement + unread-only notification tray */
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-notification-item.is-read{display:none!important;}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-notification-menu-head button[hidden]{display:none!important;}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-notification-empty{padding:22px 16px!important;text-align:center!important;color:#6B7C92!important;font-size:12.8px!important;font-weight:650!important;background:#F8FBFF!important;border:1px dashed #D8E6F6!important;border-radius:16px!important;margin:8px!important;}

@media(max-width:680px){
    html body.ks-staff-portal-page .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal]{background:#F4F8FC!important;}
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-mobile-topbar{height:auto!important;min-height:0!important;margin:10px 12px 12px!important;padding:10px 12px!important;border-radius:18px!important;box-shadow:0 12px 28px rgba(14,37,70,.07)!important;}
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-mobile-title span{letter-spacing:.22em!important;font-size:9px!important;color:#58708D!important;}
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-mobile-title strong{font-size:15px!important;line-height:1.1!important;}
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-mobile-menu-button,html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] button.ksc-mobile-menu-button:not(.components-button){height:42px!important;min-height:42px!important;padding:0 16px!important;border-radius:15px!important;font-size:12px!important;font-weight:780!important;}
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-main{padding:0 12px 24px!important;}
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-notice{margin:0 0 12px!important;padding:13px 14px!important;border-radius:17px!important;font-size:12.5px!important;}
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34,html body .cha-pcm-shortcode-root .ks-clean-staff header.ksc-dashboard-hero-v34,html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-header.ksc-dashboard-hero-v34{display:block!important;margin:0 0 14px!important;padding:18px 16px 16px!important;border-radius:22px!important;background:#FFFFFF!important;box-shadow:0 18px 44px rgba(12,39,78,.07)!important;overflow:visible!important;}
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-eyebrow{font-size:10px!important;letter-spacing:.22em!important;margin-bottom:6px!important;}
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 h1{font-size:23px!important;line-height:1.12!important;margin:0 0 8px!important;}
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 p{font-size:13px!important;line-height:1.52!important;margin:0 0 16px!important;color:#475A73!important;}
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-dashboard-hero-tools{display:block!important;width:100%!important;max-width:100%!important;}
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-dashboard-top-actions{display:grid!important;grid-template-columns:minmax(0,1fr) 48px 48px!important;gap:8px!important;align-items:center!important;width:100%!important;margin:0 0 14px!important;padding:0!important;background:transparent!important;box-shadow:none!important;border:0!important;}
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-dashboard-search{height:48px!important;min-height:48px!important;grid-template-columns:36px minmax(0,1fr)!important;padding:0 12px!important;border-radius:16px!important;box-shadow:0 10px 24px rgba(16,48,86,.045)!important;}
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-dashboard-search-icon{width:24px!important;height:24px!important;}
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-dashboard-search input[type="search"]{font-size:12.5px!important;min-width:0!important;padding:0!important;}
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-dashboard-search-submit{display:none!important;}
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-dashboard-notification-wrap,html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-dashboard-notification-wrap .ksc-notification-center,html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-dashboard-notification-wrap .ksc-notification-bell{width:48px!important;min-width:48px!important;height:48px!important;min-height:48px!important;border-radius:16px!important;}
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 button.ksc-dashboard-profile-button{width:48px!important;min-width:48px!important;height:48px!important;min-height:48px!important;padding:7px!important;border-radius:16px!important;grid-template-columns:34px!important;justify-content:center!important;}
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-profile-avatar{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;}
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-profile-text,html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-profile-caret{display:none!important;}
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-dashboard-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;margin:0!important;max-width:none!important;width:100%!important;}
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-dashboard-actions .ksc-btn{height:42px!important;min-height:42px!important;min-width:0!important;width:100%!important;padding:0 10px!important;border-radius:15px!important;font-size:12px!important;}
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-stat-grid,html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-metric-grid{gap:12px!important;}
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-stat-card,html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-card{border-radius:20px!important;}
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-dashboard-notification-wrap .ksc-notification-menu{position:fixed!important;top:auto!important;left:12px!important;right:12px!important;bottom:14px!important;width:auto!important;max-width:none!important;max-height:min(68dvh,560px)!important;border-radius:24px!important;box-shadow:0 28px 70px rgba(8,26,58,.24)!important;z-index:2000004!important;}
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-notification-menu-head{padding:14px 14px 10px!important;align-items:center!important;}
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-notification-menu-head strong{font-size:14.5px!important;}
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-notification-menu-head span{font-size:11.5px!important;}
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-notification-menu-head button{height:34px!important;padding:0 11px!important;font-size:11px!important;}
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-notification-list{max-height:calc(68dvh - 74px)!important;padding:8px!important;}
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-notification-item{grid-template-columns:8px minmax(0,1fr)!important;padding:12px 11px!important;border-radius:16px!important;margin-bottom:8px!important;}
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-notification-copy strong{font-size:12.8px!important;}
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-notification-copy em{font-size:11.8px!important;line-height:1.42!important;}
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-notification-copy small{font-size:10.7px!important;margin-top:5px!important;}
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-dashboard-profile-wrap .ksc-profile-menu{position:fixed!important;top:auto!important;left:12px!important;right:12px!important;bottom:14px!important;width:auto!important;max-width:none!important;border-radius:22px!important;z-index:2000005!important;}
}

/* KS Operations 1.5.75.38 - Mobile profile/menu sheet simplification */
@media (max-width:680px){
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal]{
        padding-left:12px!important;
        padding-right:12px!important;
        padding-bottom:88px!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-main{
        padding:0!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34,
    html body .cha-pcm-shortcode-root .ks-clean-staff header.ksc-dashboard-hero-v34,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-header.ksc-dashboard-hero-v34{
        margin:0 0 14px!important;
        padding:17px 16px 16px!important;
        border-radius:22px!important;
        background:#FFFFFF!important;
        box-shadow:0 14px 34px rgba(12,39,78,.055)!important;
        overflow:visible!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-eyebrow{
        padding:4px 9px!important;
        font-size:9.5px!important;
        letter-spacing:.22em!important;
        margin-bottom:7px!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 h1{
        font-size:21px!important;
        line-height:1.12!important;
        margin:0 0 8px!important;
        letter-spacing:-.025em!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 p{
        font-size:12.6px!important;
        line-height:1.48!important;
        margin:0 0 14px!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-dashboard-top-actions{
        display:grid!important;
        grid-template-columns:minmax(0,1fr) 46px 46px!important;
        gap:8px!important;
        margin:0 0 12px!important;
        padding:0!important;
        min-height:46px!important;
        border:0!important;
        border-radius:0!important;
        background:transparent!important;
        box-shadow:none!important;
        overflow:visible!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-dashboard-search{
        height:46px!important;
        min-height:46px!important;
        grid-template-columns:30px minmax(0,1fr)!important;
        padding:0 11px!important;
        border:1px solid #DCE8F7!important;
        border-radius:16px!important;
        background:#FFFFFF!important;
        box-shadow:none!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-dashboard-search input[type="search"]{
        height:44px!important;
        min-height:44px!important;
        line-height:44px!important;
        font-size:12px!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-dashboard-search input[type="search"]::placeholder{
        color:#8A9BB2!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-dashboard-search-submit{
        display:none!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-dashboard-notification-wrap,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-dashboard-profile-wrap{
        position:relative!important;
        width:46px!important;
        min-width:46px!important;
        height:46px!important;
        min-height:46px!important;
        overflow:visible!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-dashboard-notification-wrap,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-dashboard-notification-wrap .ksc-notification-center,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-dashboard-notification-wrap .ksc-notification-bell,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 button.ksc-dashboard-profile-button{
        width:46px!important;
        min-width:46px!important;
        height:46px!important;
        min-height:46px!important;
        border-radius:16px!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 button.ksc-dashboard-profile-button{
        padding:6px!important;
        grid-template-columns:32px!important;
        justify-content:center!important;
        border:1px solid #DCE8F7!important;
        background:#FFFFFF!important;
        box-shadow:none!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-profile-avatar{
        width:32px!important;
        min-width:32px!important;
        height:32px!important;
        min-height:32px!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-profile-text,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-profile-caret{
        display:none!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-dashboard-actions{
        display:grid!important;
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:8px!important;
        margin:0!important;
        width:100%!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-dashboard-actions .ksc-btn{
        height:40px!important;
        min-height:40px!important;
        padding:0 9px!important;
        border-radius:14px!important;
        font-size:12px!important;
        font-weight:760!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-dashboard-actions .ksc-btn span{
        width:16px!important;
        height:16px!important;
        font-size:10px!important;
    }

    /* Mobile popovers must open near the icons, not as a bulky bottom sheet. */
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-dashboard-profile-wrap{
        z-index:2000010!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-dashboard-notification-wrap{
        z-index:2000009!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-dashboard-profile-wrap .ksc-profile-menu{
        position:absolute!important;
        top:54px!important;
        right:0!important;
        left:auto!important;
        bottom:auto!important;
        width:min(270px,calc(100vw - 38px))!important;
        max-width:calc(100vw - 38px)!important;
        max-height:none!important;
        border-radius:18px!important;
        box-shadow:0 22px 52px rgba(8,26,58,.18)!important;
        z-index:2000011!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-menu-head{
        display:none!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-menu-item{
        height:46px!important;
        min-height:46px!important;
        grid-template-columns:18px minmax(0,1fr)!important;
        gap:10px!important;
        padding:0 14px!important;
        font-size:12.7px!important;
        font-weight:780!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-menu-item span svg{
        width:16px!important;
        height:16px!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-dashboard-notification-wrap .ksc-notification-menu{
        position:absolute!important;
        top:54px!important;
        right:-54px!important;
        left:auto!important;
        bottom:auto!important;
        width:min(342px,calc(100vw - 38px))!important;
        max-width:calc(100vw - 38px)!important;
        max-height:min(54dvh,420px)!important;
        border-radius:20px!important;
        box-shadow:0 22px 52px rgba(8,26,58,.19)!important;
        z-index:2000010!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-notification-list{
        max-height:calc(min(54dvh,420px) - 66px)!important;
        padding:7px!important;
        overflow:auto!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-notification-menu-head{
        padding:12px 12px 9px!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-notification-menu-head strong{
        font-size:13.5px!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-notification-menu-head span{
        font-size:11px!important;
    }

    /* Profile edit modal: clean mobile sheet, no visual collision with the mobile header/browser bar. */
    html body.ksc-profile-modal-open{
        overflow:hidden!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-modal{
        position:fixed!important;
        inset:0!important;
        display:flex!important;
        align-items:flex-start!important;
        justify-content:center!important;
        padding:14px 12px 92px!important;
        overflow:auto!important;
        -webkit-overflow-scrolling:touch!important;
        z-index:2000020!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-modal-backdrop{
        position:fixed!important;
        inset:0!important;
        background:rgba(8,26,58,.48)!important;
        backdrop-filter:blur(10px)!important;
        -webkit-backdrop-filter:blur(10px)!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-dialog{
        position:relative!important;
        width:100%!important;
        max-width:440px!important;
        max-height:none!important;
        min-height:auto!important;
        margin:0 auto!important;
        padding:18px 16px 16px!important;
        border-radius:22px!important;
        border:1px solid #DDE9F7!important;
        background:#FFFFFF!important;
        box-shadow:0 24px 64px rgba(8,26,58,.25)!important;
        overflow:visible!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-dialog .ksc-eyebrow{
        display:none!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-dialog h2{
        margin:0 44px 6px 0!important;
        font-size:21px!important;
        line-height:1.18!important;
        letter-spacing:-.02em!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-dialog > p{
        margin:0 0 14px!important;
        font-size:12.5px!important;
        line-height:1.45!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-modal-close{
        top:12px!important;
        right:12px!important;
        width:34px!important;
        height:34px!important;
        border-radius:12px!important;
        font-size:18px!important;
        z-index:3!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-tabs{
        display:grid!important;
        grid-template-columns:1fr 1fr!important;
        gap:4px!important;
        margin:0 0 14px!important;
        padding:4px!important;
        border-radius:15px!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-tab{
        height:36px!important;
        min-height:36px!important;
        padding:0 8px!important;
        border-radius:12px!important;
        font-size:12px!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-panel[hidden]{
        display:none!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-photo-row{
        display:grid!important;
        grid-template-columns:60px minmax(0,1fr)!important;
        gap:12px!important;
        align-items:center!important;
        margin:0 0 14px!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-avatar.is-large{
        width:60px!important;
        min-width:60px!important;
        height:60px!important;
        min-height:60px!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-grid{
        display:grid!important;
        grid-template-columns:1fr!important;
        gap:10px!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-form label span{
        margin-bottom:5px!important;
        font-size:11.4px!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-form input{
        height:44px!important;
        min-height:44px!important;
        border-radius:14px!important;
        font-size:12.8px!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-form input[type="file"]{
        height:auto!important;
        min-height:42px!important;
        padding:10px!important;
        font-size:12px!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-form small{
        font-size:10.8px!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-security-box{
        margin:0!important;
        padding:13px!important;
        border-radius:17px!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-actions{
        position:sticky!important;
        bottom:0!important;
        display:grid!important;
        grid-template-columns:1fr!important;
        gap:8px!important;
        margin:14px -2px 0!important;
        padding-top:10px!important;
        background:linear-gradient(180deg,rgba(255,255,255,.80),#FFFFFF 34%)!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-actions .ksc-btn{
        width:100%!important;
        min-height:42px!important;
        border-radius:14px!important;
    }
}

@media (max-width:390px){
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34,
    html body .cha-pcm-shortcode-root .ks-clean-staff header.ksc-dashboard-hero-v34,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-header.ksc-dashboard-hero-v34{
        padding:16px 14px 14px!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-dashboard-top-actions{
        grid-template-columns:minmax(0,1fr) 44px 44px!important;
        gap:7px!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-dashboard-notification-wrap,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-dashboard-profile-wrap,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-dashboard-notification-wrap .ksc-notification-center,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-dashboard-notification-wrap .ksc-notification-bell,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 button.ksc-dashboard-profile-button{
        width:44px!important;
        min-width:44px!important;
        height:44px!important;
        min-height:44px!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-profile-avatar{
        width:30px!important;
        min-width:30px!important;
        height:30px!important;
        min-height:30px!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-photo-row{
        grid-template-columns:1fr!important;
    }
}



/* KS Operations 1.5.75.38 - Mobile profile modal hard reset
   Root cause fixed: profile dialog is portalled to <body>, so it no longer collides
   with the staff mobile topbar or dashboard stacking contexts. */
html body.ksc-profile-modal-open,
html.ksc-profile-modal-open{
    overflow:hidden!important;
}
html body > .ksc-profile-modal[hidden]{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
}
html body > .ksc-profile-modal,
html body > .ksc-profile-modal.ksc-profile-modal--ported{
    position:fixed!important;
    inset:0!important;
    z-index:2147483000!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:22px!important;
    overflow:auto!important;
    -webkit-overflow-scrolling:touch!important;
    box-sizing:border-box!important;
    isolation:isolate!important;
}
html body > .ksc-profile-modal .ksc-profile-modal-backdrop{
    position:fixed!important;
    inset:0!important;
    z-index:0!important;
    background:rgba(8,26,58,.52)!important;
    backdrop-filter:blur(12px)!important;
    -webkit-backdrop-filter:blur(12px)!important;
}
html body > .ksc-profile-modal .ksc-profile-dialog{
    position:relative!important;
    z-index:2!important;
    width:min(720px,calc(100vw - 32px))!important;
    max-height:calc(100dvh - 44px)!important;
    overflow:auto!important;
    -webkit-overflow-scrolling:touch!important;
    border:1px solid #DDE9F7!important;
    border-radius:26px!important;
    background:#FFFFFF!important;
    box-shadow:0 34px 96px rgba(8,26,58,.30)!important;
    padding:26px!important;
    box-sizing:border-box!important;
}
html body > .ksc-profile-modal .ksc-profile-modal-close{
    position:absolute!important;
    top:16px!important;
    right:16px!important;
    z-index:5!important;
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    min-height:38px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0!important;
    border:1px solid #DDE9F7!important;
    border-radius:14px!important;
    background:#FFFFFF!important;
    color:#42536B!important;
    font-size:22px!important;
    line-height:1!important;
    box-shadow:none!important;
    cursor:pointer!important;
}
html body > .ksc-profile-modal .ksc-profile-panel[hidden]{display:none!important;}
html body > .ksc-profile-modal .ksc-profile-panel.is-active{display:block!important;}
html body > .ksc-profile-modal .ksc-profile-tab.is-active{
    background:#FFFFFF!important;
    color:#0B5FCC!important;
    box-shadow:0 8px 20px rgba(16,48,86,.08)!important;
}
html body > .ksc-profile-modal .ksc-profile-panel:not(.is-active)[hidden]{display:none!important;}

@media(max-width:680px){
    html body.ksc-profile-modal-open .cha-pcm-shortcode-root .ks-clean-staff .ksc-mobile-topbar,
    html body.ksc-profile-modal-open .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34,
    html body.ksc-profile-modal-open .cha-pcm-shortcode-root .ks-clean-staff .ksc-command-grid,
    html body.ksc-profile-modal-open .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-grid{
        pointer-events:none!important;
    }
    html body > .ksc-profile-modal,
    html body > .ksc-profile-modal.ksc-profile-modal--ported{
        display:block!important;
        padding:0!important;
        overflow:hidden!important;
        background:rgba(8,26,58,.50)!important;
    }
    html body > .ksc-profile-modal[hidden]{display:none!important;}
    html body > .ksc-profile-modal .ksc-profile-modal-backdrop{
        position:absolute!important;
        inset:0!important;
        background:rgba(8,26,58,.50)!important;
        backdrop-filter:blur(10px)!important;
        -webkit-backdrop-filter:blur(10px)!important;
    }
    html body > .ksc-profile-modal .ksc-profile-dialog{
        position:fixed!important;
        inset:0!important;
        width:100vw!important;
        max-width:none!important;
        height:100dvh!important;
        min-height:100dvh!important;
        max-height:100dvh!important;
        margin:0!important;
        padding:calc(18px + env(safe-area-inset-top)) 18px calc(22px + env(safe-area-inset-bottom))!important;
        border:0!important;
        border-radius:0!important;
        background:#FFFFFF!important;
        box-shadow:none!important;
        overflow:auto!important;
        -webkit-overflow-scrolling:touch!important;
        overscroll-behavior:contain!important;
    }
    html body > .ksc-profile-modal .ksc-profile-dialog .ksc-eyebrow{
        display:inline-flex!important;
        margin:0 48px 8px 0!important;
        padding:5px 10px!important;
        border-radius:999px!important;
        background:#EEF6FF!important;
        color:#0B5FCC!important;
        font-size:9.5px!important;
        line-height:1!important;
        font-weight:850!important;
        letter-spacing:.20em!important;
    }
    html body > .ksc-profile-modal .ksc-profile-dialog h2{
        margin:0 48px 6px 0!important;
        color:#061B3A!important;
        font-size:24px!important;
        line-height:1.15!important;
        font-weight:820!important;
        letter-spacing:-.025em!important;
    }
    html body > .ksc-profile-modal .ksc-profile-dialog > p{
        margin:0 0 16px!important;
        color:#53657C!important;
        font-size:13px!important;
        line-height:1.48!important;
        font-weight:500!important;
    }
    html body > .ksc-profile-modal .ksc-profile-modal-close{
        top:calc(14px + env(safe-area-inset-top))!important;
        right:14px!important;
        width:42px!important;
        height:42px!important;
        min-width:42px!important;
        min-height:42px!important;
        border-radius:15px!important;
        background:#F8FBFF!important;
        color:#10233F!important;
        font-size:24px!important;
    }
    /* Mobile: dropdown already separates Profile and Security, so hide tabs to remove confusion. */
    html body > .ksc-profile-modal .ksc-profile-tabs{
        display:none!important;
    }
    html body > .ksc-profile-modal .ksc-profile-photo-row{
        display:grid!important;
        grid-template-columns:64px minmax(0,1fr)!important;
        gap:13px!important;
        align-items:center!important;
        margin:0 0 16px!important;
        padding:12px!important;
        border:1px solid #E5EFFB!important;
        border-radius:18px!important;
        background:#F8FBFF!important;
    }
    html body > .ksc-profile-modal .ksc-profile-avatar.is-large{
        width:64px!important;
        min-width:64px!important;
        height:64px!important;
        min-height:64px!important;
        border-radius:18px!important;
    }
    html body > .ksc-profile-modal .ksc-profile-grid{
        display:grid!important;
        grid-template-columns:1fr!important;
        gap:12px!important;
    }
    html body > .ksc-profile-modal .ksc-profile-form label span{
        margin:0 0 6px!important;
        color:#12233F!important;
        font-size:11.8px!important;
        line-height:1.25!important;
        font-weight:850!important;
    }
    html body > .ksc-profile-modal .ksc-profile-form input{
        width:100%!important;
        height:46px!important;
        min-height:46px!important;
        padding:0 13px!important;
        border:1px solid #DCE8F7!important;
        border-radius:15px!important;
        background:#FFFFFF!important;
        color:#061B3A!important;
        font-size:13px!important;
        box-shadow:none!important;
        box-sizing:border-box!important;
    }
    html body > .ksc-profile-modal .ksc-profile-form input[type="file"]{
        height:auto!important;
        min-height:44px!important;
        padding:11px!important;
        line-height:1.25!important;
    }
    html body > .ksc-profile-modal .ksc-profile-form small{
        display:block!important;
        margin-top:6px!important;
        color:#718198!important;
        font-size:11px!important;
        line-height:1.35!important;
    }
    html body > .ksc-profile-modal .ksc-profile-security-box{
        margin:0!important;
        padding:16px!important;
        border:1px solid #E2ECF8!important;
        border-radius:20px!important;
        background:#F8FBFF!important;
    }
    html body > .ksc-profile-modal .ksc-profile-security-box > strong{
        display:block!important;
        margin-bottom:5px!important;
        color:#061B3A!important;
        font-size:15px!important;
        font-weight:850!important;
    }
    html body > .ksc-profile-modal .ksc-profile-security-box > small{
        display:block!important;
        margin:0 0 14px!important;
        color:#53657C!important;
        font-size:12.2px!important;
        line-height:1.45!important;
    }
    html body > .ksc-profile-modal .ksc-profile-actions{
        position:sticky!important;
        bottom:0!important;
        display:grid!important;
        grid-template-columns:1fr!important;
        gap:9px!important;
        margin:18px -2px 0!important;
        padding:12px 0 0!important;
        background:linear-gradient(180deg,rgba(255,255,255,.76),#FFFFFF 42%)!important;
        z-index:4!important;
    }
    html body > .ksc-profile-modal .ksc-profile-actions .ksc-btn{
        width:100%!important;
        min-height:46px!important;
        border-radius:15px!important;
        justify-content:center!important;
    }
}


/* KS Operations 1.5.75.40 - Mobile dashboard search functional reset */
@media (max-width:680px){
  html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-dashboard-search{display:grid!important;grid-template-columns:28px minmax(0,1fr) 44px!important;align-items:center!important;gap:5px!important;height:46px!important;min-height:46px!important;padding:0 4px 0 10px!important;border-radius:16px!important;overflow:hidden!important;touch-action:manipulation!important;}
  html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-dashboard-search-icon{width:28px!important;min-width:28px!important;height:44px!important;cursor:pointer!important;pointer-events:auto!important;}
  html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-dashboard-search input[type="search"]{min-width:0!important;width:100%!important;height:44px!important;min-height:44px!important;line-height:44px!important;padding:0!important;font-size:12px!important;-webkit-appearance:none!important;appearance:none!important;}
  html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-dashboard-search-submit{display:flex!important;align-items:center!important;justify-content:center!important;width:44px!important;min-width:44px!important;height:38px!important;min-height:38px!important;margin:0!important;padding:0!important;border:0!important;border-radius:13px!important;background:#0B5FCC!important;color:#FFFFFF!important;box-shadow:none!important;font-size:11.2px!important;line-height:1!important;font-weight:850!important;cursor:pointer!important;pointer-events:auto!important;-webkit-tap-highlight-color:transparent!important;}
}
@media (max-width:390px){
  html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-dashboard-search{grid-template-columns:25px minmax(0,1fr) 40px!important;gap:4px!important;padding:0 4px 0 9px!important;}
  html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 .ksc-dashboard-search-submit{width:40px!important;min-width:40px!important;height:36px!important;min-height:36px!important;border-radius:12px!important;font-size:10.8px!important;}
}


/* KS Operations 1.5.75.41 - Mobile header alignment reset
   Root cause: older mobile patches used different gutters for .ksc-mobile-topbar,
   .ksc-main and the dashboard hero. This made the top header look slightly shifted.
   All mobile dashboard blocks now share one exact gutter/width model. */
@media (max-width:680px){
    html body.ks-staff-portal-page,
    html body.ks-staff-portal-page .site,
    html body.ks-staff-portal-page .site-content,
    html body.ks-staff-portal-page .entry-content,
    html body.ks-staff-portal-page .cha-pcm-shortcode-root{
        overflow-x:hidden!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal]{
        --ksc-mobile-gutter:16px;
        display:block!important;
        width:100%!important;
        max-width:480px!important;
        min-width:0!important;
        margin:0 auto 80px!important;
        padding:12px var(--ksc-mobile-gutter) 92px!important;
        box-sizing:border-box!important;
        background:#F4F8FC!important;
        overflow-x:hidden!important;
        transform:none!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] *,
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] *::before,
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] *::after{
        box-sizing:border-box!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-mobile-topbar,
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-main,
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-main > .ksc-notice,
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-dashboard-hero-v34,
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] header.ksc-dashboard-hero-v34,
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-header.ksc-dashboard-hero-v34,
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-stat-grid,
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-metric-grid,
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-dashboard-grid,
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-command-grid{
        width:100%!important;
        max-width:100%!important;
        min-width:0!important;
        margin-left:0!important;
        margin-right:0!important;
        box-sizing:border-box!important;
        transform:none!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-mobile-topbar{
        display:flex!important;
        align-items:center!important;
        justify-content:space-between!important;
        gap:12px!important;
        min-height:58px!important;
        margin-top:0!important;
        margin-bottom:14px!important;
        padding:10px 12px 10px 14px!important;
        border:1px solid #E1EBF7!important;
        border-radius:20px!important;
        background:#FFFFFF!important;
        box-shadow:0 12px 28px rgba(12,39,78,.06)!important;
        overflow:hidden!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-mobile-title{
        display:block!important;
        min-width:0!important;
        flex:1 1 auto!important;
        order:1!important;
        text-align:left!important;
        padding:0!important;
        margin:0!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-mobile-title span,
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-mobile-title strong{
        display:block!important;
        overflow:hidden!important;
        text-overflow:ellipsis!important;
        white-space:nowrap!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-mobile-title span{
        margin:0 0 3px!important;
        color:#56708D!important;
        font-size:9px!important;
        line-height:1!important;
        font-weight:850!important;
        letter-spacing:.24em!important;
        text-transform:uppercase!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-mobile-title strong{
        color:#061B3A!important;
        font-size:15px!important;
        line-height:1.12!important;
        font-weight:820!important;
        letter-spacing:-.01em!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-mobile-menu-button,
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] button.ksc-mobile-menu-button:not(.components-button){
        order:2!important;
        flex:0 0 auto!important;
        min-width:98px!important;
        height:44px!important;
        min-height:44px!important;
        margin:0!important;
        padding:0 16px!important;
        border:0!important;
        border-radius:16px!important;
        background:#0B5FCC!important;
        color:#FFFFFF!important;
        box-shadow:0 10px 22px rgba(11,95,204,.18)!important;
        text-align:center!important;
        justify-content:center!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-mobile-menu-button span{display:none!important;}
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-main{
        display:block!important;
        padding:0!important;
        border-radius:0!important;
        background:transparent!important;
        overflow:visible!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-main > .ksc-notice{
        margin-top:0!important;
        margin-bottom:14px!important;
        padding:13px 14px!important;
        border-radius:18px!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-dashboard-hero-v34,
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] header.ksc-dashboard-hero-v34,
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-header.ksc-dashboard-hero-v34{
        display:block!important;
        margin-top:0!important;
        margin-bottom:14px!important;
        padding:16px 14px 15px!important;
        border:1px solid #E1EBF7!important;
        border-radius:22px!important;
        background:#FFFFFF!important;
        box-shadow:0 14px 36px rgba(12,39,78,.055)!important;
        overflow:visible!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-dashboard-hero-v34 .ksc-eyebrow{
        margin:0 0 7px!important;
        padding:4px 9px!important;
        font-size:9.5px!important;
        line-height:1!important;
        letter-spacing:.22em!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-dashboard-hero-v34 h1{
        margin:0 0 8px!important;
        font-size:21px!important;
        line-height:1.12!important;
        letter-spacing:-.025em!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-dashboard-hero-v34 p{
        margin:0 0 14px!important;
        font-size:12.6px!important;
        line-height:1.48!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-dashboard-hero-v34 .ksc-dashboard-hero-tools,
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-dashboard-hero-v34 .ksc-dashboard-top-actions,
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-dashboard-hero-v34 .ksc-dashboard-actions{
        width:100%!important;
        max-width:100%!important;
        min-width:0!important;
        margin-left:0!important;
        margin-right:0!important;
        box-sizing:border-box!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-dashboard-hero-v34 .ksc-dashboard-top-actions{
        display:grid!important;
        grid-template-columns:minmax(0,1fr) 46px 46px!important;
        gap:8px!important;
        align-items:center!important;
        margin-top:0!important;
        margin-bottom:12px!important;
        padding:0!important;
        min-height:46px!important;
        border:0!important;
        border-radius:0!important;
        background:transparent!important;
        box-shadow:none!important;
        overflow:visible!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-dashboard-hero-v34 .ksc-dashboard-actions{
        display:grid!important;
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:8px!important;
        margin-top:0!important;
        margin-bottom:0!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-dashboard-hero-v34 .ksc-dashboard-actions .ksc-btn{
        width:100%!important;
        min-width:0!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-stat-grid,
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-metric-grid,
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-dashboard-grid,
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-command-grid{
        gap:12px!important;
    }
}
@media (max-width:390px){
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal]{
        --ksc-mobile-gutter:12px;
        padding-top:10px!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-mobile-topbar{
        min-height:56px!important;
        padding:9px 10px 9px 12px!important;
        border-radius:19px!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-mobile-menu-button,
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] button.ksc-mobile-menu-button:not(.components-button){
        min-width:92px!important;
        height:42px!important;
        min-height:42px!important;
        border-radius:15px!important;
        padding:0 14px!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-dashboard-hero-v34,
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] header.ksc-dashboard-hero-v34,
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-header.ksc-dashboard-hero-v34{
        padding:15px 13px 14px!important;
        border-radius:21px!important;
    }
}


/* KS Operations 1.5.75.42 - Mobile command topbar: search, notifications, profile, menu */
@media (max-width: 680px){
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal]{
        --ksc-mobile-gutter:14px;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-mobile-topbar{
        position:relative!important;
        display:flex!important;
        align-items:center!important;
        justify-content:space-between!important;
        gap:10px!important;
        width:100%!important;
        min-height:66px!important;
        margin:0 0 14px!important;
        padding:11px 12px 11px 14px!important;
        border:1px solid #E1EBF7!important;
        border-radius:22px!important;
        background:#FFFFFF!important;
        overflow:visible!important;
        box-shadow:0 14px 34px rgba(12,39,78,.065)!important;
        z-index:900!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-mobile-title{
        flex:1 1 auto!important;
        min-width:0!important;
        margin:0!important;
        padding:0!important;
        text-align:left!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-mobile-title span{
        display:block!important;
        margin:0 0 3px!important;
        color:#5E728E!important;
        font-size:9px!important;
        line-height:1!important;
        font-weight:850!important;
        letter-spacing:.28em!important;
        text-transform:uppercase!important;
        white-space:nowrap!important;
        overflow:hidden!important;
        text-overflow:ellipsis!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-mobile-title strong{
        display:block!important;
        color:#071C3B!important;
        font-size:17px!important;
        line-height:1.08!important;
        font-weight:850!important;
        letter-spacing:-.025em!important;
        white-space:nowrap!important;
        overflow:hidden!important;
        text-overflow:ellipsis!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-mobile-actions{
        position:relative!important;
        flex:0 0 auto!important;
        display:flex!important;
        align-items:center!important;
        justify-content:flex-end!important;
        gap:6px!important;
        min-width:0!important;
        margin:0!important;
        padding:0!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-mobile-search-wrap,
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-mobile-notification-wrap,
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-mobile-profile-wrap{
        position:relative!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        width:40px!important;
        height:40px!important;
        min-width:40px!important;
        overflow:visible!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-mobile-icon-button,
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-mobile-menu-button,
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] button.ksc-mobile-menu-button:not(.components-button),
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-mobile-notification-wrap .ksc-notification-bell{
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        width:40px!important;
        min-width:40px!important;
        max-width:40px!important;
        height:40px!important;
        min-height:40px!important;
        max-height:40px!important;
        margin:0!important;
        padding:0!important;
        border:1px solid #DCE8F7!important;
        border-radius:14px!important;
        background:#FFFFFF!important;
        background-image:none!important;
        color:#0B5FCC!important;
        box-shadow:0 8px 18px rgba(12,39,78,.045)!important;
        text-align:center!important;
        cursor:pointer!important;
        overflow:hidden!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-mobile-menu-button,
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] button.ksc-mobile-menu-button:not(.components-button){
        position:static!important;
        flex:0 0 40px!important;
        order:0!important;
        background:#0B5FCC!important;
        color:#FFFFFF!important;
        border-color:#0B5FCC!important;
        box-shadow:0 10px 22px rgba(11,95,204,.18)!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-mobile-menu-button span,
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] button.ksc-mobile-menu-button:not(.components-button) span{
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        width:20px!important;
        height:20px!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-mobile-menu-button strong,
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] button.ksc-mobile-menu-button:not(.components-button) strong{
        display:none!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-mobile-icon-button svg,
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-mobile-menu-button svg,
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-mobile-notification-wrap .ksc-notification-icon svg{
        width:19px!important;
        height:19px!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-mobile-profile-toggle .ksc-profile-avatar,
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-mobile-profile-toggle .ksc-profile-avatar img{
        width:30px!important;
        height:30px!important;
        min-width:30px!important;
        border-radius:999px!important;
        object-fit:cover!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-mobile-notification-wrap .ksc-notification-center{
        display:block!important;
        position:relative!important;
        width:40px!important;
        height:40px!important;
        overflow:visible!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-mobile-notification-wrap .ksc-notification-count{
        top:-4px!important;
        right:-4px!important;
        min-width:17px!important;
        height:17px!important;
        padding:0 4px!important;
        border:2px solid #FFFFFF!important;
        border-radius:999px!important;
        font-size:9.5px!important;
        line-height:13px!important;
        font-weight:850!important;
        background:#0B5FCC!important;
        color:#FFFFFF!important;
        box-shadow:0 5px 12px rgba(11,95,204,.24)!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-dashboard-hero-v34 .ksc-dashboard-top-actions{
        display:none!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-dashboard-hero-v34{
        padding-top:18px!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-mobile-search-panel,
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-mobile-profile-menu,
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-mobile-notification-wrap .ksc-notification-menu{
        position:absolute!important;
        top:calc(100% + 12px)!important;
        right:0!important;
        left:auto!important;
        z-index:2000010!important;
        border:1px solid #D8E6F6!important;
        border-radius:20px!important;
        background:#FFFFFF!important;
        box-shadow:0 22px 58px rgba(8,26,58,.19)!important;
        overflow:hidden!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-mobile-search-panel[hidden],
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-mobile-profile-menu[hidden],
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-mobile-notification-wrap .ksc-notification-menu[hidden]{
        display:none!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-mobile-search-panel{
        left:auto!important;
        right:-138px!important;
        width:min(390px,calc(100vw - 28px))!important;
        min-height:58px!important;
        display:grid!important;
        grid-template-columns:22px minmax(0,1fr) 56px!important;
        gap:9px!important;
        align-items:center!important;
        padding:9px 10px 9px 13px!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-mobile-search-panel span,
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-mobile-search-panel span svg{
        width:19px!important;
        height:19px!important;
        color:#0B5FCC!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-mobile-search-panel input[type="search"]{
        width:100%!important;
        min-width:0!important;
        height:40px!important;
        margin:0!important;
        padding:0!important;
        border:0!important;
        outline:0!important;
        background:transparent!important;
        color:#10233F!important;
        font-size:13px!important;
        font-weight:650!important;
        box-shadow:none!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-mobile-search-panel button[type="submit"]{
        width:56px!important;
        height:40px!important;
        min-height:40px!important;
        margin:0!important;
        padding:0!important;
        border:0!important;
        border-radius:14px!important;
        background:#0B5FCC!important;
        color:#FFFFFF!important;
        font-size:12px!important;
        font-weight:800!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-mobile-profile-menu{
        width:min(330px,calc(100vw - 28px))!important;
        padding:0!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-mobile-profile-menu .ksc-profile-menu-head{
        display:flex!important;
        align-items:center!important;
        gap:11px!important;
        padding:14px!important;
        border-bottom:1px solid #EEF3FA!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-mobile-profile-menu .ksc-profile-menu-head strong,
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-mobile-profile-menu .ksc-profile-menu-head small{
        display:block!important;
        max-width:220px!important;
        overflow:hidden!important;
        text-overflow:ellipsis!important;
        white-space:nowrap!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-mobile-profile-menu .ksc-profile-menu-item{
        display:flex!important;
        align-items:center!important;
        gap:11px!important;
        width:100%!important;
        min-height:48px!important;
        padding:0 14px!important;
        border:0!important;
        border-bottom:1px solid #EEF3FA!important;
        background:#FFFFFF!important;
        color:#10233F!important;
        font-size:13.5px!important;
        font-weight:760!important;
        text-align:left!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-mobile-profile-menu .ksc-profile-menu-item.is-logout{
        color:#C62828!important;
        border-bottom:0!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-mobile-notification-wrap .ksc-notification-menu{
        width:min(360px,calc(100vw - 28px))!important;
        max-height:min(64dvh,520px)!important;
        right:-92px!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-mobile-notification-wrap .ksc-notification-list{
        max-height:calc(64dvh - 70px)!important;
        overflow:auto!important;
        padding:8px!important;
    }
}
@media (max-width: 390px){
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-mobile-topbar{
        gap:8px!important;
        padding:10px 10px 10px 12px!important;
        border-radius:20px!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-mobile-actions{gap:5px!important;}
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-mobile-search-wrap,
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-mobile-notification-wrap,
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-mobile-profile-wrap,
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-mobile-icon-button,
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-mobile-menu-button,
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] button.ksc-mobile-menu-button:not(.components-button),
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-mobile-notification-wrap .ksc-notification-center,
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-mobile-notification-wrap .ksc-notification-bell{
        width:38px!important;
        min-width:38px!important;
        max-width:38px!important;
        height:38px!important;
        min-height:38px!important;
        max-height:38px!important;
        border-radius:13px!important;
        flex-basis:38px!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-mobile-title strong{font-size:16px!important;}
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-mobile-search-panel{right:-129px!important;width:calc(100vw - 24px)!important;}
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] .ksc-mobile-notification-wrap .ksc-notification-menu{right:-87px!important;width:calc(100vw - 24px)!important;}
}



/* v1.5.75.45 — Staff users profile photo and manager-editable contact fields */
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-staff-user-card__top{
    align-items:center!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-staff-user-identity{
    display:flex!important;
    align-items:center!important;
    gap:14px!important;
    min-width:0!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-staff-avatar{
    width:52px!important;
    min-width:52px!important;
    height:52px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
    border-radius:18px!important;
    border:1px solid #dbeafe!important;
    background:linear-gradient(135deg,#eef6ff,#f8fbff)!important;
    color:#0b5fcc!important;
    font-size:15px!important;
    font-weight:800!important;
    box-shadow:0 10px 24px rgba(15,55,105,.055)!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-staff-avatar img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    display:block!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-staff-user-summary{
    min-width:0!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-staff-user-summary strong,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-staff-user-summary span,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-staff-user-summary small{
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-staff-user-edit-form,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-user-form--create{
    grid-template-columns:repeat(4,minmax(0,1fr)) minmax(120px,auto)!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-staff-user-edit-form .ksc-staff-photo-field,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-user-form--create .ksc-staff-photo-field{
    grid-column:span 2!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-staff-photo-field input[type="file"]{
    min-height:44px!important;
    padding:10px 12px!important;
    border:1px solid #dbe7f5!important;
    border-radius:13px!important;
    background:#fff!important;
    color:#475467!important;
    font-size:12.5px!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-staff-photo-field small{
    color:#74839a!important;
    font-size:11.5px!important;
    line-height:1.35!important;
}
@media(max-width:1180px){
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-staff-user-edit-form,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-user-form--create{
        grid-template-columns:1fr 1fr!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-staff-user-edit-form .ksc-staff-photo-field,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-user-form--create .ksc-staff-photo-field{
        grid-column:span 2!important;
    }
}
@media(max-width:720px){
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-staff-user-card__top{
        display:flex!important;
        align-items:flex-start!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-staff-user-identity{
        align-items:flex-start!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-staff-avatar{
        width:46px!important;
        min-width:46px!important;
        height:46px!important;
        border-radius:16px!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-staff-user-edit-form .ksc-staff-photo-field,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-user-form--create .ksc-staff-photo-field{
        grid-column:auto!important;
    }
}


/* KS Operations 1.5.75.46 - Desktop account/profile modal production reset
   Fix: modal is portalled to <body>, so all account center styles must be global. */
html body > .ksc-profile-modal,
html body > .ksc-profile-modal *{
    box-sizing:border-box!important;
}
html body > .ksc-profile-modal .ksc-profile-dialog{
    width:min(760px, calc(100vw - 56px))!important;
    max-height:calc(100dvh - 56px)!important;
    padding:0!important;
    border:1px solid #DDE9F7!important;
    border-radius:28px!important;
    overflow:auto!important;
    background:#FFFFFF!important;
    box-shadow:0 36px 110px rgba(8,26,58,.28)!important;
}
html body > .ksc-profile-modal .ksc-profile-dialog::before{
    content:""!important;
    position:absolute!important;
    inset:0 0 auto 0!important;
    height:128px!important;
    border-radius:28px 28px 0 0!important;
    background:linear-gradient(135deg,#F8FBFF 0%,#FFFFFF 58%,#EEF6FF 100%)!important;
    pointer-events:none!important;
    z-index:-1!important;
}
html body > .ksc-profile-modal .ksc-profile-dialog > .ksc-eyebrow,
html body > .ksc-profile-modal .ksc-profile-dialog > h2,
html body > .ksc-profile-modal .ksc-profile-dialog > p,
html body > .ksc-profile-modal .ksc-profile-tabs,
html body > .ksc-profile-modal .ksc-profile-form{
    margin-left:32px!important;
    margin-right:32px!important;
}
html body > .ksc-profile-modal .ksc-profile-dialog > .ksc-eyebrow{
    display:inline-flex!important;
    align-items:center!important;
    width:auto!important;
    margin-top:28px!important;
    margin-bottom:8px!important;
    padding:6px 11px!important;
    border-radius:999px!important;
    background:#EDF5FF!important;
    color:#0B5FCC!important;
    font-size:10px!important;
    line-height:1!important;
    font-weight:850!important;
    letter-spacing:.18em!important;
    text-transform:uppercase!important;
}
html body > .ksc-profile-modal .ksc-profile-dialog h2{
    margin-top:0!important;
    margin-bottom:6px!important;
    max-width:560px!important;
    color:#071B3A!important;
    font-size:31px!important;
    line-height:1.05!important;
    font-weight:850!important;
    letter-spacing:-.035em!important;
}
html body > .ksc-profile-modal .ksc-profile-dialog > p{
    margin-top:0!important;
    margin-bottom:20px!important;
    max-width:620px!important;
    color:#5F7089!important;
    font-size:13.5px!important;
    line-height:1.5!important;
    font-weight:520!important;
}
html body > .ksc-profile-modal .ksc-profile-modal-close{
    top:22px!important;
    right:22px!important;
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    min-height:38px!important;
    border-radius:14px!important;
    border:1px solid #DDE9F7!important;
    background:#FFFFFF!important;
    color:#3E516B!important;
    box-shadow:0 10px 26px rgba(8,26,58,.08)!important;
    font-size:22px!important;
    font-weight:600!important;
}
html body > .ksc-profile-modal .ksc-profile-tabs{
    display:inline-grid!important;
    grid-template-columns:repeat(2, minmax(150px, 1fr))!important;
    gap:6px!important;
    width:auto!important;
    min-width:330px!important;
    margin-top:0!important;
    margin-bottom:22px!important;
    padding:5px!important;
    border:1px solid #DDE9F7!important;
    border-radius:999px!important;
    background:#F8FBFF!important;
    box-shadow:none!important;
}
html body > .ksc-profile-modal .ksc-profile-tab{
    height:38px!important;
    min-height:38px!important;
    padding:0 18px!important;
    border:0!important;
    border-radius:999px!important;
    background:transparent!important;
    color:#0B3B78!important;
    font-size:13px!important;
    font-weight:780!important;
    line-height:1!important;
    cursor:pointer!important;
    box-shadow:none!important;
    white-space:nowrap!important;
}
html body > .ksc-profile-modal .ksc-profile-tab.is-active,
html body > .ksc-profile-modal .ksc-profile-tab[aria-selected="true"]{
    background:#0B5FCC!important;
    color:#FFFFFF!important;
    box-shadow:0 10px 22px rgba(11,95,204,.18)!important;
}
html body > .ksc-profile-modal .ksc-profile-form{
    display:block!important;
    margin-bottom:30px!important;
}
html body > .ksc-profile-modal .ksc-profile-panel[hidden]{display:none!important;}
html body > .ksc-profile-modal .ksc-profile-panel.is-active{display:block!important;}
html body > .ksc-profile-modal .ksc-profile-photo-row{
    display:grid!important;
    grid-template-columns:88px minmax(0,1fr)!important;
    gap:16px!important;
    align-items:center!important;
    margin:0 0 18px!important;
    padding:16px!important;
    border:1px solid #E2ECF8!important;
    border-radius:22px!important;
    background:linear-gradient(180deg,#FFFFFF,#F8FBFF)!important;
}
html body > .ksc-profile-modal .ksc-profile-avatar,
html body > .ksc-profile-modal .ksc-profile-avatar.is-large{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:82px!important;
    height:82px!important;
    min-width:82px!important;
    min-height:82px!important;
    max-width:82px!important;
    max-height:82px!important;
    border-radius:22px!important;
    overflow:hidden!important;
    background:linear-gradient(135deg,#0B5FCC,#6EB6FF)!important;
    color:#FFFFFF!important;
    font-size:25px!important;
    font-weight:850!important;
    line-height:1!important;
    box-shadow:0 16px 34px rgba(11,95,204,.16)!important;
}
html body > .ksc-profile-modal .ksc-profile-avatar img,
html body > .ksc-profile-modal .ksc-profile-avatar.is-large img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-width:100%!important;
    min-height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    object-fit:cover!important;
    border-radius:inherit!important;
}
html body > .ksc-profile-modal .ksc-profile-grid{
    display:grid!important;
    grid-template-columns:repeat(2, minmax(0,1fr))!important;
    gap:14px!important;
}
html body > .ksc-profile-modal .ksc-profile-form label{
    display:block!important;
    min-width:0!important;
    margin:0!important;
    color:#071B3A!important;
}
html body > .ksc-profile-modal .ksc-profile-form label span{
    display:block!important;
    margin:0 0 7px!important;
    color:#162A49!important;
    font-size:11.8px!important;
    line-height:1.2!important;
    font-weight:850!important;
    letter-spacing:.01em!important;
}
html body > .ksc-profile-modal .ksc-profile-form input,
html body > .ksc-profile-modal .ksc-profile-form select,
html body > .ksc-profile-modal .ksc-profile-form textarea{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    height:46px!important;
    min-height:46px!important;
    margin:0!important;
    padding:0 14px!important;
    border:1px solid #DCE8F7!important;
    border-radius:15px!important;
    background:#FFFFFF!important;
    color:#071B3A!important;
    font-size:13px!important;
    line-height:46px!important;
    box-shadow:none!important;
    outline:none!important;
    -webkit-appearance:none!important;
    appearance:none!important;
}
html body > .ksc-profile-modal .ksc-profile-form input:focus,
html body > .ksc-profile-modal .ksc-profile-form select:focus,
html body > .ksc-profile-modal .ksc-profile-form textarea:focus{
    border-color:#8DBDFF!important;
    box-shadow:0 0 0 4px rgba(11,95,204,.08)!important;
}
html body > .ksc-profile-modal .ksc-profile-form input[readonly]{
    background:#F7FAFE!important;
    color:#586A84!important;
}
html body > .ksc-profile-modal .ksc-profile-form input[type="file"]{
    height:auto!important;
    min-height:46px!important;
    line-height:1.25!important;
    padding:11px 12px!important;
    border-style:dashed!important;
    cursor:pointer!important;
}
html body > .ksc-profile-modal .ksc-profile-form small{
    display:block!important;
    margin-top:7px!important;
    color:#72829A!important;
    font-size:11.2px!important;
    line-height:1.35!important;
    font-weight:500!important;
}
html body > .ksc-profile-modal .ksc-profile-security-box{
    display:block!important;
    margin:0!important;
    padding:18px!important;
    border:1px solid #E2ECF8!important;
    border-radius:22px!important;
    background:linear-gradient(180deg,#FFFFFF,#F8FBFF)!important;
}
html body > .ksc-profile-modal .ksc-profile-security-box > strong{
    display:block!important;
    margin:0 0 6px!important;
    color:#071B3A!important;
    font-size:15px!important;
    line-height:1.25!important;
    font-weight:850!important;
}
html body > .ksc-profile-modal .ksc-profile-security-box > small{
    display:block!important;
    margin:0 0 16px!important;
    color:#5F7089!important;
    font-size:12.4px!important;
    line-height:1.45!important;
    font-weight:500!important;
}
html body > .ksc-profile-modal .ksc-profile-actions{
    display:flex!important;
    justify-content:flex-end!important;
    align-items:center!important;
    gap:10px!important;
    margin:20px 0 0!important;
    padding-top:18px!important;
    border-top:1px solid #E9F1FA!important;
}
html body > .ksc-profile-modal .ksc-profile-actions .ksc-btn,
html body > .ksc-profile-modal .ksc-profile-actions button{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:132px!important;
    min-height:44px!important;
    padding:0 18px!important;
    border-radius:15px!important;
    border:1px solid #DDE9F7!important;
    font-size:13px!important;
    font-weight:820!important;
    line-height:1!important;
    cursor:pointer!important;
    text-decoration:none!important;
    box-shadow:none!important;
}
html body > .ksc-profile-modal .ksc-profile-actions .ksc-btn--primary,
html body > .ksc-profile-modal .ksc-profile-actions button[type="submit"]{
    border-color:#0B5FCC!important;
    background:#0B5FCC!important;
    color:#FFFFFF!important;
    box-shadow:0 14px 28px rgba(11,95,204,.18)!important;
}
html body > .ksc-profile-modal .ksc-profile-actions .ksc-btn--soft,
html body > .ksc-profile-modal .ksc-profile-actions button[type="button"]{
    background:#F4F8FE!important;
    color:#0B3B78!important;
}
@media (min-width:681px){
    html body > .ksc-profile-modal .ksc-profile-dialog::-webkit-scrollbar{width:8px!important;}
    html body > .ksc-profile-modal .ksc-profile-dialog::-webkit-scrollbar-thumb{background:#D8E6F6!important;border-radius:999px!important;}
    html body > .ksc-profile-modal .ksc-profile-dialog::-webkit-scrollbar-track{background:transparent!important;}
}
@media (max-width:680px){
    html body > .ksc-profile-modal .ksc-profile-dialog{
        width:100vw!important;
        max-width:none!important;
        max-height:100dvh!important;
        padding:calc(18px + env(safe-area-inset-top)) 18px calc(22px + env(safe-area-inset-bottom))!important;
        border-radius:0!important;
    }
    html body > .ksc-profile-modal .ksc-profile-dialog::before{display:none!important;}
    html body > .ksc-profile-modal .ksc-profile-dialog > .ksc-eyebrow,
    html body > .ksc-profile-modal .ksc-profile-dialog > h2,
    html body > .ksc-profile-modal .ksc-profile-dialog > p,
    html body > .ksc-profile-modal .ksc-profile-tabs,
    html body > .ksc-profile-modal .ksc-profile-form{
        margin-left:0!important;
        margin-right:0!important;
    }
    html body > .ksc-profile-modal .ksc-profile-tabs{display:none!important;}
    html body > .ksc-profile-modal .ksc-profile-photo-row{
        grid-template-columns:64px minmax(0,1fr)!important;
        gap:13px!important;
        padding:12px!important;
        border-radius:18px!important;
    }
    html body > .ksc-profile-modal .ksc-profile-avatar,
    html body > .ksc-profile-modal .ksc-profile-avatar.is-large{
        width:64px!important;
        height:64px!important;
        min-width:64px!important;
        min-height:64px!important;
        max-width:64px!important;
        max-height:64px!important;
        border-radius:18px!important;
        font-size:20px!important;
    }
    html body > .ksc-profile-modal .ksc-profile-grid{
        grid-template-columns:1fr!important;
        gap:12px!important;
    }
    html body > .ksc-profile-modal .ksc-profile-dialog h2{
        font-size:24px!important;
        margin-right:48px!important;
    }
    html body > .ksc-profile-modal .ksc-profile-dialog > p{
        font-size:13px!important;
    }
    html body > .ksc-profile-modal .ksc-profile-actions{
        position:sticky!important;
        bottom:0!important;
        display:grid!important;
        grid-template-columns:1fr!important;
        gap:9px!important;
        margin-top:18px!important;
        padding-top:12px!important;
        background:linear-gradient(180deg,rgba(255,255,255,.78),#FFFFFF 44%)!important;
        z-index:4!important;
    }
    html body > .ksc-profile-modal .ksc-profile-actions .ksc-btn,
    html body > .ksc-profile-modal .ksc-profile-actions button{
        width:100%!important;
        min-width:0!important;
        min-height:46px!important;
    }
}


/* KS Operations 1.5.75.47 - Staff user/profile country-city selectors */
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-location-field select,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-form .ksc-location-field select,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-user-form .ksc-location-field select{
    width:100%!important;
    min-width:0!important;
    height:46px!important;
    border-radius:14px!important;
    border:1px solid rgba(15,23,42,.12)!important;
    background:#fff!important;
    color:#0f172a!important;
    font-size:13px!important;
    font-weight:520!important;
    padding:0 38px 0 14px!important;
    box-shadow:0 10px 24px rgba(15,23,42,.035)!important;
    appearance:auto!important;
    -webkit-appearance:menulist!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-location-field select:disabled,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-form .ksc-location-field select:disabled,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-user-form .ksc-location-field select:disabled{
    color:#94a3b8!important;
    background:#f8fafc!important;
    cursor:not-allowed!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-location-field select:focus,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-form .ksc-location-field select:focus,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-user-form .ksc-location-field select:focus{
    outline:none!important;
    border-color:rgba(11,95,204,.48)!important;
    box-shadow:0 0 0 4px rgba(11,95,204,.09)!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-user-form--create .ksc-location-field,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-staff-user-edit-form .ksc-location-field{
    min-width:0!important;
}


/* KS Operations 1.5.75.62 – Garanti bank manual match UI */
.ksc-bank-mail-row.is-attention{border-color:#f1c27d!important;background:#fffaf2!important;}
.ksc-bank-manual-match-form{margin-top:12px!important;padding:12px!important;border:1px solid #e9d8b7!important;border-radius:14px!important;background:#fff!important;}
.ksc-bank-manual-match-grid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)!important;gap:10px!important;}
.ksc-bank-manual-match-form textarea{min-height:62px!important;}
@media(max-width:760px){.ksc-bank-manual-match-grid{grid-template-columns:1fr!important}.ksc-bank-manual-match-form .ksc-actionbar{justify-content:stretch!important}.ksc-bank-manual-match-form .ksc-btn{width:100%!important}}

/* KS Operations 1.5.75.101 — [ks_application_page] select/button parity
   Scope: only the application form select controls. Keeps workflow, case ID,
   payment redirect, mail flow and partner logic untouched. */
html body [data-ks-application-page="1"] .ks-application-form-wrap .fluentform select,
html body [data-ks-application-page="1"] .ks-application-form-wrap select.ff-el-form-control,
html body .cha-pcm-shortcode-root [data-ks-application-page="1"] .ks-application-form-wrap .fluentform select,
html body .cha-pcm-shortcode-root [data-ks-application-page="1"] .ks-application-form-wrap select.ff-el-form-control {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 52px !important;
    min-height: 52px !important;
    line-height: 1.25 !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 0 46px 0 14px !important;
    border: 1px solid #d6e3f3 !important;
    border-radius: 16px !important;
    background-color: #fbfdff !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%2364758B' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 16px center !important;
    background-size: 14px 14px !important;
    color: #10233f !important;
    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 520 !important;
    letter-spacing: -0.006em !important;
    box-shadow: none !important;
    cursor: pointer !important;
}
html body [data-ks-application-page="1"] .ks-application-form-wrap .fluentform select:hover,
html body [data-ks-application-page="1"] .ks-application-form-wrap select.ff-el-form-control:hover,
html body .cha-pcm-shortcode-root [data-ks-application-page="1"] .ks-application-form-wrap .fluentform select:hover,
html body .cha-pcm-shortcode-root [data-ks-application-page="1"] .ks-application-form-wrap select.ff-el-form-control:hover {
    border-color: #bfd4ec !important;
    background-color: #ffffff !important;
}
html body [data-ks-application-page="1"] .ks-application-form-wrap .fluentform select:focus,
html body [data-ks-application-page="1"] .ks-application-form-wrap select.ff-el-form-control:focus,
html body .cha-pcm-shortcode-root [data-ks-application-page="1"] .ks-application-form-wrap .fluentform select:focus,
html body .cha-pcm-shortcode-root [data-ks-application-page="1"] .ks-application-form-wrap select.ff-el-form-control:focus {
    outline: 0 !important;
    border-color: #1264a8 !important;
    background-color: #ffffff !important;
    box-shadow: 0 0 0 4px rgba(18, 100, 168, .10) !important;
}
html body [data-ks-application-page="1"] .ks-application-form-wrap .fluentform select:disabled,
html body [data-ks-application-page="1"] .ks-application-form-wrap select.ff-el-form-control:disabled,
html body .cha-pcm-shortcode-root [data-ks-application-page="1"] .ks-application-form-wrap .fluentform select:disabled,
html body .cha-pcm-shortcode-root [data-ks-application-page="1"] .ks-application-form-wrap select.ff-el-form-control:disabled {
    cursor: not-allowed !important;
    color: #8a99ad !important;
    background-color: #f6f9fc !important;
}
html body [data-ks-application-page="1"] .ks-application-form-wrap .fluentform select::-ms-expand,
html body [data-ks-application-page="1"] .ks-application-form-wrap select.ff-el-form-control::-ms-expand,
html body .cha-pcm-shortcode-root [data-ks-application-page="1"] .ks-application-form-wrap .fluentform select::-ms-expand,
html body .cha-pcm-shortcode-root [data-ks-application-page="1"] .ks-application-form-wrap select.ff-el-form-control::-ms-expand {
    display: none !important;
}
html body [data-ks-application-page="1"] .ks-application-form-wrap .fluentform select option,
html body [data-ks-application-page="1"] .ks-application-form-wrap select.ff-el-form-control option,
html body .cha-pcm-shortcode-root [data-ks-application-page="1"] .ks-application-form-wrap .fluentform select option,
html body .cha-pcm-shortcode-root [data-ks-application-page="1"] .ks-application-form-wrap select.ff-el-form-control option {
    color: #10233f !important;
    background: #ffffff !important;
    font-size: 14px !important;
    font-weight: 500 !important;
}
@media (max-width: 760px) {
    html body [data-ks-application-page="1"] .ks-application-form-wrap .fluentform select,
    html body [data-ks-application-page="1"] .ks-application-form-wrap select.ff-el-form-control,
    html body .cha-pcm-shortcode-root [data-ks-application-page="1"] .ks-application-form-wrap .fluentform select,
    html body .cha-pcm-shortcode-root [data-ks-application-page="1"] .ks-application-form-wrap select.ff-el-form-control {
        height: 48px !important;
        min-height: 48px !important;
        border-radius: 14px !important;
        font-size: 13.5px !important;
        padding-left: 13px !important;
        padding-right: 42px !important;
        background-position: right 14px center !important;
    }
}

/* KS Operations 1.5.75.111 — Application form native select cleanup
   No custom dropdown layer. Fluent Forms native select remains the only visible control. */
html body [data-ks-application-page="1"] .ks-application-form-wrap .ff-el-input--content > select.ff-el-form-control,
html body [data-ks-application-page="1"] .ks-application-form-wrap select.ff-el-form-control,
html body .cha-pcm-shortcode-root [data-ks-application-page="1"] .ks-application-form-wrap .ff-el-input--content > select.ff-el-form-control,
html body .cha-pcm-shortcode-root [data-ks-application-page="1"] .ks-application-form-wrap select.ff-el-form-control{
    display:block!important;
    visibility:visible!important;
    position:static!important;
    left:auto!important;
    top:auto!important;
    z-index:auto!important;
    width:100%!important;
    max-width:100%!important;
    height:48px!important;
    min-height:48px!important;
    margin:0!important;
    padding:0 42px 0 14px!important;
    border:1px solid #cfe0f2!important;
    border-radius:14px!important;
    background-color:#fff!important;
    color:#173152!important;
    font-family:inherit!important;
    font-size:13px!important;
    font-weight:600!important;
    line-height:48px!important;
    opacity:1!important;
    overflow:visible!important;
    pointer-events:auto!important;
    box-shadow:none!important;
    clip:auto!important;
    clip-path:none!important;
    appearance:auto!important;
    -webkit-appearance:auto!important;
}
html body [data-ks-application-page="1"] .ks-application-form-wrap .select2,
html body [data-ks-application-page="1"] .ks-application-form-wrap .select2-container,
html body .cha-pcm-shortcode-root [data-ks-application-page="1"] .ks-application-form-wrap .select2,
html body .cha-pcm-shortcode-root [data-ks-application-page="1"] .ks-application-form-wrap .select2-container{
    display:none!important;
    visibility:hidden!important;
    height:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    pointer-events:none!important;
}


/* KS Operations 1.5.75.112 — Form 13 DB Select2-off safety net */
body .ks-application-form-wrap .select2,
body .ks-application-form-wrap .select2-container,
body .ks-application-form-wrap .select2-container--default,
body .ks-application-form-wrap .select2-hidden-accessible + .select2,
body .ks-application-form-wrap .select2-hidden-accessible + .select2-container{
    display:none!important;
    visibility:hidden!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    opacity:0!important;
    overflow:hidden!important;
    pointer-events:none!important;
}
body [data-ks-application-page="1"] .ks-application-form-wrap .select2-container--open,
body [data-ks-application-page="1"] .ks-application-form-wrap .select2-dropdown,
body .cha-pcm-shortcode-root [data-ks-application-page="1"] .ks-application-form-wrap .select2-container--open,
body .cha-pcm-shortcode-root [data-ks-application-page="1"] .ks-application-form-wrap .select2-dropdown{
    display:none!important;
    visibility:hidden!important;
}
body [data-ks-application-page="1"] .ks-application-form-wrap select.select2-hidden-accessible,
body [data-ks-application-page="1"] .ks-application-form-wrap select.ff-el-form-control,
body .cha-pcm-shortcode-root [data-ks-application-page="1"] .ks-application-form-wrap select.select2-hidden-accessible,
body .cha-pcm-shortcode-root [data-ks-application-page="1"] .ks-application-form-wrap select.ff-el-form-control{
    display:block!important;
    visibility:visible!important;
    position:static!important;
    width:100%!important;
    height:48px!important;
    min-height:48px!important;
    margin:0!important;
    opacity:1!important;
    pointer-events:auto!important;
    clip:auto!important;
    clip-path:none!important;
}


/* KS Operations 1.5.75.113 — Application native select single arrow fix */
html body [data-ks-application-page="1"] .ks-application-form-wrap select.ff-el-form-control,
html body [data-ks-application-page="1"] .ks-application-form-wrap .ff-el-input--content > select.ff-el-form-control,
html body .cha-pcm-shortcode-root [data-ks-application-page="1"] .ks-application-form-wrap select.ff-el-form-control,
html body .cha-pcm-shortcode-root [data-ks-application-page="1"] .ks-application-form-wrap .ff-el-input--content > select.ff-el-form-control{
    appearance:none!important;
    -webkit-appearance:none!important;
    -moz-appearance:none!important;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7 10l5 5 5-5' stroke='%2364758B' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
    background-repeat:no-repeat!important;
    background-position:right 14px center!important;
    background-size:16px 16px!important;
    padding-right:44px!important;
}
html body [data-ks-application-page="1"] .ks-application-form-wrap select.ff-el-form-control::-ms-expand,
html body .cha-pcm-shortcode-root [data-ks-application-page="1"] .ks-application-form-wrap select.ff-el-form-control::-ms-expand{
    display:none!important;
}


/* KS Operations 1.5.75.114 — Partner/application select containment hardening */
html body [data-ks-partner-portal] .ksp-application-embed-shell [data-ks-application-page="1"] select.ff-el-form-control,
html body [data-ks-partner-portal] .ksp-application-embed-shell [data-ks-application-page="1"] .ff-el-input--content > select.ff-el-form-control{
    display:block!important;
    visibility:visible!important;
    position:static!important;
    width:100%!important;
    max-width:100%!important;
    height:48px!important;
    min-height:48px!important;
    opacity:1!important;
    pointer-events:auto!important;
    clip:auto!important;
    clip-path:none!important;
}
html body [data-ks-partner-portal] .ksp-application-embed-shell [data-ks-application-page="1"] .ksp-native-select{
    display:none!important;
    visibility:hidden!important;
}
html body [data-ks-partner-portal] .ksp-application-embed-shell [data-ks-application-page="1"] select.ksp-native-select-hidden{
    display:block!important;
    visibility:visible!important;
    position:static!important;
    opacity:1!important;
    pointer-events:auto!important;
}


/* KS Operations 1.5.75.121 — Partner portal content normalization
   Purpose: /partner-portal uses /workspace shell; all inner partner menu contents now follow the same panel, typography, table, form and mobile rules. */
html body .cha-pcm-shortcode-root[data-ks-partner-portal],
html body .cha-pcm-shortcode-root[data-ks-partner-portal] *{box-sizing:border-box!important;}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-main > section:not(.ksc-command-grid),
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-panel,
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-security-panel-v157587,
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-profile-advanced-v157589{
    width:100%!important;
    max-width:100%!important;
    margin:18px 0 0!important;
    padding:22px!important;
    border:1px solid #DDE9F7!important;
    border-radius:24px!important;
    background:#FFFFFF!important;
    box-shadow:0 18px 42px rgba(15,45,84,.055)!important;
    overflow:hidden!important;
}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-panel:first-child,
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-main > section:first-child{margin-top:0!important;}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-panel-head,
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-headline,
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-panel-head{
    display:flex!important;
    align-items:flex-start!important;
    justify-content:space-between!important;
    gap:14px!important;
    margin:0 0 18px!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-kicker,
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-panel-head span:not(.ksc-badge):first-child{
    display:inline-flex!important;
    align-items:center!important;
    width:max-content!important;
    margin:0 0 8px!important;
    padding:5px 10px!important;
    border-radius:999px!important;
    background:#EEF6FF!important;
    color:#0B5FCC!important;
    font-size:10.5px!important;
    line-height:1!important;
    font-weight:850!important;
    letter-spacing:.13em!important;
    text-transform:uppercase!important;
}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-panel h2,
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-panel-head h2,
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-headline h2,
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-panel-head h2{
    margin:0!important;
    color:#061B3A!important;
    font-size:22px!important;
    line-height:1.18!important;
    font-weight:780!important;
    letter-spacing:-.025em!important;
}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-panel p,
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-panel-head p,
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-headline p,
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-panel-head p{
    margin:7px 0 0!important;
    color:#53657C!important;
    font-size:13px!important;
    line-height:1.55!important;
    font-weight:500!important;
}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(320px,380px)!important;
    gap:18px!important;
    align-items:start!important;
    width:100%!important;
    max-width:100%!important;
}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-main{display:grid!important;gap:16px!important;min-width:0!important;}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-step,
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-summary-card,
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-security-card-v157587,
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-profile-section-title-v157589{
    margin:0!important;
    padding:18px!important;
    border:1px solid #E2ECF7!important;
    border-radius:20px!important;
    background:#FBFDFF!important;
    box-shadow:0 12px 28px rgba(16,48,86,.04)!important;
    min-width:0!important;
}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-summary-card.is-sticky{position:sticky!important;top:18px!important;}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-step-title{
    display:flex!important;align-items:flex-start!important;gap:12px!important;margin:0 0 14px!important;
}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-step-title > span{
    display:grid!important;place-items:center!important;width:34px!important;min-width:34px!important;height:34px!important;border-radius:13px!important;background:#EEF6FF!important;color:#0B5FCC!important;font-size:12px!important;font-weight:850!important;
}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-step-title h3{
    margin:0!important;color:#061B3A!important;font-size:16px!important;line-height:1.2!important;font-weight:820!important;letter-spacing:-.01em!important;
}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-step-title p{margin:4px 0 0!important;color:#667085!important;font-size:12.5px!important;line-height:1.45!important;}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-lines{display:grid!important;gap:12px!important;}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-line{
    display:block!important;
    width:100%!important;
    padding:14px!important;
    border:1px solid #E2ECF7!important;
    border-radius:18px!important;
    background:#FFFFFF!important;
    overflow:hidden!important;
}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-product-card{
    display:grid!important;
    grid-template-columns:156px minmax(0,1fr)!important;
    gap:16px!important;
    align-items:stretch!important;
    width:100%!important;
    max-width:100%!important;
}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-product-media{
    display:grid!important;
    place-items:center!important;
    width:156px!important;
    height:156px!important;
    min-width:156px!important;
    max-width:156px!important;
    max-height:156px!important;
    overflow:hidden!important;
    border:1px solid #E2ECF7!important;
    border-radius:18px!important;
    background:#F8FBFF!important;
    color:#0B5FCC!important;
    font-size:30px!important;
    font-weight:850!important;
}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-product-media img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
    object-position:center!important;
    margin:0!important;
    padding:8px!important;
}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-product-body{display:grid!important;gap:12px!important;min-width:0!important;align-content:start!important;}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] label{
    display:grid!important;
    gap:7px!important;
    color:#344054!important;
    font-size:12px!important;
    font-weight:760!important;
    line-height:1.3!important;
    min-width:0!important;
}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] input:not([type="checkbox"]):not([type="radio"]),
html body .cha-pcm-shortcode-root[data-ks-partner-portal] select,
html body .cha-pcm-shortcode-root[data-ks-partner-portal] textarea{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:46px!important;
    height:auto!important;
    margin:0!important;
    padding:0 13px!important;
    border:1px solid #DCE8F7!important;
    border-radius:15px!important;
    background:#FFFFFF!important;
    color:#12233F!important;
    font:inherit!important;
    font-size:13px!important;
    font-weight:560!important;
    line-height:1.25!important;
    box-shadow:none!important;
    outline:0!important;
}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] textarea{min-height:92px!important;padding:12px 13px!important;line-height:1.45!important;resize:vertical!important;}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] input:focus,
html body .cha-pcm-shortcode-root[data-ks-partner-portal] select:focus,
html body .cha-pcm-shortcode-root[data-ks-partner-portal] textarea:focus{border-color:#0B5FCC!important;box-shadow:0 0 0 4px rgba(11,95,204,.09)!important;}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-line-controls,
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-form-grid,
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-field-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
    width:100%!important;
}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-full{grid-column:1/-1!important;}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-product-preview{
    display:grid!important;
    gap:6px!important;
    padding:12px!important;
    border:1px dashed #DCE8F7!important;
    border-radius:16px!important;
    background:#F8FBFF!important;
    min-width:0!important;
}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-product-preview strong{color:#061B3A!important;font-size:13.5px!important;font-weight:820!important;line-height:1.3!important;}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-product-preview span{color:#667085!important;font-size:12px!important;line-height:1.45!important;}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-product-actions,
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-confirm,
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-panel-head > a,
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ksp-panel-actions-v1575115{
    display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important;min-width:0!important;
}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-btn,
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-add-line,
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-remove-line,
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-submit{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:42px!important;padding:0 16px!important;border:1px solid #DCE8F7!important;border-radius:14px!important;background:#FFFFFF!important;color:#0B5FCC!important;text-decoration:none!important;font-size:12px!important;font-weight:800!important;line-height:1!important;cursor:pointer!important;box-shadow:none!important;
}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-submit,
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-btn[type="submit"]{background:#0B5FCC!important;color:#FFFFFF!important;border-color:#0B5FCC!important;box-shadow:0 12px 24px rgba(11,95,204,.18)!important;}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-line-meta,
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-help,
html body .cha-pcm-shortcode-root[data-ks-partner-portal] small{color:#667085!important;font-size:12px!important;line-height:1.45!important;font-weight:500!important;}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-summary h3{margin:0 0 12px!important;color:#061B3A!important;font-size:17px!important;font-weight:820!important;}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-summary-product{display:block!important;margin:0 0 12px!important;color:#667085!important;font-size:12px!important;}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-summary-lines,
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-totals{display:grid!important;gap:9px!important;}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-summary-lines > div,
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-totals > div{
    display:flex!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;padding:9px 0!important;border-bottom:1px solid #EDF3F8!important;color:#53657C!important;font-size:12.5px!important;
}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-totals > div:last-child{border-bottom:0!important;}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-totals strong{color:#061B3A!important;font-size:14px!important;font-weight:850!important;}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-totals .is-total strong{font-size:20px!important;color:#0B5FCC!important;}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-deduct-commission{
    display:flex!important;align-items:flex-start!important;gap:10px!important;margin:12px 0!important;padding:12px!important;border:1px solid #DCE8F7!important;border-radius:16px!important;background:#FFFFFF!important;color:#344054!important;
}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-deduct-commission input{width:18px!important;height:18px!important;margin:1px 0 0!important;min-height:0!important;}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-pickup-card,
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-summary-note,
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-security-note-v157587{
    margin-top:12px!important;padding:13px!important;border:1px solid #DCE8F7!important;border-radius:16px!important;background:#F8FBFF!important;color:#53657C!important;font-size:12.5px!important;line-height:1.5!important;
}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-table-wrap,
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-table-wrap{
    width:100%!important;
    max-width:100%!important;
    overflow:auto!important;
    border:1px solid #E2ECF7!important;
    border-radius:18px!important;
    background:#FFFFFF!important;
}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] table.ks-partner-table,
html body .cha-pcm-shortcode-root[data-ks-partner-portal] table.ksc-table{
    width:100%!important;
    min-width:760px!important;
    border-collapse:collapse!important;
    background:#FFFFFF!important;
    font-size:13px!important;
}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] table.ks-partner-table th,
html body .cha-pcm-shortcode-root[data-ks-partner-portal] table.ksc-table th{
    padding:13px 14px!important;
    border-bottom:1px solid #E2ECF7!important;
    background:#F8FBFF!important;
    color:#344054!important;
    font-size:11px!important;
    font-weight:850!important;
    letter-spacing:.055em!important;
    text-transform:uppercase!important;
    white-space:nowrap!important;
}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] table.ks-partner-table td,
html body .cha-pcm-shortcode-root[data-ks-partner-portal] table.ksc-table td{
    padding:13px 14px!important;
    border-bottom:1px solid #EDF3F8!important;
    color:#344054!important;
    vertical-align:middle!important;
    font-size:12.8px!important;
}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] table.ks-partner-table tr:last-child td,
html body .cha-pcm-shortcode-root[data-ks-partner-portal] table.ksc-table tr:last-child td{border-bottom:0!important;}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-empty,
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-empty{
    width:100%!important;margin:0!important;padding:22px!important;border:1px dashed #DCE8F7!important;border-radius:18px!important;background:#F8FBFF!important;text-align:center!important;color:#53657C!important;
}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-empty strong{display:block!important;color:#061B3A!important;font-size:15px!important;margin-bottom:5px!important;}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-empty p{margin:0!important;color:#667085!important;font-size:13px!important;}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-commission-summary,
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-security-grid-v157587,
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-document-grid-v157589{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:12px!important;
    margin:0 0 16px!important;
}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-security-grid-v157587{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-commission-summary > article,
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-document-grid-v157589 > article{
    padding:16px!important;border:1px solid #E2ECF7!important;border-radius:18px!important;background:#FBFDFF!important;box-shadow:0 10px 22px rgba(16,48,86,.035)!important;
}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-commission-summary span,
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-security-card-v157587 span{display:block!important;color:#53657C!important;font-size:11px!important;font-weight:850!important;text-transform:uppercase!important;letter-spacing:.055em!important;margin-bottom:8px!important;}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-commission-summary strong,
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-security-card-v157587 strong{display:block!important;color:#061B3A!important;font-size:20px!important;line-height:1.15!important;font-weight:850!important;}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-profile-photo-row-v157589{display:flex!important;align-items:center!important;gap:16px!important;margin:0 0 16px!important;}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-profile-photo-v157589{display:grid!important;place-items:center!important;width:82px!important;height:82px!important;min-width:82px!important;border-radius:24px!important;overflow:hidden!important;border:1px solid #DCE8F7!important;background:#EEF6FF!important;color:#0B5FCC!important;font-size:28px!important;font-weight:850!important;}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-profile-photo-v157589 img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;}
@media (max-width:1180px){
    html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-grid{grid-template-columns:1fr!important;}
    html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-summary-card.is-sticky{position:relative!important;top:auto!important;}
    html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-commission-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media (max-width:780px){
    html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-main > section:not(.ksc-command-grid),
    html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-panel,
    html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-security-panel-v157587,
    html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-profile-advanced-v157589{padding:16px!important;border-radius:22px!important;margin-top:14px!important;}
    html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-panel-head,
    html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-headline,
    html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-panel-head{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;margin-bottom:14px!important;}
    html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-panel h2,
    html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-headline h2,
    html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-panel-head h2{font-size:19px!important;}
    html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-product-card{grid-template-columns:1fr!important;}
    html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-product-media{width:100%!important;max-width:none!important;height:180px!important;min-width:0!important;}
    html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-line-controls,
    html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-form-grid,
    html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-field-grid,
    html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-security-grid-v157587,
    html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-commission-summary,
    html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-document-grid-v157589{grid-template-columns:1fr!important;}
    html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-profile-photo-row-v157589{align-items:flex-start!important;}
    html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ksp-panel-actions-v1575115{display:grid!important;grid-template-columns:1fr!important;width:100%!important;}
    html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ksp-panel-actions-v1575115 .ksc-btn,
    html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ksp-panel-actions-v1575115 .ksc-mini-search{width:100%!important;}
    html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-mini-search{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;}
    html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-mini-search button{width:100%!important;}
    html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-table-wrap,
    html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-table-wrap{overflow:visible!important;border:0!important;background:transparent!important;}
    html body .cha-pcm-shortcode-root[data-ks-partner-portal] table.ks-partner-table,
    html body .cha-pcm-shortcode-root[data-ks-partner-portal] table.ksc-table{display:block!important;min-width:0!important;border:0!important;background:transparent!important;}
    html body .cha-pcm-shortcode-root[data-ks-partner-portal] table.ks-partner-table thead,
    html body .cha-pcm-shortcode-root[data-ks-partner-portal] table.ksc-table thead{display:none!important;}
    html body .cha-pcm-shortcode-root[data-ks-partner-portal] table.ks-partner-table tbody,
    html body .cha-pcm-shortcode-root[data-ks-partner-portal] table.ksc-table tbody{display:grid!important;gap:12px!important;}
    html body .cha-pcm-shortcode-root[data-ks-partner-portal] table.ks-partner-table tr,
    html body .cha-pcm-shortcode-root[data-ks-partner-portal] table.ksc-table tr{display:grid!important;grid-template-columns:1fr!important;padding:14px!important;border:1px solid #E2ECF7!important;border-radius:18px!important;background:#FFFFFF!important;box-shadow:0 12px 26px rgba(16,48,86,.055)!important;}
    html body .cha-pcm-shortcode-root[data-ks-partner-portal] table.ks-partner-table td,
    html body .cha-pcm-shortcode-root[data-ks-partner-portal] table.ksc-table td{display:grid!important;grid-template-columns:minmax(96px,34%) minmax(0,1fr)!important;gap:10px!important;width:100%!important;padding:9px 0!important;border:0!important;border-bottom:1px solid #EDF3F8!important;text-align:left!important;white-space:normal!important;overflow-wrap:anywhere!important;}
    html body .cha-pcm-shortcode-root[data-ks-partner-portal] table.ks-partner-table td:last-child,
    html body .cha-pcm-shortcode-root[data-ks-partner-portal] table.ksc-table td:last-child{border-bottom:0!important;}
    html body .cha-pcm-shortcode-root[data-ks-partner-portal] table.ks-partner-table td::before,
    html body .cha-pcm-shortcode-root[data-ks-partner-portal] table.ksc-table td::before{content:attr(data-label)!important;color:#667085!important;font-size:10.5px!important;font-weight:850!important;letter-spacing:.055em!important;text-transform:uppercase!important;}
}
@media (max-width:430px){
    html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-step,
    html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-line,
    html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-summary-card{padding:13px!important;border-radius:18px!important;}
    html body .cha-pcm-shortcode-root[data-ks-partner-portal] table.ks-partner-table td,
    html body .cha-pcm-shortcode-root[data-ks-partner-portal] table.ksc-table td{grid-template-columns:1fr!important;gap:4px!important;}
}


/* KS Operations 1.5.75.122 — Partner inner-content hard normalization
   This block is intentionally inline inside [ks_partner_portal] so stale public.css/cache cannot leave menu content unstyled.
   It normalizes every partner menu content to the /workspace card/form/table system and constrains product images. */
html body .cha-pcm-shortcode-root[data-ks-partner-portal],
html body .cha-pcm-shortcode-root[data-ks-partner-portal] *{box-sizing:border-box!important;}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-main{display:block!important;min-width:0!important;max-width:100%!important;overflow:visible!important;}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-main > section:not(.ksc-command-grid),
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-panel,
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-sale-builder,
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-security-panel-v157587,
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-profile-advanced-v157589{
    display:block!important;width:100%!important;max-width:100%!important;margin:18px 0 0!important;padding:22px!important;border:1px solid #E2ECF7!important;border-radius:24px!important;background:#FFFFFF!important;background-image:none!important;box-shadow:0 18px 42px rgba(15,45,84,.055)!important;overflow:visible!important;color:#0F172A!important;font-family:inherit!important;
}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-main > section:first-child,
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-panel:first-child{margin-top:0!important;}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-panel-head,
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-headline,
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-panel-head{
    display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:16px!important;width:100%!important;margin:0 0 18px!important;padding:0 0 14px!important;border:0!important;border-bottom:1px solid rgba(15,23,42,.07)!important;background:transparent!important;box-shadow:none!important;min-width:0!important;
}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-kicker,
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-eyebrow{
    display:inline-flex!important;align-items:center!important;width:max-content!important;max-width:100%!important;margin:0 0 8px!important;padding:5px 10px!important;border-radius:999px!important;background:#EEF6FF!important;color:#0B5FCC!important;font-size:10.5px!important;line-height:1!important;font-weight:850!important;letter-spacing:.13em!important;text-transform:uppercase!important;
}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-panel h2,
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-panel-head h2,
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-headline h2,
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-panel-head h2{
    margin:0!important;color:#061B3A!important;font-size:22px!important;line-height:1.18!important;font-weight:780!important;letter-spacing:-.025em!important;text-transform:none!important;
}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-panel p,
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-panel-head p,
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-headline p,
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-panel-head p{
    margin:7px 0 0!important;color:#53657C!important;font-size:13px!important;line-height:1.55!important;font-weight:500!important;letter-spacing:0!important;text-transform:none!important;
}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-grid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(320px,380px)!important;gap:18px!important;align-items:start!important;width:100%!important;max-width:100%!important;min-width:0!important;}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-main{display:grid!important;gap:16px!important;min-width:0!important;}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-summary{display:block!important;min-width:0!important;max-width:100%!important;}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-step,
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-summary-card,
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-security-card-v157587{
    display:block!important;margin:0!important;padding:18px!important;border:1px solid #E2ECF7!important;border-radius:20px!important;background:#FBFDFF!important;background-image:none!important;box-shadow:0 12px 28px rgba(16,48,86,.04)!important;min-width:0!important;max-width:100%!important;overflow:hidden!important;
}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-summary-card.is-sticky{position:sticky!important;top:18px!important;}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-step-title{display:flex!important;align-items:flex-start!important;gap:12px!important;margin:0 0 14px!important;min-width:0!important;}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-step-title > span{display:grid!important;place-items:center!important;width:34px!important;min-width:34px!important;height:34px!important;border-radius:13px!important;background:#EEF6FF!important;color:#0B5FCC!important;font-size:12px!important;line-height:1!important;font-weight:850!important;}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-step-title h3{margin:0!important;color:#061B3A!important;font-size:16px!important;line-height:1.2!important;font-weight:820!important;letter-spacing:-.01em!important;}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-step-title p{margin:4px 0 0!important;color:#667085!important;font-size:12.5px!important;line-height:1.45!important;}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-lines{display:grid!important;gap:12px!important;width:100%!important;max-width:100%!important;}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-line{display:block!important;width:100%!important;max-width:100%!important;padding:14px!important;border:1px solid #E2ECF7!important;border-radius:18px!important;background:#FFFFFF!important;overflow:hidden!important;}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-product-card{display:grid!important;grid-template-columns:156px minmax(0,1fr)!important;gap:16px!important;align-items:stretch!important;width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important;}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-product-media,
html body .cha-pcm-shortcode-root[data-ks-partner-portal] [data-ks-product-media]{
    display:grid!important;place-items:center!important;width:156px!important;height:156px!important;min-width:156px!important;max-width:156px!important;min-height:156px!important;max-height:156px!important;overflow:hidden!important;border:1px solid #E2ECF7!important;border-radius:18px!important;background:#F8FBFF!important;background-image:none!important;color:#0B5FCC!important;font-size:30px!important;font-weight:850!important;line-height:1!important;
}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-product-media img,
html body .cha-pcm-shortcode-root[data-ks-partner-portal] [data-ks-product-media] img,
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-product-card img{
    display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;margin:0!important;padding:8px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-product-body{display:grid!important;gap:12px!important;min-width:0!important;max-width:100%!important;align-content:start!important;overflow:hidden!important;}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-product-preview{display:grid!important;gap:4px!important;padding:12px!important;border:1px solid #E2ECF7!important;border-radius:16px!important;background:#F8FBFF!important;min-width:0!important;}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-product-preview strong{display:block!important;color:#061B3A!important;font-size:13.5px!important;font-weight:820!important;line-height:1.25!important;overflow-wrap:anywhere!important;}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-product-preview span{display:block!important;color:#667085!important;font-size:12px!important;line-height:1.45!important;overflow-wrap:anywhere!important;}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-product-actions a,
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-panel-head > a,
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ksp-file-link{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:34px!important;padding:0 12px!important;border:1px solid #DCE8F7!important;border-radius:999px!important;background:#FFFFFF!important;color:#0B5FCC!important;text-decoration:none!important;font-size:11.5px!important;font-weight:800!important;line-height:1!important;}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] label{display:grid!important;gap:7px!important;color:#344054!important;font-size:12px!important;font-weight:760!important;line-height:1.3!important;min-width:0!important;max-width:100%!important;}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] input:not([type="checkbox"]):not([type="radio"]),
html body .cha-pcm-shortcode-root[data-ks-partner-portal] select,
html body .cha-pcm-shortcode-root[data-ks-partner-portal] textarea{
    width:100%!important;max-width:100%!important;min-width:0!important;min-height:46px!important;height:auto!important;margin:0!important;padding:0 13px!important;border:1px solid #DCE8F7!important;border-radius:15px!important;background:#FFFFFF!important;background-image:none!important;color:#12233F!important;box-shadow:none!important;outline:0!important;font-family:inherit!important;font-size:13px!important;font-weight:560!important;line-height:1.25!important;appearance:auto!important;-webkit-appearance:auto!important;
}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] textarea{min-height:92px!important;padding:12px 13px!important;line-height:1.45!important;resize:vertical!important;}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] input:focus,
html body .cha-pcm-shortcode-root[data-ks-partner-portal] select:focus,
html body .cha-pcm-shortcode-root[data-ks-partner-portal] textarea:focus{border-color:#0B5FCC!important;box-shadow:0 0 0 4px rgba(11,95,204,.09)!important;}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-form-grid,
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-field-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:13px!important;width:100%!important;max-width:100%!important;min-width:0!important;}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-full{grid-column:1/-1!important;}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-line-controls{display:grid!important;grid-template-columns:minmax(120px,180px) 42px!important;gap:10px!important;align-items:end!important;margin-top:12px!important;max-width:260px!important;}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-line-meta,
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-help,
html body .cha-pcm-shortcode-root[data-ks-partner-portal] small{display:block!important;color:#667085!important;font-size:12px!important;line-height:1.45!important;font-weight:500!important;}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-line-meta{margin-top:10px!important;padding-top:10px!important;border-top:1px solid #EDF3F8!important;}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-btn,
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-add-line,
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-remove-line,
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-submit,
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-mini-search button,
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:42px!important;padding:0 16px!important;border:1px solid #DCE8F7!important;border-radius:14px!important;background:#FFFFFF!important;background-image:none!important;color:#0B5FCC!important;text-decoration:none!important;font-size:12px!important;font-weight:800!important;line-height:1!important;cursor:pointer!important;box-shadow:none!important;text-shadow:none!important;}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-submit,
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-btn[type="submit"],
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-btn--primary,
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-mini-search button{background:#0B5FCC!important;color:#FFFFFF!important;border-color:#0B5FCC!important;box-shadow:0 12px 24px rgba(11,95,204,.18)!important;}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-remove-line{width:42px!important;min-width:42px!important;padding:0!important;color:#E11D48!important;border-color:#F3CBD3!important;background:#FFF7F8!important;font-size:18px!important;}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-confirm,
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-deduct-commission{display:flex!important;align-items:flex-start!important;gap:10px!important;margin:12px 0!important;padding:12px!important;border:1px solid #DCE8F7!important;border-radius:16px!important;background:#FFFFFF!important;color:#344054!important;}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-confirm input,
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-deduct-commission input{width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;margin:1px 0 0!important;padding:0!important;}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-summary h3{margin:0 0 12px!important;color:#061B3A!important;font-size:17px!important;font-weight:820!important;line-height:1.2!important;}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-summary-product{display:block!important;margin:0 0 12px!important;color:#667085!important;font-size:12px!important;}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-summary-lines,
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-totals{display:grid!important;gap:9px!important;margin:0!important;padding:0!important;}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-summary-lines > div,
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-totals > div{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;padding:9px 0!important;border-bottom:1px solid #EDF3F8!important;color:#53657C!important;font-size:12.5px!important;}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-totals dt{margin:0!important;color:#53657C!important;font-weight:650!important;}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-totals dd{margin:0!important;color:#061B3A!important;font-weight:850!important;}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-totals .is-total dd{font-size:20px!important;color:#0B5FCC!important;}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-commission-rule{display:block!important;padding:10px!important;border:1px solid #E2ECF7!important;border-radius:14px!important;background:#F8FBFF!important;color:#53657C!important;font-size:12px!important;line-height:1.45!important;}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-pickup-card,
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-summary-note,
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-security-note-v157587{margin-top:12px!important;padding:13px!important;border:1px solid #DCE8F7!important;border-radius:16px!important;background:#F8FBFF!important;color:#53657C!important;font-size:12.5px!important;line-height:1.5!important;}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-search-strip,
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-mini-search{display:grid!important;grid-template-columns:minmax(0,1fr) 76px auto!important;gap:8px!important;align-items:center!important;width:100%!important;max-width:100%!important;margin:0 0 16px!important;}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-search-strip > span{display:none!important;}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-table-wrap,
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-table-wrap{width:100%!important;max-width:100%!important;overflow:auto!important;border:1px solid #E2ECF7!important;border-radius:18px!important;background:#FFFFFF!important;}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] table.ks-partner-table,
html body .cha-pcm-shortcode-root[data-ks-partner-portal] table.ksc-table{width:100%!important;min-width:760px!important;border-collapse:collapse!important;border-spacing:0!important;background:#FFFFFF!important;font-size:13px!important;}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] table.ks-partner-table th,
html body .cha-pcm-shortcode-root[data-ks-partner-portal] table.ksc-table th{padding:13px 14px!important;border-bottom:1px solid #E2ECF7!important;background:#F8FBFF!important;color:#344054!important;font-size:11px!important;font-weight:850!important;letter-spacing:.055em!important;text-transform:uppercase!important;white-space:nowrap!important;text-align:left!important;}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] table.ks-partner-table td,
html body .cha-pcm-shortcode-root[data-ks-partner-portal] table.ksc-table td{padding:13px 14px!important;border-bottom:1px solid #EDF3F8!important;color:#344054!important;vertical-align:middle!important;font-size:12.8px!important;text-align:left!important;}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] table.ks-partner-table td strong,
html body .cha-pcm-shortcode-root[data-ks-partner-portal] table.ksc-table td strong{display:block!important;color:#061B3A!important;font-weight:820!important;}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] table.ks-partner-table tr:last-child td,
html body .cha-pcm-shortcode-root[data-ks-partner-portal] table.ksc-table tr:last-child td{border-bottom:0!important;}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-empty,
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-empty{width:100%!important;margin:0!important;padding:22px!important;border:1px dashed #DCE8F7!important;border-radius:18px!important;background:#F8FBFF!important;text-align:center!important;color:#53657C!important;}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-empty strong{display:block!important;color:#061B3A!important;font-size:15px!important;margin-bottom:5px!important;}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-empty p{margin:0!important;color:#667085!important;font-size:13px!important;}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-commission-summary,
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-security-grid-v157587,
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-document-grid-v157589{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin:0 0 16px!important;}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-security-grid-v157587{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-commission-summary > div,
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-security-card-v157587,
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-document-grid-v157589 > label{padding:16px!important;border:1px solid #E2ECF7!important;border-radius:18px!important;background:#FBFDFF!important;box-shadow:0 10px 22px rgba(16,48,86,.035)!important;min-width:0!important;}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-commission-summary span,
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-security-card-v157587 span{display:block!important;color:#53657C!important;font-size:11px!important;font-weight:850!important;text-transform:uppercase!important;letter-spacing:.055em!important;margin-bottom:8px!important;}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-commission-summary strong,
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-security-card-v157587 strong{display:block!important;color:#061B3A!important;font-size:20px!important;line-height:1.15!important;font-weight:850!important;overflow-wrap:anywhere!important;}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-profile-photo-row-v157589{display:flex!important;align-items:center!important;gap:16px!important;margin:0 0 16px!important;padding:14px!important;border:1px solid #E2ECF7!important;border-radius:18px!important;background:#FBFDFF!important;}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-profile-photo-v157589{display:grid!important;place-items:center!important;width:82px!important;height:82px!important;min-width:82px!important;border-radius:24px!important;overflow:hidden!important;border:1px solid #DCE8F7!important;background:#EEF6FF!important;color:#0B5FCC!important;font-size:28px!important;font-weight:850!important;}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-profile-photo-v157589 img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-profile-section-title-v157589{display:flex!important;justify-content:space-between!important;gap:14px!important;margin:18px 0 12px!important;padding:14px!important;border:1px solid #E2ECF7!important;border-radius:17px!important;background:#F8FBFF!important;}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-profile-section-title-v157589 strong{color:#061B3A!important;font-size:14px!important;font-weight:850!important;}
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-profile-section-title-v157589 span{color:#667085!important;font-size:12px!important;line-height:1.45!important;text-align:right!important;}
@media(max-width:1180px){
    html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-grid{grid-template-columns:1fr!important;}
    html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-summary-card.is-sticky{position:relative!important;top:auto!important;}
    html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-commission-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:780px){
    html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-main > section:not(.ksc-command-grid),
    html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-panel,
    html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-sale-builder,
    html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-security-panel-v157587,
    html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-profile-advanced-v157589{padding:16px!important;border-radius:22px!important;margin-top:14px!important;}
    html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-panel-head,
    html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-headline,
    html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-panel-head{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;margin-bottom:14px!important;padding-bottom:14px!important;}
    html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-panel h2,
    html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-headline h2,
    html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-panel-head h2{font-size:19px!important;}
    html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-product-card{grid-template-columns:1fr!important;}
    html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-product-media,
    html body .cha-pcm-shortcode-root[data-ks-partner-portal] [data-ks-product-media]{width:100%!important;max-width:none!important;min-width:0!important;height:178px!important;min-height:178px!important;max-height:178px!important;}
    html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-line-controls,
    html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-form-grid,
    html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-field-grid,
    html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-security-grid-v157587,
    html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-commission-summary,
    html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-document-grid-v157589{grid-template-columns:1fr!important;max-width:100%!important;}
    html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-profile-photo-row-v157589{align-items:flex-start!important;}
    html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-search-strip,
    html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-mini-search{grid-template-columns:1fr!important;gap:8px!important;}
    html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-search-strip button,
    html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-mini-search button,
    html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-search-strip a{width:100%!important;}
    html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-table-wrap,
    html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-table-wrap{overflow:visible!important;border:0!important;background:transparent!important;}
    html body .cha-pcm-shortcode-root[data-ks-partner-portal] table.ks-partner-table,
    html body .cha-pcm-shortcode-root[data-ks-partner-portal] table.ksc-table{display:block!important;min-width:0!important;border:0!important;background:transparent!important;}
    html body .cha-pcm-shortcode-root[data-ks-partner-portal] table.ks-partner-table thead,
    html body .cha-pcm-shortcode-root[data-ks-partner-portal] table.ksc-table thead{display:none!important;}
    html body .cha-pcm-shortcode-root[data-ks-partner-portal] table.ks-partner-table tbody,
    html body .cha-pcm-shortcode-root[data-ks-partner-portal] table.ksc-table tbody{display:grid!important;gap:12px!important;}
    html body .cha-pcm-shortcode-root[data-ks-partner-portal] table.ks-partner-table tr,
    html body .cha-pcm-shortcode-root[data-ks-partner-portal] table.ksc-table tr{display:grid!important;grid-template-columns:1fr!important;padding:14px!important;border:1px solid #E2ECF7!important;border-radius:18px!important;background:#FFFFFF!important;box-shadow:0 12px 26px rgba(16,48,86,.055)!important;}
    html body .cha-pcm-shortcode-root[data-ks-partner-portal] table.ks-partner-table td,
    html body .cha-pcm-shortcode-root[data-ks-partner-portal] table.ksc-table td{display:grid!important;grid-template-columns:minmax(96px,34%) minmax(0,1fr)!important;gap:10px!important;width:100%!important;padding:9px 0!important;border:0!important;border-bottom:1px solid #EDF3F8!important;text-align:left!important;white-space:normal!important;overflow-wrap:anywhere!important;}
    html body .cha-pcm-shortcode-root[data-ks-partner-portal] table.ks-partner-table td:last-child,
    html body .cha-pcm-shortcode-root[data-ks-partner-portal] table.ksc-table td:last-child{border-bottom:0!important;}
    html body .cha-pcm-shortcode-root[data-ks-partner-portal] table.ks-partner-table td::before,
    html body .cha-pcm-shortcode-root[data-ks-partner-portal] table.ksc-table td::before{content:attr(data-label)!important;color:#667085!important;font-size:10.5px!important;font-weight:850!important;letter-spacing:.055em!important;text-transform:uppercase!important;}
}
@media(max-width:430px){
    html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-step,
    html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-line,
    html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ks-sale-summary-card{padding:13px!important;border-radius:18px!important;}
    html body .cha-pcm-shortcode-root[data-ks-partner-portal] table.ks-partner-table td,
    html body .cha-pcm-shortcode-root[data-ks-partner-portal] table.ksc-table td{grid-template-columns:1fr!important;gap:4px!important;}
}




/* KS Operations 3.6.15 — Partner/workspace exact shell + mobile drawer layer hotfix
   Fixes: mobile header staying above open menu, and partner portal visual drift from workspace shell. */
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-workspace-identical-v3615,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-workspace-identical-v3615 *{box-sizing:border-box!important;}
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-workspace-identical-v3615{
    width:100%!important;max-width:none!important;min-height:100dvh!important;margin:0!important;padding:0!important;background:#F4F8FC!important;color:#10233F!important;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;overflow-x:hidden!important;
}
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-workspace-identical-v3615 > .ksc-mobile-topbar,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-workspace-identical-v3615 .ksc-mobile-topbar{
    border:1px solid #DCE8F7!important;background:rgba(255,255,255,.96)!important;box-shadow:0 14px 34px rgba(15,45,84,.085)!important;backdrop-filter:saturate(160%) blur(16px)!important;-webkit-backdrop-filter:saturate(160%) blur(16px)!important;
}
@media (min-width:981px){
    html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-workspace-identical-v3615{
        display:grid!important;grid-template-columns:282px minmax(0,1fr)!important;gap:26px!important;align-items:start!important;padding:26px!important;
    }
    html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-workspace-identical-v3615 > .ksc-mobile-topbar,
    html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-workspace-identical-v3615 > .ksc-mobile-backdrop{display:none!important;}
    html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-workspace-identical-v3615 > .ksc-sidebar,
    html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-workspace-identical-v3615 #ks-partner-sidebar{
        position:sticky!important;top:24px!important;left:auto!important;bottom:auto!important;grid-column:1!important;width:282px!important;max-width:282px!important;height:calc(100dvh - 52px)!important;max-height:calc(100dvh - 52px)!important;margin:0!important;padding:20px!important;overflow:auto!important;transform:none!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;z-index:20!important;border:1px solid #DDE9F7!important;border-radius:28px!important;background:#FFFFFF!important;box-shadow:0 18px 44px rgba(15,45,84,.065)!important;
    }
    html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-workspace-identical-v3615 > .ksc-main{
        grid-column:2!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:0!important;overflow:visible!important;
    }
    html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-workspace-identical-v3615 .ksc-dashboard-hero-v34{
        display:grid!important;grid-template-columns:minmax(260px,430px) minmax(0,1fr)!important;grid-template-rows:auto auto!important;align-items:start!important;gap:18px 30px!important;width:100%!important;margin:0 0 18px!important;padding:26px!important;border:1px solid #DDE9F7!important;border-radius:24px!important;background:linear-gradient(180deg,#FFFFFF 0%,#F8FBFF 100%)!important;box-shadow:0 18px 42px rgba(15,45,84,.055)!important;overflow:visible!important;
    }
    html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-workspace-identical-v3615 .ksc-dashboard-hero-v34 .ksc-dashboard-top-actions{
        display:grid!important;grid-template-columns:minmax(340px,1fr) 52px minmax(320px,370px)!important;align-items:center!important;gap:12px!important;width:100%!important;min-height:52px!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;
    }
}
@media (max-width:980px){
    html body.ksc-mobile-menu-open,
    html body.ksc-staff-menu-open,
    html body.ksc-partner-menu-open,
    html body.ksc-mobile-menu-open main.cha-pcm-shortcode-root[data-ks-partner-portal],
    html body.ksc-staff-menu-open .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal],
    html body.ksc-partner-menu-open main.cha-pcm-shortcode-root[data-ks-partner-portal]{
        overflow:hidden!important;touch-action:none!important;
    }
    html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-workspace-identical-v3615,
    html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-workspace-identical-v3615 > .ksc-main{
        display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:0!important;overflow:visible!important;
    }
    html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-workspace-identical-v3615 > .ksc-main{
        padding:calc(env(safe-area-inset-top,0px) + 84px) 12px 28px!important;
    }
    /* Topbar must never sit over the opened drawer. */
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] > .ksc-mobile-topbar,
    html body main.cha-pcm-shortcode-root[data-ks-partner-portal] > .ksc-mobile-topbar,
    html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-mobile-topbar{
        z-index:2147483000!important;
    }
    html body.ksc-mobile-menu-open .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] > .ksc-mobile-topbar,
    html body.ksc-staff-menu-open .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] > .ksc-mobile-topbar,
    html body.ksc-partner-menu-open main.cha-pcm-shortcode-root[data-ks-partner-portal] > .ksc-mobile-topbar,
    html body.ksc-mobile-menu-open main.cha-pcm-shortcode-root[data-ks-partner-portal] > .ksc-mobile-topbar{
        z-index:2147483000!important;pointer-events:none!important;filter:none!important;
    }
    /* Backdrop covers the header; drawer sits above both. */
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] > .ksc-mobile-backdrop,
    html body main.cha-pcm-shortcode-root[data-ks-partner-portal] > .ksc-mobile-backdrop,
    html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-mobile-backdrop{
        position:fixed!important;inset:0!important;z-index:2147483400!important;background:rgba(7,24,48,.52)!important;backdrop-filter:blur(5px)!important;-webkit-backdrop-filter:blur(5px)!important;opacity:0!important;display:none!important;pointer-events:none!important;
    }
    html body.ksc-mobile-menu-open .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] > .ksc-mobile-backdrop,
    html body.ksc-staff-menu-open .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] > .ksc-mobile-backdrop,
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal].is-mobile-menu-open > .ksc-mobile-backdrop,
    html body.ksc-partner-menu-open main.cha-pcm-shortcode-root[data-ks-partner-portal] > .ksc-mobile-backdrop,
    html body.ksc-mobile-menu-open main.cha-pcm-shortcode-root[data-ks-partner-portal] > .ksc-mobile-backdrop,
    html body main.cha-pcm-shortcode-root[data-ks-partner-portal].is-mobile-menu-open > .ksc-mobile-backdrop,
    html body main.cha-pcm-shortcode-root[data-ks-partner-portal].is-menu-open > .ksc-mobile-backdrop{
        display:block!important;opacity:1!important;pointer-events:auto!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] > .ksc-sidebar,
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] #ksc-staff-sidebar,
    html body main.cha-pcm-shortcode-root[data-ks-partner-portal] > .ksc-sidebar,
    html body main.cha-pcm-shortcode-root[data-ks-partner-portal] #ks-partner-sidebar{
        position:fixed!important;top:0!important;left:0!important;bottom:0!important;width:min(368px,86vw)!important;max-width:calc(100vw - 52px)!important;height:100dvh!important;max-height:100dvh!important;margin:0!important;padding:calc(env(safe-area-inset-top,0px) + 18px) 18px calc(env(safe-area-inset-bottom,0px) + 22px)!important;overflow:auto!important;overscroll-behavior:contain!important;transform:translate3d(-104%,0,0)!important;visibility:visible!important;opacity:1!important;pointer-events:none!important;z-index:2147483647!important;border-radius:0 26px 26px 0!important;border:0!important;border-right:1px solid #DDE9F7!important;background:#FFFFFF!important;box-shadow:24px 0 72px rgba(15,45,84,.30)!important;transition:transform .22s cubic-bezier(.22,.61,.36,1)!important;
    }
    html body.ksc-mobile-menu-open .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] > .ksc-sidebar,
    html body.ksc-staff-menu-open .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal] > .ksc-sidebar,
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal].is-mobile-menu-open > .ksc-sidebar,
    html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal].is-menu-open > .ksc-sidebar,
    html body.ksc-partner-menu-open main.cha-pcm-shortcode-root[data-ks-partner-portal] > .ksc-sidebar,
    html body.ksc-mobile-menu-open main.cha-pcm-shortcode-root[data-ks-partner-portal] > .ksc-sidebar,
    html body main.cha-pcm-shortcode-root[data-ks-partner-portal].is-mobile-menu-open > .ksc-sidebar,
    html body main.cha-pcm-shortcode-root[data-ks-partner-portal].is-menu-open > .ksc-sidebar{
        transform:translate3d(0,0,0)!important;pointer-events:auto!important;
    }
    html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-workspace-identical-v3615 .ksc-dashboard-hero-v34{
        display:block!important;margin:0 0 14px!important;padding:17px 16px 16px!important;border-radius:22px!important;background:#FFFFFF!important;box-shadow:0 14px 34px rgba(12,39,78,.055)!important;overflow:visible!important;
    }
    html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-workspace-identical-v3615 .ksc-dashboard-hero-v34 .ksc-dashboard-top-actions{
        display:grid!important;grid-template-columns:minmax(0,1fr) 48px 48px!important;gap:8px!important;align-items:center!important;width:100%!important;margin:0 0 14px!important;padding:0!important;background:transparent!important;box-shadow:none!important;border:0!important;
    }
}



/* KS Operations 3.6.18 — Stage 5 patient/application flow cleanup */
html body .cha-pcm-shortcode-root--application .ks-application-form-wrap .fluentform select,
html body .cha-pcm-shortcode-root--application .ks-fluent-wrap .fluentform select,
html body .cha-pcm-shortcode-root--payment select,
html body .cha-pcm-shortcode-root--patient select {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    padding-right: 44px !important;
    background-color: #fbfdff !important;
    background-image:
        linear-gradient(45deg, transparent 50%, #0B5FCC 50%),
        linear-gradient(135deg, #0B5FCC 50%, transparent 50%) !important;
    background-position:
        calc(100% - 22px) 50%,
        calc(100% - 16px) 50% !important;
    background-size: 6px 6px, 6px 6px !important;
    background-repeat: no-repeat !important;
}
html body .cha-pcm-shortcode-root--application .ks-application-form-wrap .fluentform select::-ms-expand,
html body .cha-pcm-shortcode-root--payment select::-ms-expand,
html body .cha-pcm-shortcode-root--patient select::-ms-expand {
    display: none !important;
}
html body .cha-pcm-shortcode-root--application .ks-application-file-no strong,
html body .cha-pcm-shortcode-root--patient input[name="lookup_reference"] {
    letter-spacing: .01em !important;
}



/* KS Operations 3.6.23 — final desktop partner shell repair.
   Root cause fixed: desktop must use .ks-clean-staff as the grid; mobile topbar/backdrop must not occupy desktop layout. */
@media (min-width:981px){
    html body main.cha-pcm-shortcode-root[data-ks-partner-portal],
    html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-workspace-identical-v3615,
    html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-mobile-shell-final-v366{
        display:block!important;
        width:100%!important;
        max-width:none!important;
        min-width:0!important;
        min-height:100vh!important;
        margin:0!important;
        padding:0!important;
        background:#F4F8FC!important;
        overflow:visible!important;
        transform:none!important;
    }

    html body main.cha-pcm-shortcode-root[data-ks-partner-portal] > .ks-clean-staff[data-ksc-staff-portal],
    html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-workspace-identical-v3615 > .ks-clean-staff[data-ksc-staff-portal],
    html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ks-clean-staff[data-ksc-staff-portal]{
        display:grid!important;
        grid-template-columns:282px minmax(0,1fr)!important;
        grid-template-rows:auto!important;
        column-gap:26px!important;
        row-gap:0!important;
        align-items:start!important;
        width:100%!important;
        max-width:none!important;
        min-width:0!important;
        min-height:100vh!important;
        margin:0!important;
        padding:26px!important;
        background:#F4F8FC!important;
        overflow:visible!important;
        transform:none!important;
        box-sizing:border-box!important;
    }

    /* These are mobile-only. If they render on desktop they create the white/blue vertical bars seen beside the sidebar. */
    html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ks-clean-staff[data-ksc-staff-portal] > .ksc-mobile-topbar,
    html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ks-clean-staff[data-ksc-staff-portal] > .ksc-mobile-backdrop,
    html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-mobile-topbar,
    html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-mobile-backdrop{
        display:none!important;
        visibility:hidden!important;
        opacity:0!important;
        pointer-events:none!important;
        position:absolute!important;
        width:0!important;
        height:0!important;
        min-width:0!important;
        min-height:0!important;
        max-width:0!important;
        max-height:0!important;
        margin:0!important;
        padding:0!important;
        overflow:hidden!important;
        transform:none!important;
    }

    html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ks-clean-staff[data-ksc-staff-portal] > #ks-partner-sidebar,
    html body main.cha-pcm-shortcode-root[data-ks-partner-portal] #ks-partner-sidebar,
    html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ks-clean-staff[data-ksc-staff-portal] > .ksc-sidebar{
        grid-column:1!important;
        grid-row:1!important;
        position:sticky!important;
        inset:auto!important;
        top:24px!important;
        left:auto!important;
        right:auto!important;
        bottom:auto!important;
        display:flex!important;
        flex-direction:column!important;
        width:282px!important;
        min-width:282px!important;
        max-width:282px!important;
        height:calc(100vh - 52px)!important;
        max-height:calc(100vh - 52px)!important;
        min-height:0!important;
        margin:0!important;
        padding:20px!important;
        overflow-x:hidden!important;
        overflow-y:auto!important;
        transform:none!important;
        visibility:visible!important;
        opacity:1!important;
        pointer-events:auto!important;
        z-index:20!important;
        border:1px solid #DDE9F7!important;
        border-radius:28px!important;
        background:#FFFFFF!important;
        box-shadow:0 18px 44px rgba(15,45,84,.065)!important;
        box-sizing:border-box!important;
    }

    html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ks-clean-staff[data-ksc-staff-portal] > .ksc-main,
    html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-main{
        grid-column:2!important;
        grid-row:1!important;
        display:block!important;
        width:100%!important;
        max-width:none!important;
        min-width:0!important;
        margin:0!important;
        padding:0!important;
        border:0!important;
        border-radius:0!important;
        background:transparent!important;
        box-shadow:none!important;
        overflow:visible!important;
        transform:none!important;
        box-sizing:border-box!important;
    }

    html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-dashboard-hero-v34{
        display:grid!important;
        grid-template-columns:minmax(320px,430px) minmax(420px,1fr)!important;
        grid-template-rows:auto!important;
        gap:18px 30px!important;
        align-items:start!important;
        width:100%!important;
        max-width:none!important;
        min-width:0!important;
        margin:0 0 18px!important;
        padding:26px!important;
        border:1px solid #DDE9F7!important;
        border-radius:26px!important;
        background:linear-gradient(180deg,#FFFFFF 0%,#F8FBFF 100%)!important;
        box-shadow:0 18px 42px rgba(15,45,84,.055)!important;
        overflow:visible!important;
        box-sizing:border-box!important;
    }

    html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-dashboard-hero-v34 > div:first-child{
        grid-column:1!important;
        width:100%!important;
        max-width:430px!important;
        min-width:0!important;
    }

    html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-dashboard-hero-v34 .ksc-dashboard-hero-tools{
        grid-column:2!important;
        display:block!important;
        width:100%!important;
        max-width:none!important;
        min-width:0!important;
        justify-self:stretch!important;
        align-self:start!important;
    }

    html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-dashboard-hero-v34 .ksc-dashboard-actions{
        display:flex!important;
        flex-wrap:wrap!important;
        justify-content:flex-start!important;
        align-items:center!important;
        gap:10px!important;
        width:100%!important;
        max-width:none!important;
        margin:0!important;
        padding:0!important;
    }

    html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-dashboard-hero-v34 .ksc-dashboard-actions .ksc-btn{
        width:auto!important;
        min-width:118px!important;
        max-width:none!important;
        height:42px!important;
        min-height:42px!important;
        display:inline-flex!important;
        align-items:center!important;
        justify-content:center!important;
        padding:0 18px!important;
        white-space:nowrap!important;
    }

    html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-dashboard-stable-v3622{
        display:grid!important;
        grid-template-columns:repeat(5,minmax(170px,1fr))!important;
        gap:16px!important;
        width:100%!important;
        max-width:none!important;
        min-width:0!important;
        margin:18px 0!important;
        padding:0!important;
        align-items:stretch!important;
    }

    html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-metric-card-v3622,
    html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-metric-card-v3622 *{
        writing-mode:horizontal-tb!important;
        text-orientation:mixed!important;
        white-space:normal!important;
        word-break:normal!important;
        overflow-wrap:normal!important;
        transform:none!important;
    }
}
@media (min-width:981px) and (max-width:1320px){
    html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-dashboard-stable-v3622{
        grid-template-columns:repeat(3,minmax(180px,1fr))!important;
    }
    html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-dashboard-hero-v34{
        grid-template-columns:1fr!important;
    }
    html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-dashboard-hero-v34 .ksc-dashboard-hero-tools{
        grid-column:1!important;
    }
}



/* KS Operations 3.6.35 — Phase 6 application/patient-flow hardening */
html body [data-ks-application-page="1"].ks-application-flow-phase6,
html body .ks-application-flow-phase6 [data-ks-application-page="1"]{
    --ks-application-input-height:48px;
}
html body [data-ks-application-page="1"].ks-application-flow-phase6 .ks-application-form-wrap .select2,
html body [data-ks-application-page="1"].ks-application-flow-phase6 .ks-application-form-wrap .select2-container,
html body [data-ks-application-page="1"].ks-application-flow-phase6 .ks-application-form-wrap .select2-dropdown,
html body .ks-application-flow-phase6 .ks-application-form-wrap .select2,
html body .ks-application-flow-phase6 .ks-application-form-wrap .select2-container,
html body .ks-application-flow-phase6 .ks-application-form-wrap .select2-dropdown{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    pointer-events:none!important;
}
html body [data-ks-application-page="1"].ks-application-flow-phase6 .ks-application-form-wrap select,
html body .ks-application-flow-phase6 .ks-application-form-wrap select{
    display:block!important;
    visibility:visible!important;
    position:static!important;
    width:100%!important;
    max-width:100%!important;
    min-height:var(--ks-application-input-height)!important;
    opacity:1!important;
    pointer-events:auto!important;
    clip:auto!important;
    clip-path:none!important;
}
html body [data-ks-application-page="1"] .ks-form-missing-alert{
    border:1px solid rgba(185,28,28,.18)!important;
    border-radius:16px!important;
    background:#fff7f7!important;
    color:#7f1d1d!important;
    padding:14px 16px!important;
}

/* KS Operations 3.6.38 — Phase 9 notification/search/profile chrome stability */
html body .cha-pcm-shortcode-root .ks-clean-staff.ks-panel-chrome-phase9-v3637,
html body .cha-pcm-shortcode-root[data-ks-partner-portal].ks-panel-chrome-phase9-v3637{
    --ks-phase9-dropdown-z:2000008;
    --ks-phase9-dropdown-border:#d8e6f6;
    --ks-phase9-dropdown-shadow:0 26px 70px rgba(8,26,58,.20);
}
html body .cha-pcm-shortcode-root .ks-clean-staff [data-ks-notification-center],
html body .cha-pcm-shortcode-root[data-ks-partner-portal] [data-ks-notification-center]{
    position:relative!important;
    overflow:visible!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-notification-menu,
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-notification-menu{
    isolation:isolate!important;
    z-index:var(--ks-phase9-dropdown-z,2000008)!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-notification-menu[hidden],
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-notification-menu[hidden],
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-menu[hidden],
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-profile-menu[hidden],
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-mobile-profile-menu[hidden],
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-mobile-profile-menu[hidden],
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-mobile-search-panel[hidden],
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-mobile-search-panel[hidden]{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-notification-menu:not([hidden]),
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-notification-menu:not([hidden]),
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-menu:not([hidden]),
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-profile-menu:not([hidden]),
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-mobile-profile-menu:not([hidden]),
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-mobile-profile-menu:not([hidden]),
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-mobile-search-panel:not([hidden]),
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-mobile-search-panel:not([hidden]){
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-mobile-actions,
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-mobile-actions{
    position:relative!important;
    isolation:isolate!important;
    overflow:visible!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-mobile-notification-wrap,
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-mobile-notification-wrap,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-mobile-profile-wrap,
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-mobile-profile-wrap,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-mobile-search-wrap,
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-mobile-search-wrap{
    position:relative!important;
    overflow:visible!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-menu,
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-profile-menu,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-mobile-profile-menu,
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-mobile-profile-menu{
    z-index:calc(var(--ks-phase9-dropdown-z,2000008) + 1)!important;
    border-color:var(--ks-phase9-dropdown-border,#d8e6f6)!important;
    box-shadow:var(--ks-phase9-dropdown-shadow,0 26px 70px rgba(8,26,58,.20))!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-mobile-search-panel,
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-mobile-search-panel{
    z-index:calc(var(--ks-phase9-dropdown-z,2000008) + 2)!important;
    border-color:var(--ks-phase9-dropdown-border,#d8e6f6)!important;
    box-shadow:var(--ks-phase9-dropdown-shadow,0 26px 70px rgba(8,26,58,.20))!important;
}
@media (max-width:980px){
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-mobile-notification-wrap .ksc-notification-menu,
    html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-mobile-notification-wrap .ksc-notification-menu,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-notification-wrap .ksc-notification-menu,
    html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-dashboard-notification-wrap .ksc-notification-menu{
        position:fixed!important;
        left:12px!important;
        right:12px!important;
        bottom:14px!important;
        top:auto!important;
        width:auto!important;
        max-width:none!important;
        max-height:min(68dvh,560px)!important;
        border:1px solid var(--ks-phase9-dropdown-border,#d8e6f6)!important;
        border-radius:24px!important;
        background:#fff!important;
        box-shadow:var(--ks-phase9-dropdown-shadow,0 26px 70px rgba(8,26,58,.20))!important;
        z-index:var(--ks-phase9-dropdown-z,2000008)!important;
        overflow:hidden!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-mobile-search-panel,
    html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-mobile-search-panel{
        position:fixed!important;
        left:12px!important;
        right:12px!important;
        top:78px!important;
        width:auto!important;
        max-width:none!important;
        min-height:58px!important;
        border:1px solid var(--ks-phase9-dropdown-border,#d8e6f6)!important;
        border-radius:20px!important;
        background:#fff!important;
        z-index:calc(var(--ks-phase9-dropdown-z,2000008) + 2)!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-mobile-profile-menu,
    html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-mobile-profile-menu,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-menu,
    html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-profile-menu{
        position:fixed!important;
        left:12px!important;
        right:12px!important;
        bottom:14px!important;
        top:auto!important;
        width:auto!important;
        max-width:none!important;
        border-radius:22px!important;
        background:#fff!important;
        z-index:calc(var(--ks-phase9-dropdown-z,2000008) + 1)!important;
        overflow:hidden!important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff.is-mobile-menu-open .ksc-mobile-search-panel,
    html body .cha-pcm-shortcode-root[data-ks-partner-portal].is-mobile-menu-open .ksc-mobile-search-panel,
    html body .cha-pcm-shortcode-root .ks-clean-staff.is-mobile-menu-open .ksc-mobile-profile-menu,
    html body .cha-pcm-shortcode-root[data-ks-partner-portal].is-mobile-menu-open .ksc-mobile-profile-menu,
    html body .cha-pcm-shortcode-root .ks-clean-staff.is-mobile-menu-open .ksc-notification-menu,
    html body .cha-pcm-shortcode-root[data-ks-partner-portal].is-mobile-menu-open .ksc-notification-menu{
        display:none!important;
        visibility:hidden!important;
        opacity:0!important;
        pointer-events:none!important;
    }
}
@media (min-width:981px){
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-mobile-topbar .ksc-notification-menu,
    html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-mobile-topbar .ksc-notification-menu,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-mobile-search-panel,
    html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-mobile-search-panel,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-mobile-profile-menu,
    html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-mobile-profile-menu{
        display:none!important;
    }
}

/* KS Operations 3.6.40 — Phase 12 typography refinement / polite visual system
   Amaç: panel, hasta portalı, başvuru ve shop ekranlarında kaba/çok kalın başlık,
   sayı ve vurgu stillerini yumuşatıp tek tip kurumsal yazı karakteri hissi vermek. */
:root{
    --ks-type-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, "Helvetica Neue", sans-serif;
    --ks-type-color:#17233a;
    --ks-type-muted:#65758b;
    --ks-type-soft:#334155;
    --ks-type-heading-weight:560;
    --ks-type-subheading-weight:520;
    --ks-type-body-weight:400;
    --ks-type-emphasis-weight:540;
    --ks-type-number-weight:560;
    --ks-type-letter-spacing:-0.012em;
}
html body .cha-pcm-shortcode-root,
html body .cha-pcm-shortcode-root *,
html body .ks-public-shell,
html body .ks-public-shell *,
html body .cha-pcm-shop,
html body .cha-pcm-shop *,
html body .ks-schema-health-wrap,
html body .ks-schema-health-wrap *{
    font-family:var(--ks-type-family)!important;
    -webkit-font-smoothing:antialiased!important;
    text-rendering:geometricPrecision!important;
}
html body .cha-pcm-shortcode-root,
html body .ks-public-shell,
html body .cha-pcm-shop{
    color:var(--ks-type-color)!important;
    font-weight:var(--ks-type-body-weight)!important;
    letter-spacing:normal!important;
}
html body .cha-pcm-shortcode-root h1,
html body .cha-pcm-shortcode-root h2,
html body .cha-pcm-shortcode-root h3,
html body .cha-pcm-shortcode-root h4,
html body .ks-public-shell h1,
html body .ks-public-shell h2,
html body .ks-public-shell h3,
html body .ks-public-shell h4,
html body .cha-pcm-shop h1,
html body .cha-pcm-shop h2,
html body .cha-pcm-shop h3,
html body .cha-pcm-shop h4,
html body .cha-pcm-shortcode-root .ksc-title,
html body .cha-pcm-shortcode-root .ks-section-title,
html body .cha-pcm-shortcode-root .ks-card-title,
html body .cha-pcm-shortcode-root .ks-panel-title,
html body .cha-pcm-shortcode-root .ks-dashboard-title,
html body .cha-pcm-shortcode-root .ks-hero-title,
html body .cha-pcm-shortcode-root .ks-page-title,
html body .cha-pcm-shortcode-root .ks-widget-title,
html body .cha-pcm-shortcode-root .ks-shell-title,
html body .cha-pcm-shortcode-root [class*="title"],
html body .cha-pcm-shortcode-root [class*="Title"]{
    font-weight:var(--ks-type-heading-weight)!important;
    letter-spacing:var(--ks-type-letter-spacing)!important;
    line-height:1.18!important;
    color:var(--ks-type-color)!important;
}
html body .cha-pcm-shortcode-root h1,
html body .ks-public-shell h1,
html body .cha-pcm-shop h1{
    font-size:clamp(25px,3vw,38px)!important;
    font-weight:560!important;
}
html body .cha-pcm-shortcode-root h2,
html body .ks-public-shell h2,
html body .cha-pcm-shop h2{
    font-size:clamp(21px,2.2vw,30px)!important;
    font-weight:550!important;
}
html body .cha-pcm-shortcode-root h3,
html body .ks-public-shell h3,
html body .cha-pcm-shop h3{
    font-size:clamp(17px,1.6vw,22px)!important;
    font-weight:540!important;
}
html body .cha-pcm-shortcode-root p,
html body .cha-pcm-shortcode-root li,
html body .cha-pcm-shortcode-root label,
html body .cha-pcm-shortcode-root td,
html body .cha-pcm-shortcode-root input,
html body .cha-pcm-shortcode-root select,
html body .cha-pcm-shortcode-root textarea,
html body .ks-public-shell p,
html body .ks-public-shell li,
html body .ks-public-shell label,
html body .cha-pcm-shop p,
html body .cha-pcm-shop li,
html body .cha-pcm-shop label{
    font-weight:400!important;
    line-height:1.55!important;
    letter-spacing:normal!important;
}
html body .cha-pcm-shortcode-root .subtitle,
html body .cha-pcm-shortcode-root .description,
html body .cha-pcm-shortcode-root .ks-muted,
html body .cha-pcm-shortcode-root .ks-card-text,
html body .cha-pcm-shortcode-root .ks-section-desc,
html body .cha-pcm-shortcode-root .ks-helper-text,
html body .cha-pcm-shortcode-root .ksc-subtitle,
html body .cha-pcm-shortcode-root .ksc-description,
html body .cha-pcm-shortcode-root small,
html body .ks-public-shell small,
html body .cha-pcm-shop small{
    color:var(--ks-type-muted)!important;
    font-weight:400!important;
    letter-spacing:normal!important;
}
html body .cha-pcm-shortcode-root strong,
html body .cha-pcm-shortcode-root b,
html body .ks-public-shell strong,
html body .ks-public-shell b,
html body .cha-pcm-shop strong,
html body .cha-pcm-shop b{
    font-weight:var(--ks-type-emphasis-weight)!important;
    color:inherit!important;
}
html body .cha-pcm-shortcode-root .ks-stat-value,
html body .cha-pcm-shortcode-root .ks-metric-value,
html body .cha-pcm-shortcode-root .ks-summary-value,
html body .cha-pcm-shortcode-root .ks-amount,
html body .cha-pcm-shortcode-root .ks-price,
html body .cha-pcm-shortcode-root .ks-total,
html body .cha-pcm-shortcode-root .ks-count,
html body .cha-pcm-shortcode-root .ksc-stat-value,
html body .cha-pcm-shortcode-root .ksc-metric-value,
html body .cha-pcm-shortcode-root [class*="amount"],
html body .cha-pcm-shortcode-root [class*="Amount"],
html body .cha-pcm-shortcode-root [class*="price"],
html body .cha-pcm-shortcode-root [class*="Price"],
html body .cha-pcm-shortcode-root [class*="total"],
html body .cha-pcm-shortcode-root [class*="Total"],
html body .cha-pcm-shortcode-root [class*="count"],
html body .cha-pcm-shortcode-root [class*="Count"],
html body .cha-pcm-shop [class*="amount"],
html body .cha-pcm-shop [class*="price"],
html body .cha-pcm-shop [class*="total"]{
    font-weight:var(--ks-type-number-weight)!important;
    letter-spacing:-0.01em!important;
    line-height:1.12!important;
}
html body .cha-pcm-shortcode-root .ks-badge,
html body .cha-pcm-shortcode-root .ks-pill,
html body .cha-pcm-shortcode-root .ks-status-pill,
html body .cha-pcm-shortcode-root .ksc-badge,
html body .cha-pcm-shortcode-root .ksc-pill,
html body .cha-pcm-shortcode-root .ksc-status,
html body .cha-pcm-shortcode-root [class*="badge"],
html body .cha-pcm-shortcode-root [class*="Badge"],
html body .cha-pcm-shortcode-root [class*="pill"],
html body .cha-pcm-shortcode-root [class*="Pill"],
html body .cha-pcm-shortcode-root [class*="status"],
html body .cha-pcm-shortcode-root [class*="Status"]{
    font-weight:520!important;
    letter-spacing:.005em!important;
}
html body .cha-pcm-shortcode-root button,
html body .cha-pcm-shortcode-root .button,
html body .cha-pcm-shortcode-root .ks-btn,
html body .cha-pcm-shortcode-root .ksc-btn,
html body .cha-pcm-shortcode-root a[class*="btn"],
html body .cha-pcm-shortcode-root a[class*="button"],
html body .ks-public-shell button,
html body .ks-public-shell .button,
html body .cha-pcm-shop button,
html body .cha-pcm-shop .button{
    font-weight:540!important;
    letter-spacing:.005em!important;
}
html body .cha-pcm-shortcode-root table th,
html body .cha-pcm-shortcode-root .ks-table th,
html body .cha-pcm-shortcode-root [class*="table"] th{
    font-weight:540!important;
    letter-spacing:.035em!important;
}
html body .cha-pcm-shortcode-root .ks-hero-card strong,
html body .cha-pcm-shortcode-root .ks-case-summary-bar strong,
html body .cha-pcm-shortcode-root .ks-treatment-card span,
html body .cha-pcm-shortcode-root .ks-price-summary,
html body .cha-pcm-shortcode-root .ks-invoice-card b,
html body .cha-pcm-shortcode-root .ks-message-bubble span,
html body .cha-pcm-shortcode-root .ks-nav a,
html body .cha-pcm-shortcode-root .ks-sidebar-logout button{
    font-weight:540!important;
}
html body .cha-pcm-shortcode-root .ks-public-hero h1,
html body .cha-pcm-shortcode-root .ks-login-hero h1,
html body .cha-pcm-shortcode-root .ksc-hero h1,
html body .cha-pcm-shortcode-root .ksc-dashboard-hero h1,
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-hero h1,
html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-dashboard-hero h1{
    font-size:clamp(26px,3.2vw,40px)!important;
    font-weight:560!important;
}
html body .cha-pcm-shortcode-root .ksc-card,
html body .cha-pcm-shortcode-root .ks-card,
html body .cha-pcm-shortcode-root .ks-panel-card,
html body .cha-pcm-shortcode-root .ks-dashboard-card{
    letter-spacing:normal!important;
}
@media (max-width:980px){
    html body .cha-pcm-shortcode-root h1,
    html body .ks-public-shell h1,
    html body .cha-pcm-shop h1,
    html body .cha-pcm-shortcode-root .ks-public-hero h1,
    html body .cha-pcm-shortcode-root .ks-login-hero h1,
    html body .cha-pcm-shortcode-root .ksc-hero h1,
    html body .cha-pcm-shortcode-root .ksc-dashboard-hero h1,
    html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-hero h1,
    html body .cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-dashboard-hero h1{
        font-size:clamp(23px,7vw,31px)!important;
        font-weight:550!important;
        line-height:1.16!important;
    }
    html body .cha-pcm-shortcode-root h2,
    html body .ks-public-shell h2,
    html body .cha-pcm-shop h2{
        font-size:clamp(19px,5.5vw,25px)!important;
        font-weight:540!important;
    }
    html body .cha-pcm-shortcode-root .ks-stat-value,
    html body .cha-pcm-shortcode-root .ks-metric-value,
    html body .cha-pcm-shortcode-root .ks-summary-value,
    html body .cha-pcm-shortcode-root .ks-amount,
    html body .cha-pcm-shortcode-root .ks-price,
    html body .cha-pcm-shortcode-root .ks-total,
    html body .cha-pcm-shortcode-root .ks-count,
    html body .cha-pcm-shortcode-root [class*="amount"],
    html body .cha-pcm-shortcode-root [class*="price"],
    html body .cha-pcm-shortcode-root [class*="total"],
    html body .cha-pcm-shortcode-root [class*="count"]{
        font-weight:550!important;
    }
}


/* KS Operations 3.6.41 — Typography Hard Fix / Visual Weight Rebalance
   Purpose: remove harsh 800/850 weights from dashboards, KPI numbers, pills, labels and panel headings.
   This block intentionally runs late and uses exact workspace/partner selectors because older inline hotfixes used heavy !important values. */
:root{
    --ks-refined-font: Inter, Aptos, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
    --ks-refined-ink: #132238;
    --ks-refined-soft-ink: #334155;
    --ks-refined-muted: #64748B;
    --ks-refined-faint: #7C8DA5;
    --ks-refined-title-weight: 560;
    --ks-refined-section-weight: 540;
    --ks-refined-label-weight: 520;
    --ks-refined-value-weight: 560;
    --ks-refined-button-weight: 540;
}
html body .cha-pcm-shortcode-root .ks-clean-staff,
html body .cha-pcm-shortcode-root .ks-clean-staff *,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal],
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] *,
html body .ks-public-shell,
html body .ks-public-shell *,
html body .cha-pcm-shop,
html body .cha-pcm-shop *{
    font-family: var(--ks-refined-font) !important;
    font-synthesis-weight: none !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    text-rendering: optimizeLegibility !important;
}
/* Main hero titles: smaller, softer, less compressed */
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 h1,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-header h1,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-page-title,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-dashboard-hero-v34 h1,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-header h1,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-portal-title,
html body .cha-pcm-shortcode-root .ks-public-hero h1,
html body .cha-pcm-shop h1{
    color: var(--ks-refined-ink) !important;
    font-size: clamp(22px, 1.62vw, 27px) !important;
    line-height: 1.24 !important;
    font-weight: var(--ks-refined-title-weight) !important;
    letter-spacing: -0.015em !important;
    text-transform: none !important;
}
/* Section headings */
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-panel-head h2,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-panel h2,
html body .cha-pcm-shortcode-root .ks-clean-staff h2,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-panel-head h2,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-panel h2,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] h2,
html body .cha-pcm-shop h2,
html body .ks-public-shell h2{
    color: var(--ks-refined-ink) !important;
    font-size: clamp(18px, 1.18vw, 22px) !important;
    line-height: 1.28 !important;
    font-weight: var(--ks-refined-section-weight) !important;
    letter-spacing: -0.01em !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff h3,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] h3,
html body .cha-pcm-shop h3,
html body .ks-public-shell h3{
    font-size: clamp(15px, .95vw, 18px) !important;
    line-height: 1.3 !important;
    font-weight: 530 !important;
    letter-spacing: -0.006em !important;
}
/* Body and helper text: stop the semi-bold look */
html body .cha-pcm-shortcode-root .ks-clean-staff p,
html body .cha-pcm-shortcode-root .ks-clean-staff small,
html body .cha-pcm-shortcode-root .ks-clean-staff li,
html body .cha-pcm-shortcode-root .ks-clean-staff td,
html body .cha-pcm-shortcode-root .ks-clean-staff label,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] p,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] small,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] li,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] td,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] label{
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    color: var(--ks-refined-soft-ink) !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 p,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-dashboard-hero-v34 p,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-panel-head p,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-panel-head p{
    font-size: 13px !important;
    line-height: 1.6 !important;
    font-weight: 400 !important;
    color: #4B5F78 !important;
}
/* Micro labels / uppercase labels: keep structure but remove shouting. */
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-eyebrow,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-eyebrow,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-command-card span,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-command-card span,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-finance-cards article span,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-finance-cards article span,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-phase3-summary-v3631 article span,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-metric-card-v3622 span,
html body .cha-pcm-shortcode-root .ks-clean-staff [class*="metric"] span,
html body .cha-pcm-shortcode-root .ks-clean-staff [class*="stat"] span,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] [class*="metric"] span,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] [class*="stat"] span,
html body .cha-pcm-shortcode-root .ks-clean-staff table th,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] table th{
    font-size: 10.5px !important;
    line-height: 1.2 !important;
    font-weight: var(--ks-refined-label-weight) !important;
    letter-spacing: .055em !important;
    color: var(--ks-refined-faint) !important;
}
/* KPI values and all financial/number values: lower weight and size. */
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-command-card strong,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-command-card strong,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-finance-cards article strong,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-finance-cards article strong,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-phase3-summary-v3631 article strong,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-metric-card-v3622 strong,
html body .cha-pcm-shortcode-root .ks-clean-staff [class*="metric"] strong,
html body .cha-pcm-shortcode-root .ks-clean-staff [class*="stat"] strong,
html body .cha-pcm-shortcode-root .ks-clean-staff [class*="amount"],
html body .cha-pcm-shortcode-root .ks-clean-staff [class*="Amount"],
html body .cha-pcm-shortcode-root .ks-clean-staff [class*="total"],
html body .cha-pcm-shortcode-root .ks-clean-staff [class*="Total"],
html body .cha-pcm-shortcode-root .ks-clean-staff [class*="price"],
html body .cha-pcm-shortcode-root .ks-clean-staff [class*="Price"],
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] [class*="metric"] strong,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] [class*="stat"] strong,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] [class*="amount"],
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] [class*="Amount"],
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] [class*="total"],
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] [class*="Total"],
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] [class*="price"],
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] [class*="Price"]{
    color: #0D1F3A !important;
    font-size: clamp(20px, 1.4vw, 25px) !important;
    line-height: 1.18 !important;
    font-weight: var(--ks-refined-value-weight) !important;
    letter-spacing: -0.012em !important;
    font-variant-numeric: tabular-nums lining-nums !important;
}
/* Smaller numeric chips and counters should not inherit huge font-size. */
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-flow-board a span,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-flow-board a span,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-priority-list a strong,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-priority-list a strong,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-actions .ksc-btn span,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-dashboard-actions .ksc-btn span,
html body .cha-pcm-shortcode-root .ks-clean-staff [class*="badge"],
html body .cha-pcm-shortcode-root .ks-clean-staff [class*="Badge"],
html body .cha-pcm-shortcode-root .ks-clean-staff [class*="pill"],
html body .cha-pcm-shortcode-root .ks-clean-staff [class*="Pill"],
html body .cha-pcm-shortcode-root .ks-clean-staff [class*="status"],
html body .cha-pcm-shortcode-root .ks-clean-staff [class*="Status"],
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] [class*="badge"],
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] [class*="Badge"],
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] [class*="pill"],
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] [class*="Pill"],
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] [class*="status"],
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] [class*="Status"]{
    font-size: 11px !important;
    line-height: 1.15 !important;
    font-weight: 540 !important;
    letter-spacing: .01em !important;
}
/* Card copy and secondary descriptions */
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-command-card small,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-command-card small,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-finance-cards article small,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-finance-cards article small,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-phase3-summary-v3631 article small,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-metric-card-v3622 small,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-flow-board a small,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-flow-board a small{
    color: var(--ks-refined-muted) !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
}
/* Flow, priority and sidebar card titles */
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-flow-board a strong,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-flow-board a strong,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-priority-list a span,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-priority-list a span,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-sidebar a,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-sidebar a,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-brand strong,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-brand strong{
    font-weight: 520 !important;
    letter-spacing: -0.003em !important;
    color: var(--ks-refined-ink) !important;
}
/* Buttons and header controls */
html body .cha-pcm-shortcode-root .ks-clean-staff button,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-btn,
html body .cha-pcm-shortcode-root .ks-clean-staff .button,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] button,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-btn,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .button{
    font-weight: var(--ks-refined-button-weight) !important;
    letter-spacing: 0 !important;
    text-shadow: none !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-text strong,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-profile-text strong,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-menu-head strong,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-profile-menu-head strong{
    font-weight: 540 !important;
    font-size: 12.5px !important;
    letter-spacing: -0.003em !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-text small,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-profile-text small,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-menu-head small,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-profile-menu-head small{
    font-weight: 400 !important;
    font-size: 10.5px !important;
    letter-spacing: 0 !important;
}
/* Forms / inputs */
html body .cha-pcm-shortcode-root .ks-clean-staff input,
html body .cha-pcm-shortcode-root .ks-clean-staff select,
html body .cha-pcm-shortcode-root .ks-clean-staff textarea,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] input,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] select,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] textarea{
    font-weight: 400 !important;
    letter-spacing: 0 !important;
}
/* Mobile scale: reduce again because strong weights feel larger on mobile screens. */
@media (max-width: 1180px){
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 h1,
    html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-dashboard-hero-v34 h1,
    html body .cha-pcm-shortcode-root .ks-public-hero h1,
    html body .cha-pcm-shop h1{
        font-size: clamp(22px, 5.8vw, 29px) !important;
        font-weight: 550 !important;
        letter-spacing: -0.012em !important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-panel-head h2,
    html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-panel-head h2,
    html body .cha-pcm-shortcode-root .ks-clean-staff h2,
    html body main.cha-pcm-shortcode-root[data-ks-partner-portal] h2{
        font-size: clamp(18px, 4.8vw, 23px) !important;
        font-weight: 530 !important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-command-card strong,
    html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-command-card strong,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-finance-cards article strong,
    html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-finance-cards article strong,
    html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-phase3-summary-v3631 article strong,
    html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-metric-card-v3622 strong{
        font-size: clamp(20px, 6vw, 25px) !important;
        font-weight: 550 !important;
    }
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-command-card span,
    html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-command-card span,
    html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-finance-cards article span,
    html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-finance-cards article span{
        font-size: 10px !important;
        font-weight: 510 !important;
        letter-spacing: .045em !important;
    }
}



/* KS Operations 3.6.42 — Typography Soft Balance + Partner Alignment Hard Fix
   Purpose: remove remaining heavy visual weight, reduce KPI number dominance and align partner/workspace chrome. */
:root{
  --ks-soft-font: Inter, Aptos, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  --ks-soft-ink:#16243A;
  --ks-soft-text:#34455E;
  --ks-soft-muted:#65758B;
  --ks-soft-faint:#7B8AA0;
  --ks-soft-blue:#0B5FCC;
}
html body .cha-pcm-shortcode-root .ks-clean-staff,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ks-clean-staff,
html body .cha-pcm-shortcode-root .ks-clean-staff *,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ks-clean-staff *{
  font-family:var(--ks-soft-font)!important;
  font-synthesis-weight:none!important;
  -webkit-font-smoothing:antialiased!important;
  -moz-osx-font-smoothing:grayscale!important;
  text-rendering:geometricPrecision!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ks-clean-staff{
  font-size:13px!important;
  line-height:1.48!important;
  color:var(--ks-soft-text)!important;
}
/* Panel frame / spacing parity */
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ks-clean-staff,
html body .cha-pcm-shortcode-root .ks-clean-staff[data-ksc-staff-portal]{
  gap:18px!important;
}
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-main,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-main{
  padding-top:26px!important;
}
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-dashboard-hero-v34,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34{
  padding:25px 28px!important;
  gap:16px 28px!important;
  align-items:start!important;
  border-radius:24px!important;
}
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-dashboard-hero-v34 h1,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 h1,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-portal-title,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-page-title{
  font-size:23px!important;
  line-height:1.22!important;
  font-weight:500!important;
  letter-spacing:-.012em!important;
  color:var(--ks-soft-ink)!important;
  margin:0!important;
}
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-dashboard-hero-v34 p,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 p{
  max-width:520px!important;
  font-size:12.7px!important;
  line-height:1.55!important;
  font-weight:400!important;
  color:#4B5D73!important;
  letter-spacing:0!important;
}
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-eyebrow,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-eyebrow{
  font-size:9.8px!important;
  line-height:1!important;
  font-weight:520!important;
  letter-spacing:.105em!important;
  padding:4px 9px!important;
  color:#0B5FCC!important;
}
/* Header controls */
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-dashboard-search input[type="search"],
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-search input[type="search"]{
  font-size:12px!important;
  font-weight:400!important;
  letter-spacing:0!important;
  color:#26384F!important;
}
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-dashboard-search-submit,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-search-submit,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-dashboard-actions .ksc-btn,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-actions .ksc-btn,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .button,
html body .cha-pcm-shortcode-root .ks-clean-staff .button,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] button,
html body .cha-pcm-shortcode-root .ks-clean-staff button{
  font-size:11.7px!important;
  line-height:1!important;
  font-weight:500!important;
  letter-spacing:0!important;
  text-shadow:none!important;
}
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-dashboard-actions,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-actions{
  gap:8px!important;
}
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-dashboard-actions .ksc-btn,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-actions .ksc-btn{
  height:38px!important;
  min-height:38px!important;
  border-radius:13px!important;
}
/* Sidebar polish */
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-sidebar,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-sidebar{
  font-size:12.7px!important;
}
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-brand strong,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-brand strong{
  font-size:13.6px!important;
  line-height:1.16!important;
  font-weight:520!important;
  letter-spacing:-.006em!important;
}
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-brand small,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-brand small,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-nav a,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-nav a{
  font-size:12.5px!important;
  line-height:1.25!important;
  font-weight:430!important;
  letter-spacing:0!important;
}
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-nav a.is-active,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-nav a.is-active{
  font-weight:500!important;
}
/* Cards / KPI visual weight */
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-phase3-summary-v3631,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-command-grid{
  gap:16px!important;
}
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-phase3-summary-v3631 article,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-metric-card-v3622,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-command-card,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-command-card,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-finance-cards article,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-finance-cards article{
  min-height:105px!important;
  padding:18px 20px!important;
  border-radius:21px!important;
}
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-phase3-summary-v3631 article span,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-metric-card-v3622 span,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-command-card span,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-command-card span,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-finance-cards article span,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-finance-cards article span,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] [class*="metric"] span,
html body .cha-pcm-shortcode-root .ks-clean-staff [class*="metric"] span{
  margin-bottom:8px!important;
  font-size:10px!important;
  line-height:1.16!important;
  font-weight:500!important;
  letter-spacing:.062em!important;
  color:#56677F!important;
  text-transform:uppercase!important;
}
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-phase3-summary-v3631 article strong,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-metric-card-v3622 strong,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-command-card strong,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-command-card strong,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-finance-cards article strong,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-finance-cards article strong,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] [class*="amount"],
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] [class*="total"],
html body .cha-pcm-shortcode-root .ks-clean-staff [class*="amount"],
html body .cha-pcm-shortcode-root .ks-clean-staff [class*="total"]{
  display:block!important;
  font-size:20.5px!important;
  line-height:1.12!important;
  font-weight:520!important;
  letter-spacing:-.018em!important;
  color:#0E1E33!important;
}
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-phase3-summary-v3631 article small,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-metric-card-v3622 small,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-command-card small,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-command-card small,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-finance-cards article small,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-finance-cards article small{
  margin-top:8px!important;
  font-size:11.6px!important;
  line-height:1.42!important;
  font-weight:400!important;
  color:#5F7087!important;
  letter-spacing:0!important;
}
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-phase3-summary-v3631 article.is-primary span,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-phase3-summary-v3631 article.is-primary strong,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-phase3-summary-v3631 article.is-primary small,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-command-card.is-primary span,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-command-card.is-primary strong,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-command-card.is-primary small{
  color:#fff!important;
}
/* Panel headings / lists */
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-panel h2,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] h2,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-panel h2,
html body .cha-pcm-shortcode-root .ks-clean-staff h2{
  font-size:18.5px!important;
  line-height:1.28!important;
  font-weight:500!important;
  letter-spacing:-.008em!important;
  color:var(--ks-soft-ink)!important;
}
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-panel p,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-panel p{
  font-size:12.4px!important;
  line-height:1.5!important;
  font-weight:400!important;
}
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-flow-board a strong,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-flow-board a strong,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-priority-list a span,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-priority-list a span,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-priority-list a strong,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-priority-list a strong{
  font-size:12.6px!important;
  line-height:1.25!important;
  font-weight:500!important;
  letter-spacing:-.003em!important;
}
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-priority-list a em,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-priority-list a em{
  min-width:30px!important;
  height:30px!important;
  font-size:12px!important;
  font-weight:500!important;
}
/* Profile / table / empty states */
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-profile-text strong,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-text strong{
  font-size:12.4px!important;
  font-weight:500!important;
}
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-profile-text small,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-profile-text small{
  font-size:10.5px!important;
  font-weight:400!important;
}
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] th,
html body .cha-pcm-shortcode-root .ks-clean-staff th,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-table th,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-table th{
  font-size:10.5px!important;
  font-weight:510!important;
  letter-spacing:.055em!important;
}
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ks-empty strong,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-empty strong,
html body .cha-pcm-shortcode-root .ks-clean-staff .ks-empty strong,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-empty strong{
  font-size:13px!important;
  font-weight:500!important;
}
@media (max-width:1180px){
  html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-dashboard-hero-v34,
  html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34{padding:18px!important;border-radius:22px!important;}
  html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-dashboard-hero-v34 h1,
  html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 h1{font-size:21px!important;font-weight:500!important;}
  html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-phase3-summary-v3631 article,
  html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-command-card,
  html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-command-card{padding:15px 16px!important;min-height:92px!important;border-radius:18px!important;}
  html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-phase3-summary-v3631 article strong,
  html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-command-card strong,
  html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-command-card strong{font-size:19px!important;font-weight:510!important;}
  html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-phase3-summary-v3631 article span,
  html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-command-card span,
  html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-command-card span{font-size:9.7px!important;font-weight:500!important;letter-spacing:.055em!important;}
}
@media (max-width:720px){
  html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ks-clean-staff,
  html body .cha-pcm-shortcode-root .ks-clean-staff{font-size:12.8px!important;}
  html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-dashboard-hero-v34 h1,
  html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-dashboard-hero-v34 h1{font-size:20px!important;line-height:1.25!important;}
  html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-panel h2,
  html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-panel h2{font-size:17px!important;font-weight:500!important;}
  html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ks-partner-phase3-summary-v3631 article strong,
  html body main.cha-pcm-shortcode-root[data-ks-partner-portal] .ksc-command-card strong,
  html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-command-card strong{font-size:18px!important;}
}



/* KS Operations 3.6.43 — Partner dashboard visual alignment / empty-state fix */
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-dashboard-align-v3643,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-dashboard-align-v3643 *{
  font-family:Inter,Aptos,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
  font-synthesis-weight:none!important;
  -webkit-font-smoothing:antialiased!important;
  -moz-osx-font-smoothing:grayscale!important;
  text-rendering:optimizeLegibility!important;
}
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-dashboard-align-v3643 .ks-partner-dashboard-stable-v3622{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:14px!important;
  width:100%!important;
  max-width:none!important;
  margin:16px 0!important;
  padding:0!important;
  align-items:stretch!important;
}
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-dashboard-align-v3643 .ks-partner-metric-card-v3622{
  min-height:104px!important;
  padding:17px 20px!important;
  border-radius:16px!important;
  border-color:#E2EAF5!important;
  box-shadow:0 12px 28px rgba(15,45,84,.040)!important;
}
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-dashboard-align-v3643 .ks-partner-metric-card-v3622.is-primary{
  box-shadow:0 14px 30px rgba(11,95,204,.18)!important;
}
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-dashboard-align-v3643 .ks-partner-metric-card-v3622 span{
  margin:0 0 9px!important;
  font-size:10.2px!important;
  line-height:1.15!important;
  font-weight:510!important;
  letter-spacing:.075em!important;
  text-transform:uppercase!important;
  color:#64748B!important;
}
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-dashboard-align-v3643 .ks-partner-metric-card-v3622 strong{
  margin:0 0 7px!important;
  font-size:22px!important;
  line-height:1.08!important;
  font-weight:560!important;
  letter-spacing:-.032em!important;
  color:#0D1B2F!important;
}
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-dashboard-align-v3643 .ks-partner-metric-card-v3622 small{
  margin:0!important;
  font-size:11.6px!important;
  line-height:1.42!important;
  font-weight:400!important;
  letter-spacing:0!important;
  color:#5F7087!important;
}
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-dashboard-align-v3643 .ks-partner-metric-card-v3622.is-primary span,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-dashboard-align-v3643 .ks-partner-metric-card-v3622.is-primary strong,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-dashboard-align-v3643 .ks-partner-metric-card-v3622.is-primary small{
  color:#fff!important;
}
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-dashboard-align-v3643 .ks-partner-recent-orders-v3624{
  width:100%!important;
  max-width:none!important;
  margin:18px 0 0!important;
  padding:22px 24px!important;
  border-radius:18px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-dashboard-align-v3643 .ks-partner-recent-orders-v3624 .ksc-panel-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:16px!important;
  margin:0 0 16px!important;
  padding:0!important;
  width:100%!important;
  box-sizing:border-box!important;
}
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-dashboard-align-v3643 .ks-partner-recent-orders-v3624 .ksc-panel-head>div{
  min-width:0!important;
  padding:0!important;
  margin:0!important;
}
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-dashboard-align-v3643 .ks-partner-recent-orders-v3624 h2{
  margin:0 0 5px!important;
  font-size:18px!important;
  line-height:1.25!important;
  font-weight:560!important;
  letter-spacing:-.018em!important;
  color:#0D1B2F!important;
}
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-dashboard-align-v3643 .ks-partner-recent-orders-v3624 .ksc-panel-head p{
  margin:0!important;
  font-size:12px!important;
  line-height:1.45!important;
  font-weight:400!important;
  color:#4B5F78!important;
}
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-dashboard-align-v3643 .ks-partner-recent-orders-v3624 .ksc-btn,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-dashboard-align-v3643 .ks-partner-recent-orders-v3624 .button,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-dashboard-align-v3643 .ks-partner-recent-orders-v3624 a.ksc-btn{
  flex:0 0 auto!important;
  min-height:34px!important;
  padding:8px 14px!important;
  border-radius:11px!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:500!important;
  letter-spacing:0!important;
}
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-dashboard-align-v3643 .ks-partner-recent-orders-v3624 .ks-partner-empty,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-dashboard-align-v3643 .ks-partner-recent-orders-v3624 .ks-empty-state,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-dashboard-align-v3643 .ks-partner-recent-orders-v3624 .cha-pcm-empty-state,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-dashboard-align-v3643 .ks-partner-recent-orders-v3624 .partner-orders-empty{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:26px 24px!important;
  box-sizing:border-box!important;
  border-radius:14px!important;
  text-align:center!important;
  clear:both!important;
  transform:none!important;
}
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-dashboard-align-v3643 .ks-partner-recent-orders-v3624 .ks-partner-empty strong,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-dashboard-align-v3643 .ks-partner-recent-orders-v3624 .ks-empty-state strong{
  display:block!important;
  margin:0 0 8px!important;
  font-size:14px!important;
  line-height:1.25!important;
  font-weight:520!important;
  letter-spacing:-.01em!important;
  color:#142033!important;
}
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-dashboard-align-v3643 .ks-partner-recent-orders-v3624 .ks-partner-empty p,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-dashboard-align-v3643 .ks-partner-recent-orders-v3624 .ks-empty-state p{
  margin:0!important;
  font-size:11.5px!important;
  line-height:1.45!important;
  font-weight:400!important;
  color:#64748B!important;
}
@media(max-width:1480px){
  html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-dashboard-align-v3643 .ks-partner-dashboard-stable-v3622{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
}
@media(max-width:1180px){
  html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-dashboard-align-v3643 .ks-partner-dashboard-stable-v3622{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;}
  html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-dashboard-align-v3643 .ks-partner-metric-card-v3622{min-height:94px!important;padding:15px 16px!important;border-radius:16px!important;}
  html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-dashboard-align-v3643 .ks-partner-metric-card-v3622 strong{font-size:20px!important;font-weight:550!important;}
}
@media(max-width:720px){
  html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-dashboard-align-v3643 .ks-partner-dashboard-stable-v3622{grid-template-columns:1fr!important;gap:10px!important;margin:14px 0!important;}
  html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-dashboard-align-v3643 .ks-partner-metric-card-v3622{padding:15px!important;min-height:auto!important;border-radius:15px!important;}
  html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-dashboard-align-v3643 .ks-partner-metric-card-v3622 span{font-size:9.8px!important;letter-spacing:.06em!important;}
  html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-dashboard-align-v3643 .ks-partner-metric-card-v3622 strong{font-size:20px!important;}
  html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-dashboard-align-v3643 .ks-partner-recent-orders-v3624{padding:18px 16px!important;border-radius:16px!important;}
  html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-dashboard-align-v3643 .ks-partner-recent-orders-v3624 .ksc-panel-head{flex-direction:column!important;align-items:stretch!important;gap:12px!important;}
  html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-dashboard-align-v3643 .ks-partner-recent-orders-v3624 .ksc-btn{width:100%!important;justify-content:center!important;text-align:center!important;}
  html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-dashboard-align-v3643 .ks-partner-recent-orders-v3624 .ks-partner-empty{padding:22px 16px!important;}
}


/* KS Operations 3.6.47 — Partner panel all-pages typography, spacing and alignment final layer */
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 *{
  font-family:Inter,Aptos,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
  -webkit-font-smoothing:antialiased!important;
  -moz-osx-font-smoothing:grayscale!important;
  text-rendering:optimizeLegibility!important;
}
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ks-clean-staff{font-size:12.6px!important;line-height:1.46!important;color:#24364F!important;}
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ksc-main{gap:16px!important;}
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ksc-dashboard-hero-v34{padding:22px 24px!important;border-radius:20px!important;margin-bottom:16px!important;}
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ksc-dashboard-hero-v34 .ksc-eyebrow{font-size:9.8px!important;font-weight:560!important;letter-spacing:.12em!important;padding:4px 9px!important;margin-bottom:8px!important;}
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ksc-dashboard-hero-v34 h1{font-size:22px!important;line-height:1.18!important;font-weight:560!important;letter-spacing:-.026em!important;color:#0B1728!important;}
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ksc-dashboard-hero-v34 p{font-size:12.4px!important;line-height:1.52!important;font-weight:400!important;color:#4F627A!important;}
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ksc-dashboard-actions .ksc-btn,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ksc-btn,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 button,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 input,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 select,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 textarea{font-size:12px!important;font-weight:430!important;letter-spacing:0!important;}
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ksc-btn,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 button[type="submit"],
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ksp-ref-action-v33,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ks-partner-order-actions-v360 a,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ks-partner-commission-card-v360 footer a{min-height:34px!important;border-radius:11px!important;padding:8px 13px!important;font-size:11.8px!important;font-weight:500!important;line-height:1.1!important;}
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ksc-dashboard-search input[type="search"]{font-size:12px!important;font-weight:400!important;}
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ksc-dashboard-search-submit{font-size:11.8px!important;font-weight:520!important;}
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ksc-sidebar .ksc-nav a,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ksc-nav-label,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ksc-logout{font-size:12.2px!important;font-weight:430!important;line-height:1.2!important;}
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ksc-brand strong{font-size:13.6px!important;font-weight:560!important;letter-spacing:-.015em!important;}
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ksc-brand small,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ksc-partner-sidebar-card-v157573 small,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ksc-partner-sidebar-card-v157573 span{font-size:10.8px!important;font-weight:400!important;letter-spacing:0!important;}
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ksc-partner-sidebar-card-v157573 strong{font-size:11.6px!important;font-weight:560!important;letter-spacing:.015em!important;}
/* Common panels across every partner tab */
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ksc-panel,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ks-partner-panel,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ksp-ref-panel-v33,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ksp-ref-hero-v33,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ks-partner-security-panel-v157587,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ks-partner-profile-advanced-v157589{border-radius:18px!important;padding:22px 24px!important;box-sizing:border-box!important;box-shadow:0 12px 30px rgba(15,45,84,.038)!important;}
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ksc-panel-head,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ks-partner-panel-head,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ksp-ref-panel-head-v33{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:16px!important;margin:0 0 16px!important;padding:0!important;width:100%!important;box-sizing:border-box!important;}
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ksc-panel-head>div,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ks-partner-panel-head>div,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ksp-ref-panel-head-v33>div{min-width:0!important;margin:0!important;padding:0!important;}
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 h2,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ksc-panel h2,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ks-partner-panel h2,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ksp-ref-copy-v33 h2{font-size:18px!important;line-height:1.26!important;font-weight:560!important;letter-spacing:-.02em!important;color:#0B1728!important;margin:0 0 6px!important;}
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 h3,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ks-sale-step-title h3,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ks-partner-order-title-v360 h3,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ks-partner-commission-card-v360 h3{font-size:14px!important;line-height:1.28!important;font-weight:540!important;letter-spacing:-.012em!important;color:#102033!important;margin:0 0 4px!important;}
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 p,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 small,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 em{font-size:11.8px!important;line-height:1.45!important;font-weight:400!important;color:#5D6F86!important;}
/* Dashboard metrics */
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ks-partner-dashboard-stable-v3622,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ksp-ref-metrics-v33,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ks-partner-commission-summary,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ks-partner-phase3-summary-v3631{gap:14px!important;margin:16px 0!important;}
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ks-partner-metric-card-v3622,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ksp-ref-metrics-v33 article,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ks-partner-commission-summary>div,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ks-partner-phase3-summary-v3631 article{min-height:96px!important;padding:16px 18px!important;border-radius:16px!important;box-shadow:0 10px 24px rgba(15,45,84,.035)!important;}
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ks-partner-metric-card-v3622 span,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ksp-ref-metrics-v33 span,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ks-partner-commission-summary span,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ks-partner-phase3-summary-v3631 span,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ks-sale-kicker,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 label{font-size:10px!important;line-height:1.18!important;font-weight:520!important;letter-spacing:.065em!important;text-transform:uppercase!important;color:#60738D!important;}
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ks-partner-metric-card-v3622 strong,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ksp-ref-metrics-v33 strong,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ks-partner-commission-summary strong,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ks-partner-phase3-summary-v3631 strong,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ks-partner-order-total-v360,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ks-partner-commission-card-v360 header>strong{font-size:21px!important;line-height:1.1!important;font-weight:560!important;letter-spacing:-.032em!important;color:#0D1B2F!important;}
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ks-partner-metric-card-v3622 small,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ksp-ref-metrics-v33 small,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ks-partner-phase3-summary-v3631 small{font-size:11.3px!important;font-weight:400!important;line-height:1.42!important;letter-spacing:0!important;color:#61738A!important;}
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ks-partner-metric-card-v3622.is-primary span,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ks-partner-metric-card-v3622.is-primary strong,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ks-partner-metric-card-v3622.is-primary small{color:#fff!important;font-weight:520!important;}
/* Lists, cards and empty states across Orders, Commissions, Referrals, Profile, Security */
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ks-partner-order-cards-v360,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ks-partner-commission-cards-v360,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ks-partner-security-grid-v157587,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ks-partner-form-grid,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ks-sale-grid{gap:14px!important;}
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ks-partner-order-card-v360,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ks-partner-commission-card-v360,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ks-sale-step,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ks-sale-summary-card,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ks-partner-security-card-v157587,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ks-partner-profile-section-title-v157589,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ks-partner-empty,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ksp-ref-empty-v33{border-radius:16px!important;padding:20px 22px!important;box-sizing:border-box!important;box-shadow:0 10px 24px rgba(15,45,84,.030)!important;}
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ks-partner-order-meta-v360,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ks-partner-commission-meta-v360,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ks-sale-field-grid{gap:12px!important;}
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ks-partner-order-meta-v360 div,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ks-partner-commission-meta-v360 div,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ks-sale-summary-lines,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ks-sale-totals{border-radius:14px!important;padding:14px 15px!important;}
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ks-partner-order-meta-v360 span,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ks-partner-commission-meta-v360 span,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ks-partner-order-title-v360 span,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ks-partner-commission-card-v360 header span{font-size:9.8px!important;font-weight:520!important;letter-spacing:.06em!important;color:#64748B!important;}
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ks-partner-order-meta-v360 strong,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ks-partner-commission-meta-v360 strong{font-size:12.8px!important;font-weight:540!important;line-height:1.25!important;}
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ks-partner-status-badge,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ksp-ref-pill-v33,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ksc-badge{font-size:10.6px!important;font-weight:500!important;letter-spacing:0!important;border-radius:999px!important;}
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ks-partner-empty,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ksp-ref-empty-v33,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ksc-empty{width:100%!important;max-width:none!important;margin:0!important;text-align:center!important;clear:both!important;transform:none!important;}
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ks-partner-empty strong,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ksp-ref-empty-v33 strong,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ksc-empty strong{font-size:14px!important;line-height:1.25!important;font-weight:520!important;letter-spacing:-.01em!important;color:#142033!important;}
/* Tables */
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 table,
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ksc-table{font-size:11.8px!important;}
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 th{font-size:10px!important;font-weight:540!important;letter-spacing:.055em!important;text-transform:uppercase!important;}
html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 td strong{font-size:12.5px!important;font-weight:540!important;}
/* Mobile/tablet */
@media(max-width:1180px){
  html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ksc-dashboard-hero-v34{padding:18px 16px!important;border-radius:18px!important;}
  html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ksc-dashboard-hero-v34 h1{font-size:20px!important;font-weight:550!important;}
  html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ksc-dashboard-hero-v34 p{font-size:12px!important;}
  html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ksc-panel,
  html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ks-partner-panel,
  html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ksp-ref-panel-v33,
  html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ksp-ref-hero-v33,
  html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ks-partner-security-panel-v157587,
  html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ks-partner-profile-advanced-v157589{padding:18px 16px!important;border-radius:17px!important;}
  html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ksc-panel-head,
  html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ks-partner-panel-head,
  html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ksp-ref-panel-head-v33{flex-direction:column!important;align-items:stretch!important;gap:12px!important;}
  html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 h2{font-size:17px!important;font-weight:550!important;}
  html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ks-partner-metric-card-v3622 strong,
  html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ksp-ref-metrics-v33 strong,
  html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ks-partner-commission-summary strong{font-size:20px!important;font-weight:550!important;}
}
@media(max-width:720px){
  html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ksc-main{gap:12px!important;}
  html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ksc-panel,
  html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ks-partner-panel,
  html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ksp-ref-panel-v33,
  html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ksp-ref-hero-v33{padding:16px!important;border-radius:16px!important;}
  html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ksc-panel-head .ksc-btn,
  html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ks-partner-panel-head .ksc-btn,
  html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ksp-ref-search-v33 button{width:100%!important;justify-content:center!important;text-align:center!important;}
  html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ks-partner-metric-card-v3622,
  html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ksp-ref-metrics-v33 article,
  html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ks-partner-commission-summary>div{padding:15px!important;min-height:auto!important;}
  html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ks-partner-empty,
  html body main.cha-pcm-shortcode-root[data-ks-partner-portal].ks-partner-all-pages-align-v3644 .ksp-ref-empty-v33{padding:20px 16px!important;}
}


/* KS Operations 3.6.47 — Staff message correction/delete controls */
.ksc-msg-tools {
  margin-top: 10px;
  border-top: 1px solid rgba(148, 163, 184, .26);
  padding-top: 9px;
}
.ksc-msg-tools > summary {
  cursor: pointer;
  width: max-content;
  max-width: 100%;
  font-size: 11.5px;
  font-weight: 560;
  color: #0B5FCC;
  letter-spacing: -.01em;
  list-style: none;
}
.ksc-msg-tools > summary::-webkit-details-marker { display: none; }
.ksc-msg-edit-form,
.ksc-msg-delete-form {
  margin-top: 10px;
  display: grid;
  gap: 8px;
}
.ksc-msg-edit-form textarea {
  width: 100%;
  min-height: 82px;
  border: 1px solid #d7e3f2;
  border-radius: 12px;
  padding: 10px 12px;
  font-size: 13px;
  line-height: 1.5;
  resize: vertical;
  background: #fff;
  color: #0f172a;
  box-sizing: border-box;
}
.ksc-msg-edit-form label {
  font-size: 12px;
  font-weight: 520;
  color: #334155;
}
.ksc-msg-delete-form .ksc-btn--danger {
  justify-self: start;
}
@media (max-width: 768px) {
  .ksc-msg-tools > summary { font-size: 12px; }
  .ksc-msg-edit-form .ksc-btn,
  .ksc-msg-delete-form .ksc-btn { width: 100%; justify-content: center; }
}




/* KS Operations 3.6.48 — Patient Portal Layout Containment Fix
   Patient command-center children must never be squeezed into one narrow column.
   Flow map and secure-file strip are forced to their own full-width rows. */
html body .cha-pcm-shortcode-root .ks-patient-portal-layoutfix-v3648,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-layoutfix-v3648,
html body .ks-patient-portal-layoutfix-v3648{
  width:min(1240px,100%)!important;
  max-width:1240px!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-layoutfix-v3648 *,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-layoutfix-v3648 *,
html body .ks-patient-portal-layoutfix-v3648 *{
  box-sizing:border-box!important;
  min-width:0!important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-layoutfix-v3648 .ks-patient-command-center,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-layoutfix-v3648 .ks-patient-command-center,
html body .ks-patient-portal-layoutfix-v3648 .ks-patient-command-center{
  display:grid!important;
  grid-template-columns:minmax(250px,1.05fr) minmax(260px,1fr) minmax(230px,.9fr)!important;
  gap:14px!important;
  align-items:stretch!important;
  width:100%!important;
  max-width:100%!important;
  overflow:visible!important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-layoutfix-v3648 .ks-patient-command-card,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-layoutfix-v3648 .ks-patient-command-card,
html body .ks-patient-portal-layoutfix-v3648 .ks-patient-command-card{
  grid-column:auto!important;
  width:100%!important;
  max-width:100%!important;
  min-height:0!important;
  overflow:visible!important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-layoutfix-v3648 .ks-patient-local-nav,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-layoutfix-v3648 .ks-patient-local-nav,
html body .ks-patient-portal-layoutfix-v3648 .ks-patient-local-nav{
  grid-column:auto!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px!important;
  width:100%!important;
  max-width:100%!important;
  overflow:visible!important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-layoutfix-v3648 .ks-patient-local-nav a,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-layoutfix-v3648 .ks-patient-local-nav a,
html body .ks-patient-portal-layoutfix-v3648 .ks-patient-local-nav a{
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
  min-width:0!important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-layoutfix-v3648 .ks-patient-metric-strip,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-layoutfix-v3648 .ks-patient-metric-strip,
html body .ks-patient-portal-layoutfix-v3648 .ks-patient-metric-strip{
  grid-column:auto!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px!important;
  width:100%!important;
  max-width:100%!important;
  overflow:visible!important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-layoutfix-v3648 .ks-patient-flow-map,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-layoutfix-v3648 .ks-patient-flow-map,
html body .ks-patient-portal-layoutfix-v3648 .ks-patient-flow-map{
  grid-column:1 / -1!important;
  width:100%!important;
  max-width:100%!important;
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;
  gap:10px!important;
  margin-top:2px!important;
  overflow:visible!important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-layoutfix-v3648 .ks-patient-flow-step,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-layoutfix-v3648 .ks-patient-flow-step,
html body .ks-patient-portal-layoutfix-v3648 .ks-patient-flow-step{
  min-width:0!important;
  min-height:92px!important;
  width:100%!important;
  max-width:100%!important;
  overflow:visible!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-layoutfix-v3648 .ks-patient-flow-step strong,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-layoutfix-v3648 .ks-patient-flow-step strong,
html body .ks-patient-portal-layoutfix-v3648 .ks-patient-flow-step strong,
html body .cha-pcm-shortcode-root .ks-patient-portal-layoutfix-v3648 .ks-patient-flow-step small,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-layoutfix-v3648 .ks-patient-flow-step small,
html body .ks-patient-portal-layoutfix-v3648 .ks-patient-flow-step small{
  display:block!important;
  width:100%!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
  writing-mode:horizontal-tb!important;
  text-orientation:mixed!important;
  line-height:1.35!important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-layoutfix-v3648 .ks-patient-file-safety-strip,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-layoutfix-v3648 .ks-patient-file-safety-strip,
html body .ks-patient-portal-layoutfix-v3648 .ks-patient-file-safety-strip{
  grid-column:1 / -1!important;
  width:100%!important;
  max-width:100%!important;
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr))!important;
  gap:10px!important;
  margin-top:0!important;
  overflow:visible!important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-layoutfix-v3648 .ks-patient-file-safety-strip div,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-layoutfix-v3648 .ks-patient-file-safety-strip div,
html body .ks-patient-portal-layoutfix-v3648 .ks-patient-file-safety-strip div{
  min-width:0!important;
  overflow:visible!important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-layoutfix-v3648 .ks-patient-workspace,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-layoutfix-v3648 .ks-patient-workspace,
html body .ks-patient-portal-layoutfix-v3648 .ks-patient-workspace{
  overflow:visible!important;
  max-width:100%!important;
}
@media(max-width:1100px){
  html body .cha-pcm-shortcode-root .ks-patient-portal-layoutfix-v3648 .ks-patient-command-center,
  html body .cha-pcm-shortcode-root--patient .ks-patient-portal-layoutfix-v3648 .ks-patient-command-center,
  html body .ks-patient-portal-layoutfix-v3648 .ks-patient-command-center{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  html body .cha-pcm-shortcode-root .ks-patient-portal-layoutfix-v3648 .ks-patient-metric-strip,
  html body .cha-pcm-shortcode-root--patient .ks-patient-portal-layoutfix-v3648 .ks-patient-metric-strip,
  html body .ks-patient-portal-layoutfix-v3648 .ks-patient-metric-strip{
    grid-column:1 / -1!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
}
@media(max-width:760px){
  html body .cha-pcm-shortcode-root .ks-patient-portal-layoutfix-v3648 .ks-patient-command-center,
  html body .cha-pcm-shortcode-root--patient .ks-patient-portal-layoutfix-v3648 .ks-patient-command-center,
  html body .ks-patient-portal-layoutfix-v3648 .ks-patient-command-center,
  html body .cha-pcm-shortcode-root .ks-patient-portal-layoutfix-v3648 .ks-patient-local-nav,
  html body .cha-pcm-shortcode-root--patient .ks-patient-portal-layoutfix-v3648 .ks-patient-local-nav,
  html body .ks-patient-portal-layoutfix-v3648 .ks-patient-local-nav,
  html body .cha-pcm-shortcode-root .ks-patient-portal-layoutfix-v3648 .ks-patient-metric-strip,
  html body .cha-pcm-shortcode-root--patient .ks-patient-portal-layoutfix-v3648 .ks-patient-metric-strip,
  html body .ks-patient-portal-layoutfix-v3648 .ks-patient-metric-strip{
    grid-template-columns:1fr!important;
  }
  html body .cha-pcm-shortcode-root .ks-patient-portal-layoutfix-v3648 .ks-patient-flow-map,
  html body .cha-pcm-shortcode-root--patient .ks-patient-portal-layoutfix-v3648 .ks-patient-flow-map,
  html body .ks-patient-portal-layoutfix-v3648 .ks-patient-flow-map,
  html body .cha-pcm-shortcode-root .ks-patient-portal-layoutfix-v3648 .ks-patient-file-safety-strip,
  html body .cha-pcm-shortcode-root--patient .ks-patient-portal-layoutfix-v3648 .ks-patient-file-safety-strip,
  html body .ks-patient-portal-layoutfix-v3648 .ks-patient-file-safety-strip{
    grid-template-columns:1fr!important;
  }
  html body .cha-pcm-shortcode-root .ks-patient-portal-layoutfix-v3648 .ks-patient-flow-step,
  html body .cha-pcm-shortcode-root--patient .ks-patient-portal-layoutfix-v3648 .ks-patient-flow-step,
  html body .ks-patient-portal-layoutfix-v3648 .ks-patient-flow-step{
    min-height:auto!important;
  }
}