.auth-main {
    min-height: 100vh;
    background:
        linear-gradient(180deg, rgba(248, 250, 252, .94), rgba(241, 245, 249, .98)),
        radial-gradient(circle at 12% 8%, rgba(20, 125, 255, .12), transparent 32%),
        #f6f8fb;
    color: #111827;
}

.auth-shell {
    width: min(1480px, calc(100% - 40px));
    margin: 0 auto;
    padding: 44px 0 64px;
}

.auth-shell-compact {
    width: min(720px, calc(100% - 32px));
    padding-top: 64px;
}

.auth-card {
    background: rgba(255, 255, 255, .96);
    border: 1px solid #dbe3ee;
    border-radius: 8px;
    box-shadow: 0 18px 45px rgba(15, 23, 42, .08);
    padding: clamp(22px, 2.6vw, 34px);
}

.auth-card h1 {
    margin: 0 0 10px;
    font-size: clamp(30px, 3.4vw, 48px);
    letter-spacing: 0;
}

.auth-card h2 {
    margin-top: 0;
    letter-spacing: 0;
}

.auth-form {
    display: grid;
    gap: 16px;
    margin-top: 22px;
}

.auth-form label {
    display: grid;
    gap: 7px;
    font-weight: 750;
    color: #1f2937;
}

.auth-form input,
.auth-form select,
.auth-form textarea {
    width: 100%;
    border: 1px solid #cbd5e1;
    border-radius: 7px;
    background: #fff;
    padding: 12px 13px;
    color: #0f172a;
    font: inherit;
    box-shadow: inset 0 1px 0 rgba(15, 23, 42, .03);
}

.auth-form input:focus,
.auth-form select:focus,
.auth-form textarea:focus {
    border-color: #147dff;
    outline: 3px solid rgba(20, 125, 255, .15);
}

.auth-actions,
.portal-panel-actions,
.portal-site-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}

.auth-note {
    color: #526173;
    margin: 0;
    line-height: 1.6;
}

.auth-success {
    margin: 18px 0 0;
    border: 1px solid #86efac;
    border-radius: 7px;
    background: #f0fdf4;
    color: #166534;
    padding: 12px 13px;
    font-weight: 750;
}

.auth-dashboard-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 14px;
    margin-top: 22px;
}

.auth-dashboard-grid article {
    border: 1px solid #dbe3ee;
    border-radius: 8px;
    padding: 18px;
    background: linear-gradient(180deg, #fff, #f8fbff);
    min-height: 170px;
}

.auth-dashboard-grid article h2 {
    margin: 0 0 8px;
    font-size: 1.08rem;
}

.auth-dashboard-grid article p {
    color: #526173;
    line-height: 1.55;
}

.auth-card table {
    min-width: 760px;
}

.auth-card th,
.auth-card td {
    padding: 12px 10px;
    border-bottom: 1px solid #e5edf5;
    text-align: left;
    vertical-align: top;
}

@media (max-width: 760px) {
    .auth-shell,
    .auth-shell-compact {
        width: min(100% - 24px, 720px);
        padding: 28px 0 44px;
    }

    .auth-card {
        padding: 20px;
    }

    .auth-actions .button,
    .portal-panel-actions .button,
    .portal-site-actions .button {
        width: 100%;
        justify-content: center;
    }
}
.template-saas {
    margin: 0;
    background: #eef3f8;
}

.saas-app {
    min-height: 100vh;
    display: grid;
    grid-template-columns: 264px minmax(0, 1fr);
    background: #eef3f8;
    color: #101828;
}

.saas-sidebar {
    position: sticky;
    top: 0;
    height: 100vh;
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding: 18px 12px;
    background: #101828;
    color: #fff;
    overflow: auto;
    border-right: 1px solid rgba(255, 255, 255, .08);
}

.saas-brand {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #fff;
    text-decoration: none;
    padding: 8px 10px 14px;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
}

.saas-brand span {
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    border-radius: 8px;
    background: #2dd4bf;
    color: #042f2e;
    font-weight: 900;
}

.saas-brand strong {
    letter-spacing: 0;
}

.saas-nav,
.saas-nav-group {
    display: grid;
    gap: 6px;
}

.saas-nav-group {
    margin-bottom: 10px;
}

.saas-nav-group > span,
.saas-section {
    color: #9aa7b8;
    font-size: 11px;
    font-weight: 850;
    text-transform: uppercase;
    letter-spacing: 0;
}

.saas-nav-group > span {
    padding: 0 10px 4px;
}

.saas-nav-item {
    display: block;
    color: #d3dae6;
    text-decoration: none;
    padding: 9px 10px;
    border-radius: 7px;
    font-weight: 720;
    font-size: 14px;
    border: 1px solid transparent;
}

.saas-nav-item:hover,
.saas-nav-item:focus,
.saas-nav-item.is-active {
    background: rgba(255, 255, 255, .1);
    border-color: rgba(255, 255, 255, .12);
    color: #fff;
}

.saas-nav-item.is-active {
    box-shadow: inset 3px 0 0 #2dd4bf;
}

.saas-content {
    min-width: 0;
    display: grid;
    grid-template-rows: auto 1fr;
}

.saas-topbar {
    position: sticky;
    top: 0;
    z-index: 20;
    min-height: 66px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 18px;
    padding: 12px 28px;
    border-bottom: 1px solid #dbe3ee;
    background: rgba(255, 255, 255, .92);
    backdrop-filter: blur(14px);
}

.saas-topbar strong {
    display: block;
    color: #101828;
    line-height: 1.2;
}

.saas-user {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #334155;
}

.saas-user > span {
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    border-radius: 8px;
    background: #e0f2fe;
    color: #075985;
    font-weight: 900;
}

.saas-user small {
    display: block;
    color: #64748b;
}

.saas-user a {
    color: #0f766e;
    font-weight: 800;
    text-decoration: none;
}

.saas-main {
    min-height: auto;
    background: transparent;
}

.template-saas .auth-shell {
    width: min(1560px, calc(100% - 40px));
    padding-top: 28px;
}

.template-saas .account-workspace {
    width: min(1680px, calc(100vw - 32px));
}

@media (max-width: 1080px) {
    .saas-app {
        grid-template-columns: 1fr;
    }

    .saas-sidebar {
        position: relative;
        height: auto;
        display: grid;
        grid-template-columns: 1fr;
        padding: 12px;
    }

    .saas-nav {
        display: flex;
        gap: 10px;
        overflow-x: auto;
        padding-bottom: 4px;
    }

    .saas-nav-group {
        min-width: 210px;
        margin: 0;
    }

    .saas-topbar {
        position: relative;
        padding: 12px 18px;
    }
}

@media (max-width: 720px) {
    .saas-topbar,
    .saas-user {
        align-items: flex-start;
    }

    .saas-topbar {
        display: grid;
    }

    .template-saas .auth-shell,
    .template-saas .account-workspace {
        width: min(100% - 20px, 100%);
        padding-top: 18px;
    }
}
/* 2026-09 compact CRM refinement */
.template-saas{font-size:13px;background:#eef4f8;color:#172033}
.saas-app{grid-template-columns:214px minmax(0,1fr)}
.saas-sidebar{padding:12px 10px;gap:10px;background:#0f1724;border-right:1px solid rgba(255,255,255,.06)}
.saas-brand{gap:9px;padding:5px 6px 12px;border-bottom:1px solid rgba(255,255,255,.08)}
.saas-brand span{width:30px;height:30px;border-radius:8px;font-size:12px}.saas-brand strong{font-size:13px;line-height:1.1}
.saas-nav,.saas-nav-group{gap:3px}.saas-nav-group{margin-top:4px;margin-bottom:4px}.saas-nav-group>span{font-size:9px;line-height:1;padding:9px 7px 5px;color:#7f91aa}
.saas-nav-item{min-height:30px;padding:7px 8px;border-radius:7px;font-size:12px;line-height:1.15;color:#d7e1ee}.saas-nav-item:hover,.saas-nav-item:focus,.saas-nav-item.is-active{background:rgba(255,255,255,.08);color:#fff}.saas-nav-item.is-active{box-shadow:inset 3px 0 0 #2dd4bf}
.saas-main{min-width:0}.saas-content{padding:18px;max-width:none}.saas-topbar{min-height:50px;padding:8px 18px;border-bottom:1px solid #d9e4ee;background:rgba(255,255,255,.9)}
.saas-topbar-title span{font-size:10px}.saas-topbar-title strong{font-size:16px}.saas-user{gap:9px;font-size:12px}.saas-user>span{width:28px;height:28px;border-radius:8px}.saas-user strong{font-size:13px}.saas-user small{font-size:11px}
.template-saas .auth-shell{width:min(1720px,calc(100% - 28px));padding-top:18px}.auth-card,.portal-home-hero,.services-hero,.account-hero,.account-panel,.auth-panel{padding:16px;border-radius:8px;box-shadow:0 16px 40px rgba(22,37,59,.08)}
.auth-card h1,.portal-home-hero h1,.services-hero h1,.account-hero h1{font-size:clamp(24px,2.1vw,34px);line-height:1.08}.auth-card h2,.portal-section h2,.services-hero h2,.account-panel h2{font-size:clamp(18px,1.5vw,24px);line-height:1.12}
.auth-note,.services-hero p,.portal-home-hero p,.account-hero p{font-size:13px;line-height:1.45}.button,button.button,a.button{min-height:34px;padding:0 12px;border-radius:7px;font-size:12px}
.auth-dashboard-grid,.portal-card-grid,.account-grid{gap:12px}.auth-dashboard-grid article,.portal-card,.account-card{padding:14px;border-radius:8px;min-height:104px}.auth-dashboard-grid h3,.portal-card h3,.account-card h3{font-size:15px;line-height:1.2}.auth-dashboard-grid p,.portal-card p,.account-card p{font-size:12px;line-height:1.45}
input,select,textarea{font-size:13px;border-radius:7px}label{font-size:12px}.auth-form{gap:10px}.auth-actions{gap:8px}@media(max-width:860px){.saas-app{display:block}.saas-sidebar{position:static;min-height:auto}.saas-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.saas-content{padding:14px}.saas-topbar{position:static}}
/* 2026-09 refined CRM shell navigation */
.template-saas {
    background: #edf3f7;
}

.saas-app {
    min-height: 100vh;
    align-items: stretch;
}

.saas-sidebar {
    width: 202px;
    min-height: 100vh;
    max-height: 100vh;
    position: sticky;
    top: 0;
    overflow-y: auto;
    scrollbar-width: thin;
    padding: 10px 8px;
    background: #111927;
}

.saas-brand {
    min-height: 42px;
    padding: 6px 7px 10px;
}

.saas-brand span {
    width: 28px;
    height: 28px;
    border-radius: 7px;
    background: #26d5bf;
    color: #07312d;
    font-size: 11px;
}

.saas-brand strong {
    font-size: 12px;
    letter-spacing: 0;
}

.saas-nav {
    gap: 8px;
}

.saas-nav-group {
    gap: 2px;
    margin: 0;
}

.saas-nav-group > span {
    padding: 8px 8px 5px;
    color: #8291a8;
    font-size: 9px;
    letter-spacing: .08em;
    font-weight: 900;
}

.saas-nav-item {
    min-height: 28px;
    padding: 6px 8px;
    border: 1px solid transparent;
    border-radius: 6px;
    color: #c8d2df;
    font-size: 11px;
    font-weight: 750;
    line-height: 1.2;
}

.saas-nav-item:hover {
    background: rgba(255,255,255,.055);
    border-color: rgba(255,255,255,.06);
    color: #ffffff;
}

.saas-nav-item.is-active {
    background: #e9fbf8;
    border-color: rgba(38, 213, 191, .4);
    color: #093934;
    box-shadow: none;
}

.saas-content {
    min-width: 0;
    width: 100%;
    background: #edf3f7;
}

.saas-topbar {
    min-height: 48px;
    padding: 7px 18px;
    border-bottom: 1px solid #dce5ee;
    background: rgba(255,255,255,.92);
    backdrop-filter: blur(10px);
}

.saas-section {
    font-size: 9px;
    letter-spacing: .08em;
}

.saas-topbar strong {
    font-size: 14px;
    line-height: 1.15;
}

.saas-user {
    gap: 8px;
    font-size: 11px;
}

.saas-user > span {
    width: 28px;
    height: 28px;
    border-radius: 7px;
    font-size: 11px;
}

.saas-user small {
    font-size: 10px;
}

.saas-user a {
    font-size: 11px;
    font-weight: 850;
}

.saas-main {
    padding: 0;
}

.template-saas .auth-shell {
    width: min(100% - 24px, 1840px);
    padding-top: 14px;
    padding-bottom: 22px;
}

.template-saas .auth-card {
    border-radius: 8px;
}

@media (max-width: 1080px) {
    .saas-app { grid-template-columns: 1fr; }
    .saas-sidebar {
        position: static;
        width: 100%;
        min-height: auto;
        max-height: none;
        border-right: 0;
        border-bottom: 1px solid rgba(255,255,255,.08);
    }
    .saas-nav {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }
}

@media (max-width: 680px) {
    .saas-nav { grid-template-columns: 1fr; }
    .saas-topbar { align-items: start; }
    .saas-user { justify-content: flex-start; }
}
/* 2026-09 professional public access */
.auth-shell-compact.auth-access-shell {
    width: min(1040px, calc(100% - 28px));
    padding-top: 58px;
}

.auth-access-card {
    display: grid;
    grid-template-columns: minmax(280px, .9fr) minmax(340px, 1fr);
    gap: 0;
    padding: 0;
    overflow: hidden;
}

.auth-access-info {
    display: grid;
    align-content: center;
    gap: 14px;
    min-height: 460px;
    padding: 34px;
    background: linear-gradient(145deg, #101827, #162033 72%, #123b38);
    color: #ffffff;
}

.auth-access-info .eyebrow {
    color: #6ee7d8;
}

.auth-access-info h1 {
    margin: 0;
    color: #ffffff;
    font-size: 30px;
    line-height: 1.05;
    letter-spacing: 0;
}

.auth-access-info .auth-note {
    color: #cfdae8;
    font-size: 13px;
    line-height: 1.5;
}

.auth-trust-list {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 4px;
}

.auth-trust-list span {
    border: 1px solid rgba(110, 231, 216, .28);
    border-radius: 999px;
    background: rgba(255,255,255,.07);
    color: #ecfeff;
    padding: 6px 9px;
    font-size: 11px;
    font-weight: 850;
}

.auth-access-form {
    display: grid;
    align-content: center;
    gap: 10px;
    padding: 34px;
}

.auth-access-form h2 {
    margin: 0;
    color: #111827;
    font-size: 24px;
    line-height: 1.1;
}

.auth-access-form .auth-note {
    font-size: 13px;
    line-height: 1.45;
}

.auth-access-form .auth-form {
    margin-top: 8px;
    gap: 11px;
}

.auth-access-form .auth-form label {
    font-size: 12px;
    gap: 5px;
}

.auth-access-form input {
    min-height: 38px;
    padding: 9px 11px;
    border-radius: 7px;
    font-size: 13px;
}

.auth-access-form .auth-actions {
    margin-top: 2px;
    gap: 8px;
}

.auth-access-form .button {
    min-height: 36px;
    padding: 9px 12px;
    border-radius: 7px;
    font-size: 12px;
}

.auth-error {
    margin: 10px 0 0;
    border: 1px solid #fecaca;
    border-radius: 7px;
    background: #fff1f2;
    color: #991b1b;
    padding: 10px 11px;
    font-size: 12px;
    font-weight: 800;
}

.auth-access-form .auth-success {
    margin: 10px 0 0;
    padding: 10px 11px;
    font-size: 12px;
}

@media (max-width: 780px) {
    .auth-shell-compact.auth-access-shell {
        width: min(100% - 22px, 720px);
        padding-top: 24px;
    }

    .auth-access-card {
        grid-template-columns: 1fr;
    }

    .auth-access-info {
        min-height: auto;
        padding: 24px;
    }

    .auth-access-info h1 {
        font-size: 24px;
    }

    .auth-access-form {
        padding: 24px;
    }
}
/* 2026-09 CRM compact shell */
.saas-app {
    grid-template-columns: 224px minmax(0, 1fr);
}

.saas-sidebar {
    gap: 12px;
    padding: 14px 10px;
    background: #0f1724;
}

.saas-brand {
    gap: 8px;
    padding: 6px 8px 12px;
}

.saas-brand span,
.saas-user > span {
    width: 30px;
    height: 30px;
    border-radius: 7px;
    font-size: 12px;
}

.saas-brand strong {
    font-size: 13px;
}

.saas-nav,
.saas-nav-group {
    gap: 4px;
}

.saas-nav-group {
    margin-bottom: 7px;
}

.saas-nav-group > span,
.saas-section {
    font-size: 10px;
    color: #8b98aa;
}

.saas-nav-group > span {
    padding: 0 8px 3px;
}

.saas-nav-item {
    padding: 7px 8px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 760;
    color: #c7d0dd;
}

.saas-nav-item.is-active {
    background: rgba(45, 212, 191, .12);
    border-color: rgba(45, 212, 191, .22);
    box-shadow: inset 2px 0 0 #2dd4bf;
}

.saas-topbar {
    min-height: 54px;
    padding: 9px 22px;
}

.saas-user {
    gap: 8px;
    font-size: 12px;
}

.saas-user small,
.saas-user a {
    font-size: 11px;
}

.template-saas .auth-shell {
    width: min(1720px, calc(100% - 28px));
    padding-top: 18px;
}

@media (max-width: 920px) {
    .saas-app {
        grid-template-columns: 1fr;
    }

    .saas-sidebar {
        position: static;
        height: auto;
        overflow: visible;
    }

    .saas-nav {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* 2026-09 highclass CRM final density */
.template-saas {
    background: #edf3f7;
    color: #172033;
    font-size: 12.5px;
}
.saas-app {
    grid-template-columns: 196px minmax(0, 1fr);
}
.saas-sidebar {
    width: 196px;
    padding: 10px 8px;
    gap: 8px;
    background: linear-gradient(180deg, #0d1522 0%, #111827 100%);
    border-right: 1px solid rgba(255,255,255,.07);
    overflow-y: auto;
    scrollbar-width: thin;
}
.saas-brand {
    min-height: 42px;
    padding: 4px 6px 10px;
    gap: 8px;
}
.saas-brand span {
    width: 28px;
    height: 28px;
    border-radius: 7px;
    font-size: 11px;
}
.saas-brand strong {
    font-size: 12.5px;
    line-height: 1.05;
}
.saas-nav {
    gap: 5px;
}
.saas-nav-group {
    gap: 1px;
    margin-bottom: 4px;
}
.saas-nav-group > span,
.saas-section {
    font-size: 8.5px;
    letter-spacing: .08em;
    color: #7e8ba0;
}
.saas-nav-group > span {
    padding: 6px 7px 3px;
}
.saas-nav-item {
    min-height: 25px;
    padding: 5px 7px;
    border-radius: 6px;
    font-size: 11px;
    line-height: 1.15;
    font-weight: 720;
    color: #cbd5e1;
}
.saas-nav-item:hover,
.saas-nav-item:focus {
    background: rgba(255,255,255,.065);
    color: #ffffff;
}
.saas-nav-item.is-active {
    background: rgba(20, 184, 166, .14);
    border-color: rgba(45, 212, 191, .24);
    color: #e9fffb;
    box-shadow: inset 2px 0 0 #2dd4bf;
}
.saas-content {
    padding: 14px 18px 22px;
    max-width: none;
}
.saas-topbar {
    min-height: 44px;
    padding: 7px 18px;
    border-bottom: 1px solid #d9e4ee;
    background: rgba(255,255,255,.94);
    backdrop-filter: blur(14px);
}
.saas-topbar strong {
    font-size: 13px;
}
.saas-user {
    gap: 8px;
    font-size: 11.5px;
}
.saas-user > span {
    width: 27px;
    height: 27px;
    border-radius: 7px;
}
.saas-user strong {
    font-size: 12px;
}
.saas-user small {
    font-size: 10.5px;
}
.template-saas .auth-shell {
    width: min(1860px, calc(100% - 20px));
    padding-top: 14px;
    padding-bottom: 18px;
}
.auth-card,
.portal-home-hero,
.services-hero,
.account-hero,
.account-panel,
.auth-panel {
    border-radius: 8px;
    box-shadow: 0 14px 34px rgba(15, 23, 42, .055);
}
.auth-card h1,
.portal-home-hero h1,
.services-hero h1,
.account-hero h1 {
    font-size: clamp(22px, 1.9vw, 32px);
    letter-spacing: 0;
}
.auth-card h2,
.portal-section h2,
.services-hero h2,
.account-panel h2 {
    font-size: clamp(17px, 1.35vw, 22px);
    letter-spacing: 0;
}
.auth-note,
.services-hero p,
.portal-home-hero p,
.account-hero p,
.account-panel p {
    font-size: 12.5px;
    line-height: 1.45;
}
.button,
button.button,
a.button {
    min-height: 32px;
    padding: 0 11px;
    border-radius: 7px;
    font-size: 11.5px;
}
input,
select,
textarea {
    min-height: 34px;
    font-size: 12.5px;
    border-radius: 7px;
}
textarea {
    min-height: 88px;
}
label {
    font-size: 11.5px;
}
@media (max-width: 920px) {
    .saas-app { grid-template-columns: 1fr; }
    .saas-sidebar { position: static; width: 100%; min-height: auto; max-height: none; }
    .saas-nav { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .saas-content { padding: 12px; }
}
/* Auth access polish 2026-09-01 */
.auth-access-card {
    display: grid;
    grid-template-columns: minmax(0, .92fr) minmax(0, 1fr);
    gap: 22px;
    align-items: stretch;
    padding: 0;
    overflow: hidden;
}

.auth-access-info,
.auth-access-form {
    padding: 26px;
}

.auth-access-info {
    display: grid;
    gap: 14px;
    align-content: start;
    background: linear-gradient(145deg, #0f172a, #172033 62%, #0f766e);
    color: #fff;
}

.auth-access-info .eyebrow,
.auth-access-info .auth-note {
    color: rgba(255, 255, 255, .78);
}

.auth-access-info h1 {
    font-size: 30px;
    line-height: 1.08;
    color: #fff;
}

.auth-access-form h2 {
    font-size: 24px;
    line-height: 1.12;
    color: #0f172a;
}

.auth-access-form .auth-form {
    gap: 12px;
    margin-top: 16px;
}

.auth-access-form .auth-form input {
    min-height: 42px;
    padding: 10px 12px;
    font-size: 14px;
}

.auth-trust-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.auth-trust-list span {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 999px;
    background: rgba(255, 255, 255, .08);
    color: #fff;
    padding: 5px 9px;
    font-size: 11px;
    font-weight: 850;
}

.auth-security-note {
    display: grid;
    gap: 5px;
    margin-top: 2px;
    padding: 12px;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 8px;
    background: rgba(255, 255, 255, .08);
}

.auth-security-note strong {
    color: #fff;
    font-size: 13px;
}

.auth-security-note span {
    color: rgba(255, 255, 255, .78);
    font-size: 12px;
    line-height: 1.45;
}

@media (max-width: 820px) {
    .auth-access-card { grid-template-columns: 1fr; }
    .auth-access-info,
    .auth-access-form { padding: 22px; }
}

/* SaaS CRM polish 2026-09-01 */
.template-saas {
    background: #f3f6fa;
}

.saas-app {
    grid-template-columns: 232px minmax(0, 1fr);
    background: #f3f6fa;
    color: #0f172a;
}

.saas-sidebar {
    gap: 12px;
    padding: 14px 10px;
    background: linear-gradient(180deg, #0b1220 0%, #111827 100%);
    border-right: 1px solid rgba(148, 163, 184, .16);
    box-shadow: 8px 0 26px rgba(15, 23, 42, .08);
}

.saas-brand {
    gap: 9px;
    padding: 6px 8px 12px;
    min-height: 48px;
}

.saas-brand span {
    width: 30px;
    height: 30px;
    border-radius: 8px;
    background: linear-gradient(135deg, #2dd4bf, #60a5fa);
    color: #06211f;
    font-size: 11px;
}

.saas-brand strong {
    font-size: 13px;
    font-weight: 850;
}

.saas-nav,
.saas-nav-group {
    gap: 4px;
}

.saas-nav-group {
    margin-bottom: 8px;
}

.saas-nav-group > span,
.saas-section {
    color: #94a3b8;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .04em;
}

.saas-nav-group > span {
    padding: 0 8px 3px;
}

.saas-nav-item {
    display: flex;
    align-items: center;
    min-height: 32px;
    padding: 7px 9px;
    border-radius: 7px;
    color: #cbd5e1;
    font-size: 12px;
    font-weight: 760;
    line-height: 1.15;
}

.saas-nav-item:hover,
.saas-nav-item:focus {
    background: rgba(148, 163, 184, .12);
    border-color: rgba(148, 163, 184, .16);
}

.saas-nav-item.is-active {
    background: rgba(45, 212, 191, .13);
    border-color: rgba(45, 212, 191, .24);
    box-shadow: inset 3px 0 0 #2dd4bf;
    color: #f8fafc;
}

.saas-topbar {
    min-height: 58px;
    padding: 10px 22px;
    border-bottom: 1px solid #d8e1ec;
    background: rgba(255, 255, 255, .86);
    box-shadow: 0 8px 24px rgba(15, 23, 42, .035);
}

.saas-topbar strong {
    font-size: 14px;
    font-weight: 850;
}

.saas-user {
    gap: 9px;
    font-size: 12px;
}

.saas-user > span {
    width: 31px;
    height: 31px;
    border-radius: 8px;
    background: #dff7f3;
    color: #0f766e;
    font-size: 11px;
}

.saas-user a {
    color: #0f766e;
    font-size: 12px;
}

.template-saas .auth-shell {
    width: min(1720px, calc(100% - 32px));
    padding-top: 20px;
    padding-bottom: 36px;
}

.auth-card,
.auth-dashboard-grid article {
    border-color: #d8e1ec;
    box-shadow: 0 12px 34px rgba(15, 23, 42, .055);
}

.auth-form input,
.auth-form select,
.auth-form textarea {
    min-height: 38px;
    border-color: #d8e1ec;
    border-radius: 7px;
    padding: 9px 11px;
    font-size: 13px;
}

.auth-form label {
    gap: 5px;
    font-size: 12px;
}

@media (max-width: 1080px) {
    .saas-app {
        grid-template-columns: 1fr;
    }

    .saas-sidebar {
        box-shadow: none;
    }

    .saas-nav-item {
        white-space: nowrap;
    }
}


/* Premium auth onboarding polish 2026-09-01 */
.template-auth {
    background:
        radial-gradient(circle at 12% 8%, rgba(45, 212, 191, .12), transparent 30%),
        linear-gradient(145deg, #f8fafc 0%, #eef4f8 48%, #f5f7fb 100%);
}

.auth-flow-shell,
.auth-mfa-shell {
    min-height: calc(100vh - 24px);
    display: grid;
    place-items: center;
    padding: 24px 16px;
}

.auth-flow-shell .auth-access-card {
    width: min(980px, 100%);
    border-radius: 12px;
    border: 1px solid rgba(203, 213, 225, .9);
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 22px 60px rgba(15, 23, 42, .13);
}

.auth-flow-info {
    background:
        linear-gradient(155deg, rgba(15, 23, 42, .98), rgba(15, 23, 42, .94) 56%, rgba(13, 148, 136, .88)),
        linear-gradient(90deg, rgba(45, 212, 191, .18), transparent);
}

.auth-flow-info h1 {
    max-width: 12ch;
    font-size: clamp(28px, 4vw, 42px);
    letter-spacing: 0;
}

.auth-flow-info .auth-note,
.auth-flow-form .auth-note {
    max-width: 58ch;
    font-size: 13px;
    line-height: 1.65;
}

.auth-flow-form {
    display: grid;
    align-content: center;
}

.auth-flow-form h2 {
    margin: 4px 0 2px;
    font-size: 25px;
}

.auth-flow-metrics {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    margin: 6px 0 2px;
}

.auth-flow-metrics span {
    display: grid;
    gap: 3px;
    min-height: 58px;
    padding: 10px;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 8px;
    background: rgba(255, 255, 255, .08);
    color: rgba(255, 255, 255, .72);
    font-size: 11px;
    line-height: 1.25;
}

.auth-flow-metrics strong {
    color: #fff;
    font-size: 15px;
    line-height: 1;
}

.auth-flow-steps {
    display: grid;
    gap: 8px;
    margin: 4px 0;
    padding: 0;
    list-style: none;
}

.auth-flow-steps li {
    display: flex;
    align-items: center;
    gap: 9px;
    min-height: 32px;
    color: rgba(255, 255, 255, .84);
    font-size: 12px;
    font-weight: 760;
}

.auth-flow-steps span {
    display: inline-grid;
    place-items: center;
    width: 24px;
    height: 24px;
    border-radius: 7px;
    background: rgba(45, 212, 191, .18);
    color: #ccfbf1;
    font-size: 11px;
    font-weight: 900;
}

.auth-form-foot {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 14px;
    color: #64748b;
    font-size: 11px;
    font-weight: 760;
}

.auth-form-foot span {
    padding: 6px 9px;
    border: 1px solid #e2e8f0;
    border-radius: 999px;
    background: #f8fafc;
}

.auth-mfa-card {
    width: min(520px, 100%);
    padding: 30px;
    border-radius: 12px;
    text-align: left;
}

.auth-mfa-icon {
    display: inline-grid;
    place-items: center;
    width: 44px;
    height: 44px;
    margin-bottom: 14px;
    border-radius: 10px;
    background: linear-gradient(135deg, #0f172a, #0f766e);
    color: #fff;
    font-size: 12px;
    font-weight: 900;
}

.auth-mfa-card h1 {
    margin: 0 0 8px;
    font-size: 28px;
}

.auth-mfa-form input[name="code"] {
    font-size: 24px;
    letter-spacing: .18em;
    text-align: center;
    font-weight: 850;
}

.security-roadmap-note {
    margin: 10px 0 12px;
    padding: 11px 12px;
    border: 1px solid #dbeafe;
    border-radius: 8px;
    background: #eff6ff;
    color: #334155;
    font-size: 12px;
    line-height: 1.5;
}

.security-roadmap-note strong {
    color: #0f172a;
}

@media (max-width: 820px) {
    .auth-flow-shell,
    .auth-mfa-shell {
        align-items: start;
        padding-top: 14px;
    }

    .auth-flow-info h1 {
        max-width: none;
        font-size: 28px;
    }

    .auth-flow-metrics {
        grid-template-columns: 1fr;
    }

    .auth-mfa-card {
        padding: 22px;
    }
}


/* CRM shell compact polish 2026-09-01 */
.template-saas {
    background: #eef3f7;
}

.saas-app {
    grid-template-columns: 228px minmax(0, 1fr);
    background: #eef3f7;
}

.saas-sidebar {
    gap: 10px;
    padding: 14px 10px;
    background: linear-gradient(180deg, #0d1626 0%, #111827 100%);
    scrollbar-width: thin;
    scrollbar-color: rgba(148, 163, 184, .5) transparent;
}

.saas-brand {
    gap: 8px;
    padding: 6px 8px 11px;
}

.saas-brand span,
.saas-user > span {
    width: 30px;
    height: 30px;
    border-radius: 8px;
    font-size: 11px;
}

.saas-brand strong {
    font-size: 13px;
    line-height: 1.1;
}

.saas-nav,
.saas-nav-group {
    gap: 3px;
}

.saas-nav-group {
    margin-bottom: 6px;
}

.saas-nav-group > span,
.saas-section {
    color: #94a3b8;
    font-size: 9px;
    font-weight: 850;
}

.saas-nav-group > span {
    padding: 7px 8px 3px;
}

.saas-nav-item {
    min-height: 30px;
    display: flex;
    align-items: center;
    padding: 6px 8px;
    border-radius: 7px;
    color: #cbd5e1;
    font-size: 12px;
    font-weight: 760;
    line-height: 1.15;
}

.saas-nav-item:hover,
.saas-nav-item:focus,
.saas-nav-item.is-active {
    background: rgba(255, 255, 255, .075);
    border-color: rgba(255, 255, 255, .10);
}

.saas-nav-item.is-active {
    color: #fff;
    box-shadow: inset 2px 0 0 #2dd4bf;
}

.saas-topbar {
    min-height: 54px;
    padding: 9px 22px;
    background: rgba(255, 255, 255, .96);
}

.saas-topbar strong {
    font-size: 14px;
}

.saas-user {
    gap: 8px;
    font-size: 12px;
}

.saas-user small,
.saas-user a {
    font-size: 11px;
}

.template-saas .auth-shell,
.template-saas .account-workspace {
    width: min(1840px, calc(100vw - 28px));
    padding-top: 18px;
}

.auth-form label {
    gap: 5px;
    font-size: 12px;
}

.auth-form input,
.auth-form select,
.auth-form textarea {
    min-height: 38px;
    padding: 8px 10px;
    border-radius: 7px;
    font-size: 12px;
}

@media (max-width: 960px) {
    .saas-app { grid-template-columns: 1fr; }
    .saas-sidebar { position: static; height: auto; }
    .saas-nav { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .saas-topbar { position: static; }
}

@media (max-width: 640px) {
    .saas-nav { grid-template-columns: 1fr; }
    .saas-topbar { align-items: flex-start; flex-direction: column; }
}


/* SaaS function audit polish 2026-09-01 */
.template-saas h1,
.template-saas .auth-card h1,
.template-saas .account-hero h1,
.template-saas .portal-home-hero h1,
.template-saas .admin-commandbar h1 {
    font-size: clamp(22px, 1.7vw, 30px);
    line-height: 1.08;
}

.template-saas h2,
.template-saas .auth-card h2,
.template-saas .admin-panel h2,
.template-saas .account-section-head h2 {
    font-size: 15px;
    line-height: 1.2;
}

.template-saas p,
.template-saas small,
.template-saas span,
.template-saas label,
.template-saas input,
.template-saas select,
.template-saas textarea,
.template-saas table {
    letter-spacing: 0;
}

.template-saas .button {
    min-height: 32px;
    padding: 7px 10px;
    border-radius: 7px;
    font-size: 11.5px;
    font-weight: 820;
}

.template-saas .auth-card,
.template-saas .portal-overview-panel,
.template-saas .admin-panel {
    border-radius: 8px;
}


/* Compact CRM navigation final pass 2026-09-02 */
.saas-app { grid-template-columns: 204px minmax(0, 1fr); }
.saas-sidebar { width: 204px; padding: 10px 8px; gap: 7px; overflow-x: hidden; }
.saas-brand { padding: 5px 6px 9px; }
.saas-brand span, .saas-user > span { width: 27px; height: 27px; border-radius: 7px; }
.saas-brand strong { font-size: 12px; }
.saas-nav { gap: 4px; }
.saas-nav-group { gap: 1px; margin-bottom: 4px; }
.saas-nav-group > span, .saas-section { padding: 5px 7px 3px; font-size: 8px; letter-spacing: .04em; }
.saas-nav-item { min-height: 25px; padding: 5px 7px; border-radius: 6px; font-size: 11px; line-height: 1.12; white-space: normal; }
.saas-nav-item.is-active { box-shadow: inset 2px 0 0 #2dd4bf; }
.saas-content { padding: 14px; }
.saas-topbar { min-height: 48px; padding: 8px 14px; }
@media (max-width: 960px) { .saas-app { grid-template-columns: 1fr; } .saas-sidebar { width: 100%; } }


/* Final CRM shell polish 2026-09-02 */
.template-saas,
.template-saas body {
    background: #eef3f7;
}
.template-saas .saas-app {
    grid-template-columns: 238px minmax(0, 1fr);
    background: #eef3f7;
    overflow-x: hidden;
}
.template-saas .saas-sidebar {
    width: 238px;
    gap: 10px;
    padding: 14px 10px;
    background: linear-gradient(180deg, #0f172a 0%, #111827 100%);
    box-shadow: 10px 0 30px rgba(15, 23, 42, .08);
}
.template-saas .saas-brand {
    padding: 6px 8px 12px;
    gap: 8px;
}
.template-saas .saas-brand span {
    width: 31px;
    height: 31px;
    border-radius: 8px;
}
.template-saas .saas-brand strong {
    font-size: 12.5px;
    line-height: 1.1;
}
.template-saas .saas-nav-group > span,
.template-saas .saas-section {
    padding: 7px 7px 4px;
    color: #8ea0b6;
    font-size: 8.5px;
    font-weight: 900;
    letter-spacing: .05em;
}
.template-saas .saas-nav-item {
    min-height: 28px;
    padding: 6px 8px;
    border-radius: 7px;
    color: #d7dee8;
    font-size: 11px;
    font-weight: 760;
    line-height: 1.15;
}
.template-saas .saas-nav-item.is-active {
    background: rgba(255,255,255,.10);
    border-color: rgba(255,255,255,.14);
    box-shadow: inset 2px 0 0 #2dd4bf;
}
.template-saas .saas-content {
    min-width: 0;
    overflow-x: hidden;
    padding: 0;
}
.template-saas .saas-topbar {
    min-height: 54px;
    padding: 8px 20px;
    border-color: #dce5ee;
    background: rgba(255,255,255,.94);
}
.template-saas .saas-topbar strong {
    font-size: 13px;
}
.template-saas .saas-user,
.template-saas .saas-user small,
.template-saas .saas-user a {
    font-size: 11px;
}
.template-saas .auth-shell,
.template-saas .account-workspace {
    width: min(100% - 24px, 1760px) !important;
    max-width: 1760px;
    padding-top: 14px;
    padding-bottom: 34px;
}
.template-saas .button,
.template-saas button.button,
.template-saas a.button {
    min-height: 32px;
    padding: 0 11px;
    border-radius: 7px;
    font-size: 11px;
    font-weight: 820;
    line-height: 1.1;
}
.template-saas .auth-main {
    overflow-x: hidden;
}
@media (max-width: 960px) {
    .template-saas .saas-app { grid-template-columns: 1fr; }
    .template-saas .saas-sidebar { width: 100%; }
    .template-saas .auth-shell,
    .template-saas .account-workspace { width: min(100% - 16px, 100%) !important; }
}


/* Final compact premium shell correction 2026-09-02 */
.template-saas .saas-app {
    grid-template-columns: 212px minmax(0, 1fr);
}
.template-saas .saas-sidebar {
    width: 212px;
    padding: 12px 9px;
    background: linear-gradient(180deg, #101827 0%, #121b2a 100%);
}
.template-saas .saas-brand strong { font-size: 12px; }
.template-saas .saas-nav-item {
    min-height: 27px;
    padding: 6px 8px;
    border-radius: 7px;
    font-size: 10.8px;
    color: #dce4ee;
}
.template-saas .saas-nav-item:hover {
    background: rgba(255,255,255,.075);
    border-color: rgba(255,255,255,.10);
}
.template-saas .saas-nav-item.is-active {
    background: rgba(45, 212, 191, .12);
    border-color: rgba(45, 212, 191, .36);
    color: #fff;
}
.template-saas .saas-topbar {
    min-height: 50px;
    padding: 7px 20px;
}
.template-saas .auth-shell,
.template-saas .account-workspace {
    width: min(100% - 32px, 1680px) !important;
    max-width: 1680px !important;
    padding-top: 16px;
}
@media (max-width: 960px) {
    .template-saas .saas-app { grid-template-columns: 1fr; }
    .template-saas .saas-sidebar { width: 100%; }
    .template-saas .auth-shell,
    .template-saas .account-workspace { width: min(100% - 16px, 100%) !important; }
}


/* Enterprise SaaS shell refinement 2026-09-02 */
.template-saas {
    color-scheme: light;
}
.template-saas .saas-app {
    grid-template-columns: 206px minmax(0, 1fr);
    min-height: 100vh;
    background: #eef3f7;
}
.template-saas .saas-sidebar {
    width: 206px;
    padding: 10px 8px;
    gap: 8px;
    border-right: 1px solid rgba(148, 163, 184, .14);
    background:
        linear-gradient(180deg, #111827 0%, #0f172a 52%, #121826 100%);
    box-shadow: 8px 0 26px rgba(15, 23, 42, .07);
}
.template-saas .saas-brand {
    min-height: 46px;
    padding: 6px 7px 10px;
    border-bottom: 1px solid rgba(255,255,255,.08);
}
.template-saas .saas-brand span,
.template-saas .saas-user > span {
    width: 28px;
    height: 28px;
    border-radius: 8px;
    background: linear-gradient(135deg,#2dd4bf,#38bdf8);
    color: #06202d;
    font-size: 11px;
    font-weight: 950;
}
.template-saas .saas-brand strong {
    color: #fff;
    font-size: 12px;
    font-weight: 900;
}
.template-saas .saas-nav {
    gap: 8px;
    padding-right: 2px;
}
.template-saas .saas-nav-group {
    gap: 2px;
    margin: 0;
}
.template-saas .saas-nav-group > span,
.template-saas .saas-section {
    padding: 7px 8px 4px;
    color: #8fa1b8;
    font-size: 8px;
    font-weight: 950;
    text-transform: uppercase;
    letter-spacing: .045em;
}
.template-saas .saas-nav-item {
    position: relative;
    min-height: 27px;
    padding: 6px 8px 6px 10px;
    border: 1px solid transparent;
    border-radius: 7px;
    color: #d7e0eb;
    font-size: 10.5px;
    font-weight: 780;
    line-height: 1.12;
    text-decoration: none;
    transition: background .15s ease, border-color .15s ease, color .15s ease, transform .15s ease;
}
.template-saas .saas-nav-item:hover {
    background: rgba(255,255,255,.07);
    border-color: rgba(255,255,255,.10);
    color: #fff;
    transform: translateX(1px);
}
.template-saas .saas-nav-item.is-active {
    background: linear-gradient(135deg, rgba(45,212,191,.16), rgba(56,189,248,.10));
    border-color: rgba(94,234,212,.35);
    color: #fff;
    box-shadow: inset 2px 0 0 #2dd4bf;
}
.template-saas .saas-nav-item.is-active::after {
    content: "";
    position: absolute;
    right: 8px;
    top: 50%;
    width: 5px;
    height: 5px;
    border-radius: 999px;
    background: #5eead4;
    transform: translateY(-50%);
}
.template-saas .saas-content {
    background: linear-gradient(180deg,#eef3f7,#f7fafc 52%,#eef3f7);
}
.template-saas .saas-topbar {
    position: sticky;
    top: 0;
    z-index: 20;
    min-height: 48px;
    padding: 7px 18px;
    border-bottom: 1px solid #d8e3ed;
    background: rgba(255,255,255,.9);
    backdrop-filter: blur(14px);
}
.template-saas .saas-topbar > div:first-child {
    min-width: 0;
}
.template-saas .saas-topbar .saas-section {
    padding: 0;
    color: #94a3b8;
    font-size: 8.5px;
}
.template-saas .saas-topbar strong {
    color: #111827;
    font-size: 13px;
    line-height: 1.15;
}
.template-saas .saas-user {
    gap: 8px;
    padding: 4px 6px;
    border: 1px solid #dbe5ef;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 8px 18px rgba(15,23,42,.035);
}
.template-saas .saas-user div {
    min-width: 0;
}
.template-saas .saas-user strong {
    display: block;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
}
.template-saas .saas-user small {
    color: #64748b;
    font-size: 10px;
}
.template-saas .saas-user a {
    padding: 5px 7px;
    border-radius: 7px;
    color: #0f766e;
    font-size: 10.5px;
    font-weight: 900;
    text-decoration: none;
}
.template-saas .saas-user a:hover {
    background: #ecfdf5;
}
.template-saas .auth-main.saas-main {
    min-width: 0;
    overflow-x: clip;
}
.template-saas .auth-shell,
.template-saas .account-workspace,
.template-saas .system-tabs-workspace,
.template-saas .tariff-workspace,
.template-saas .payment-workspace {
    width: min(100% - 28px, 1660px) !important;
    max-width: 1660px !important;
    margin-inline: auto;
    padding-top: 14px;
}
.template-saas .auth-card,
.template-saas .portal-overview-panel,
.template-saas .admin-panel,
.template-saas .account-panel {
    border-color: #d9e4ee;
    box-shadow: 0 14px 34px rgba(15, 23, 42, .045);
}
.template-saas .button,
.template-saas button.button,
.template-saas a.button {
    min-height: 31px;
    border-radius: 7px;
    font-size: 10.8px;
    letter-spacing: 0;
}
@media (max-width: 960px) {
    .template-saas .saas-app { grid-template-columns: 1fr; }
    .template-saas .saas-sidebar {
        position: static;
        width: 100%;
        min-height: auto;
        border-right: 0;
    }
    .template-saas .saas-nav {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .template-saas .saas-topbar { position: static; }
    .template-saas .auth-shell,
    .template-saas .account-workspace,
    .template-saas .system-tabs-workspace,
    .template-saas .tariff-workspace,
    .template-saas .payment-workspace { width: min(100% - 16px, 100%) !important; }
}
@media (max-width: 640px) {
    .template-saas .saas-nav { grid-template-columns: 1fr; }
    .template-saas .saas-user { width: 100%; justify-content: space-between; }
}


/* Context top navigation 2026-09-02 */
.saas-topnav {
    width: min(100% - 24px, 1840px);
    margin: 14px auto 0;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    border: 1px solid #dce5ee;
    border-radius: 9px;
    background: rgba(255, 255, 255, .82);
    box-shadow: 0 12px 34px rgba(15, 23, 42, .045);
    padding: 8px 10px;
}

.saas-topnav > span {
    color: #64748b;
    font-size: 10px;
    font-weight: 950;
    text-transform: uppercase;
    white-space: nowrap;
}

.saas-topnav > div {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    min-width: 0;
}

.saas-topnav-item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 28px;
    border: 1px solid #d8e2eb;
    border-radius: 7px;
    background: #f8fafc;
    color: #334155;
    padding: 6px 10px;
    text-decoration: none;
    font-size: 11px;
    font-weight: 850;
    line-height: 1.1;
}

.saas-topnav-item:hover,
.saas-topnav-item:focus {
    border-color: #99f6e4;
    background: #ecfeff;
    color: #0f766e;
}

.saas-topnav-item.is-active {
    border-color: #0f766e;
    background: #0f766e;
    color: #ffffff;
}

@media (max-width: 820px) {
    .saas-topnav {
        width: min(100% - 20px, 100%);
        grid-template-columns: 1fr;
        gap: 7px;
        margin-top: 10px;
    }

    .saas-topnav > div {
        overflow-x: auto;
        flex-wrap: nowrap;
        padding-bottom: 2px;
    }

    .saas-topnav-item {
        white-space: nowrap;
    }
}


/* CRM polish 2026-09-02: compact, calmer portal navigation */
.template-saas {
    --cp-sidebar: 188px;
    --cp-page-pad: 18px;
    --cp-line: #d7e2ec;
    --cp-panel: rgba(255,255,255,.92);
    --cp-text: #101827;
    --cp-muted: #66758a;
    --cp-brand: #0891b2;
    --cp-brand-strong: #0f766e;
}
.template-saas .saas-app {
    grid-template-columns: var(--cp-sidebar) minmax(0, 1fr) !important;
    min-height: 100dvh;
    background: #edf3f7;
}
.template-saas .saas-sidebar {
    width: var(--cp-sidebar) !important;
    padding: 11px 9px !important;
    background: #0d1624 !important;
    border-right: 1px solid rgba(148,163,184,.16) !important;
    box-shadow: 10px 0 28px rgba(15,23,42,.08);
}
.template-saas .saas-brand {
    min-height: 35px;
    padding: 6px 7px;
    border-bottom: 1px solid rgba(148,163,184,.12);
}
.template-saas .saas-brand span { width: 26px; height: 26px; border-radius: 8px; font-size: 10px; }
.template-saas .saas-brand strong { font-size: 11.5px; letter-spacing: 0; }
.template-saas .saas-nav { gap: 5px !important; }
.template-saas .saas-nav-group > span,
.template-saas .saas-section {
    padding: 7px 7px 3px !important;
    font-size: 7.8px !important;
    letter-spacing: .04em !important;
    color: #8ea2ba !important;
}
.template-saas .saas-nav-item {
    min-height: 25px !important;
    padding: 5px 8px !important;
    border-radius: 6px !important;
    font-size: 10px !important;
    line-height: 1.12 !important;
    font-weight: 760 !important;
}
.template-saas .saas-nav-item.is-active {
    background: rgba(15,118,110,.22) !important;
    border-color: rgba(94,234,212,.28) !important;
    box-shadow: inset 2px 0 0 #22d3ee !important;
}
.template-saas .saas-content {
    min-width: 0;
    overflow-x: clip;
    background:
        radial-gradient(circle at 18% 0%, rgba(45,212,191,.08), transparent 24rem),
        linear-gradient(180deg,#edf3f7,#f8fafc 46%,#edf3f7) !important;
}
.template-saas .saas-topbar {
    min-height: 44px !important;
    padding: 6px var(--cp-page-pad) !important;
    background: rgba(255,255,255,.94) !important;
}
.template-saas .saas-topbar strong { font-size: 12.5px !important; }
.template-saas .saas-user { min-height: 32px; border-radius: 9px !important; box-shadow: none !important; }
.template-saas .saas-user span { width: 24px !important; height: 24px !important; border-radius: 7px !important; }
.template-saas .saas-user strong { font-size: 11.5px !important; }
.template-saas .saas-user small,
.template-saas .saas-user a { font-size: 9.8px !important; }
.template-saas .auth-main.saas-main { padding-bottom: 28px; }
.template-saas .auth-shell,
.template-saas .account-workspace,
.template-saas .system-tabs-workspace,
.template-saas .tariff-workspace,
.template-saas .payment-workspace {
    width: calc(100% - (var(--cp-page-pad) * 2)) !important;
    max-width: none !important;
    padding-top: 12px !important;
}
.template-saas .saas-topnav {
    width: calc(100% - (var(--cp-page-pad) * 2)) !important;
    max-width: none !important;
    margin: 10px auto 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    padding: 6px !important;
    border-radius: 10px !important;
    background: rgba(255,255,255,.88) !important;
    border: 1px solid var(--cp-line) !important;
    box-shadow: 0 10px 24px rgba(15,23,42,.04) !important;
}
.template-saas .saas-topnav > span {
    flex: 0 0 auto;
    padding: 0 8px;
    color: #64748b !important;
    font-size: 8.8px !important;
}
.template-saas .saas-topnav > div {
    flex: 1 1 auto;
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 4px !important;
    min-width: 0;
    overflow-x: auto;
    scrollbar-width: thin;
}
.template-saas .saas-topnav-item {
    min-height: 27px !important;
    padding: 5px 9px !important;
    border-radius: 7px !important;
    border-color: transparent !important;
    background: transparent !important;
    color: #46566a !important;
    font-size: 10.3px !important;
    font-weight: 820 !important;
    white-space: nowrap;
}
.template-saas .saas-topnav-item:hover,
.template-saas .saas-topnav-item:focus {
    background: #eef8fa !important;
    color: #0f766e !important;
}
.template-saas .saas-topnav-item.is-active {
    background: #0f172a !important;
    color: #fff !important;
    box-shadow: 0 8px 18px rgba(15,23,42,.12);
}
.template-saas h1 { font-size: clamp(22px, 2vw, 34px) !important; letter-spacing: 0 !important; }
.template-saas h2 { font-size: clamp(17px, 1.35vw, 24px) !important; letter-spacing: 0 !important; }
.template-saas p,
.template-saas td,
.template-saas th,
.template-saas input,
.template-saas select,
.template-saas textarea { font-size: 12.5px; }
.template-saas .button,
.template-saas button.button,
.template-saas a.button,
.template-saas button:not(.unstyled) {
    max-width: 100%;
    white-space: normal;
    overflow-wrap: anywhere;
}
.template-saas .auth-card,
.template-saas .portal-overview-panel,
.template-saas .admin-panel,
.template-saas .account-panel {
    border-radius: 10px !important;
    border-color: var(--cp-line) !important;
    background: var(--cp-panel) !important;
    box-shadow: 0 12px 30px rgba(15,23,42,.045) !important;
}
.template-saas table { width: 100%; max-width: 100%; }
.template-saas .auth-card,
.template-saas section,
.template-saas article,
.template-saas form { min-width: 0; }
@media (max-width: 1180px) {
    .template-saas { --cp-sidebar: 176px; --cp-page-pad: 12px; }
    .template-saas .saas-nav-item { font-size: 9.7px !important; }
}
@media (max-width: 960px) {
    .template-saas .saas-app { grid-template-columns: 1fr !important; }
    .template-saas .saas-sidebar { width: 100% !important; position: static !important; min-height: auto !important; }
    .template-saas .saas-nav { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
    .template-saas .saas-topnav { align-items: stretch !important; }
}


/* Final CRM shell guardrails 2026-09-02 */
.template-saas,
.template-saas * { box-sizing: border-box; }
.template-saas { --cp-sidebar: 176px; --cp-page-pad: 14px; }
.template-saas .saas-sidebar { overscroll-behavior: contain; }
.template-saas .saas-content,
.template-saas .auth-main,
.template-saas .auth-shell { min-width: 0; max-width: 100%; }
.template-saas .auth-shell { display: grid; gap: 12px; }
.template-saas .saas-nav-item { display: flex !important; align-items: center; min-width: 0; }
.template-saas .saas-topbar { overflow: hidden; }
.template-saas .saas-user { flex: 0 0 auto; }
.template-saas .saas-topbar > div:first-child { min-width: 0; }
.template-saas .saas-topbar > div:first-child strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.template-saas .button,
.template-saas button,
.template-saas input,
.template-saas select,
.template-saas textarea { min-width: 0; }
@media (max-width: 960px) {
    .template-saas { --cp-page-pad: 10px; }
    .template-saas .saas-nav { display: flex !important; overflow-x: auto; gap: 8px !important; }
    .template-saas .saas-nav-group { min-width: 170px; }
}


/* Simple UX navigation 2026-09-02 */
.template-saas { --cp-sidebar: 164px; }
.template-saas .saas-nav-group { gap: 2px !important; }
.template-saas .saas-nav-group > span { padding-top: 8px !important; }
.template-saas .saas-nav-item { min-height: 27px !important; padding-inline: 8px !important; }
.template-saas .saas-topnav > span::after { content: "Navigation"; margin-left: 6px; color: #94a3b8; font-weight: 800; }
@media(max-width:960px){ .template-saas { --cp-sidebar: 100%; } }


/* High clarity CRM containment 2026-09-02 */
.template-saas {
    --cp-sidebar: 160px;
    --cp-page-pad: 12px;
    color: #142033;
}
.template-saas .saas-app { grid-template-columns: var(--cp-sidebar) minmax(0, 1fr) !important; }
.template-saas .saas-sidebar { width: var(--cp-sidebar) !important; padding: 9px 7px !important; }
.template-saas .saas-brand { min-height: 32px !important; padding: 3px 5px !important; }
.template-saas .saas-brand strong { font-size: 10.8px !important; }
.template-saas .saas-nav { gap: 3px !important; }
.template-saas .saas-nav-group { gap: 1px !important; margin: 2px 0 4px !important; }
.template-saas .saas-nav-group > span { padding: 7px 6px 2px !important; font-size: 7.4px !important; letter-spacing: .05em !important; }
.template-saas .saas-nav-item { min-height: 24px !important; padding: 5px 7px !important; font-size: 9.6px !important; border-radius: 6px !important; }
.template-saas .saas-content { overflow-x: clip !important; }
.template-saas .saas-topbar { min-height: 42px !important; padding-inline: var(--cp-page-pad) !important; }
.template-saas .saas-topnav { position: sticky; top: 0; z-index: 16; }
.template-saas .auth-shell,
.template-saas .account-workspace,
.template-saas .system-tabs-workspace,
.template-saas .tariff-workspace,
.template-saas .payment-workspace,
.template-saas .project-workspace { width: calc(100% - (var(--cp-page-pad) * 2)) !important; max-width: none !important; }
.template-saas .auth-card { overflow: clip; }
.template-saas .auth-actions { min-width: 0; flex-wrap: wrap; }
.template-saas .auth-actions .button,
.template-saas a.button,
.template-saas button.button { min-height: 30px !important; padding: 7px 10px !important; font-size: 10.8px !important; line-height: 1.15 !important; }
.template-saas code,
.template-saas pre,
.template-saas .site-snippet-code { white-space: pre-wrap; overflow-wrap: anywhere; }
.template-saas table { table-layout: auto; }
.template-saas td,
.template-saas th { overflow-wrap: anywhere; }
@media (max-width: 960px) {
    .template-saas .saas-app { grid-template-columns: 1fr !important; }
    .template-saas .saas-sidebar { width: 100% !important; }
    .template-saas .saas-topnav { position: static; }
}


/* Quickbar CRM workflow 2026-09-02 */
.template-saas .saas-quickbar{width:calc(100% - (var(--cp-page-pad,12px) * 2))!important;margin:8px auto 0!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px!important}.template-saas .saas-quickbar a{display:grid;gap:2px;min-width:0;min-height:44px;padding:8px 10px;border:1px solid #dbe5ef;border-radius:9px;background:rgba(255,255,255,.9);color:#142033;text-decoration:none;box-shadow:0 8px 20px rgba(15,23,42,.035)}.template-saas .saas-quickbar a:hover{border-color:#99f6e4;background:#f0fdfa}.template-saas .saas-quickbar strong{font-size:11.5px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.template-saas .saas-quickbar span{font-size:10.5px;line-height:1.25;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.template-saas .saas-topnav{top:0!important}.template-saas .saas-topnav>span::after{content:""!important}@media(max-width:960px){.template-saas .saas-quickbar{grid-template-columns:1fr!important}.template-saas .saas-quickbar span,.template-saas .saas-quickbar strong{white-space:normal}}


/* CP CRM sidebar readability pass 2026-09-03 */
.template-saas {
    --cp-sidebar: 232px !important;
    --cp-page-pad: 18px !important;
    --cp-font-ui: "Helvetica Neue", Inter, "General Sans", "Segoe UI", Arial, sans-serif;
    font-family: var(--cp-font-ui) !important;
    background: #f1f2ee !important;
    color: #161b18 !important;
}
.template-saas,
.template-saas *:not(code):not(pre):not(.site-snippet-code) {
    font-family: var(--cp-font-ui) !important;
    letter-spacing: 0 !important;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.template-saas .saas-app {
    grid-template-columns: var(--cp-sidebar) minmax(0, 1fr) !important;
    background: #f1f2ee !important;
}
.template-saas .saas-sidebar {
    width: var(--cp-sidebar) !important;
    min-width: var(--cp-sidebar) !important;
    padding: 18px 14px !important;
    gap: 16px !important;
    background: #f7f8f4 !important;
    color: #20251f !important;
    border-right: 1px solid #e3e6dc !important;
    box-shadow: 12px 0 36px rgba(22, 25, 20, .04) !important;
    scrollbar-width: thin;
    scrollbar-color: #cfd5ca transparent;
}
.template-saas .saas-sidebar::-webkit-scrollbar { width: 8px; }
.template-saas .saas-sidebar::-webkit-scrollbar-thumb { background: #cfd5ca; border-radius: 999px; }
.template-saas .saas-brand {
    min-height: 44px !important;
    padding: 0 0 14px !important;
    border-bottom: 1px solid #e3e6dc !important;
    color: #111512 !important;
    gap: 10px !important;
}
.template-saas .saas-brand span,
.template-saas .saas-user > span {
    width: 34px !important;
    height: 34px !important;
    border-radius: 11px !important;
    background: #111512 !important;
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 850 !important;
}
.template-saas .saas-brand strong {
    color: #111512 !important;
    font-size: 15px !important;
    font-weight: 780 !important;
    line-height: 1.1 !important;
}
.template-saas .saas-nav {
    gap: 14px !important;
}
.template-saas .saas-nav-group {
    gap: 4px !important;
    margin: 0 !important;
}
.template-saas .saas-nav-group > span,
.template-saas .saas-section {
    padding: 0 8px 5px !important;
    color: #8a9188 !important;
    font-size: 10px !important;
    font-weight: 760 !important;
    text-transform: uppercase !important;
    letter-spacing: .06em !important;
}
.template-saas .saas-nav-item {
    display: flex !important;
    align-items: center !important;
    min-height: 36px !important;
    padding: 9px 10px !important;
    border: 1px solid transparent !important;
    border-radius: 10px !important;
    background: transparent !important;
    color: #293028 !important;
    font-size: 13px !important;
    font-weight: 650 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    box-shadow: none !important;
}
.template-saas .saas-nav-item:hover,
.template-saas .saas-nav-item:focus {
    background: #ffffff !important;
    border-color: #e1e5dc !important;
    color: #111512 !important;
    box-shadow: 0 8px 22px rgba(17, 21, 18, .05) !important;
    outline: none !important;
}
.template-saas .saas-nav-item.is-active {
    background: #111512 !important;
    border-color: #111512 !important;
    color: #ffffff !important;
    box-shadow: 0 10px 24px rgba(17, 21, 18, .16) !important;
}
.template-saas .saas-nav-item.is-active::after {
    content: "" !important;
    width: 7px !important;
    height: 7px !important;
    margin-left: auto !important;
    border-radius: 50% !important;
    background: #a9ff53 !important;
    box-shadow: none !important;
    position: static !important;
}
.template-saas .saas-content {
    padding: 18px !important;
    background: linear-gradient(180deg, #f8f9f6 0%, #eef2f1 100%) !important;
}
.template-saas .saas-topbar {
    min-height: 58px !important;
    padding: 12px 18px !important;
    border: 1px solid #e1e6e3 !important;
    border-radius: 18px !important;
    background: rgba(255, 255, 255, .86) !important;
    box-shadow: 0 12px 34px rgba(17, 24, 39, .045) !important;
    backdrop-filter: blur(18px) !important;
}
.template-saas .saas-topbar strong {
    color: #141915 !important;
    font-size: 14px !important;
    font-weight: 760 !important;
}
.template-saas .saas-section {
    padding: 0 !important;
    font-size: 10px !important;
}
.template-saas .saas-user {
    min-height: 36px !important;
    padding: 4px 8px 4px 4px !important;
    border: 1px solid #e1e6e3 !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    color: #151b17 !important;
    box-shadow: none !important;
}
.template-saas .saas-user span {
    background: #dbfff3 !important;
    color: #057052 !important;
}
.template-saas .saas-user strong { font-size: 12.5px !important; color: #151b17 !important; }
.template-saas .saas-user small,
.template-saas .saas-user a { font-size: 11px !important; color: #617069 !important; }
.template-saas .saas-user a { font-weight: 760 !important; color: #087052 !important; }
.template-saas .auth-main.saas-main {
    background: transparent !important;
    padding-bottom: 34px !important;
}
.template-saas h1 { font-size: clamp(25px, 2.1vw, 38px) !important; line-height: 1.05 !important; font-weight: 790 !important; color: #101512 !important; }
.template-saas h2 { font-size: clamp(18px, 1.35vw, 25px) !important; line-height: 1.15 !important; font-weight: 760 !important; color: #101512 !important; }
.template-saas p,
.template-saas td,
.template-saas th,
.template-saas label,
.template-saas input,
.template-saas select,
.template-saas textarea { font-size: 13px !important; line-height: 1.45 !important; }
@media (max-width: 960px) {
    .template-saas { --cp-sidebar: 100% !important; --cp-page-pad: 12px !important; }
    .template-saas .saas-app { grid-template-columns: 1fr !important; }
    .template-saas .saas-sidebar { position: static !important; width: 100% !important; min-width: 0 !important; height: auto !important; padding: 12px !important; }
    .template-saas .saas-nav { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; overflow: visible !important; }
    .template-saas .saas-nav-group { min-width: 0 !important; }
    .template-saas .saas-nav-item { min-height: 40px !important; font-size: 13px !important; }
    .template-saas .saas-content { padding: 12px !important; }
    .template-saas .saas-topbar { position: static !important; border-radius: 14px !important; }
}
@media (max-width: 620px) {
    .template-saas .saas-nav { grid-template-columns: 1fr !important; }
    .template-saas .saas-user { width: 100% !important; justify-content: space-between !important; }
}


/* CP CRM sidebar icon pass 2026-09-03 */
.template-saas .saas-nav-item {
    gap: 9px !important;
}
.template-saas .saas-nav-icon {
    flex: 0 0 24px !important;
    width: 24px !important;
    height: 24px !important;
    display: inline-grid !important;
    place-items: center !important;
    border-radius: 8px !important;
    background: #ecefe8 !important;
    color: #394037 !important;
    font-size: 9.5px !important;
    font-weight: 820 !important;
    line-height: 1 !important;
}
.template-saas .saas-nav-label {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}
.template-saas .saas-nav-item:hover .saas-nav-icon,
.template-saas .saas-nav-item:focus .saas-nav-icon {
    background: #111512 !important;
    color: #ffffff !important;
}
.template-saas .saas-nav-item.is-active .saas-nav-icon {
    background: #a9ff53 !important;
    color: #111512 !important;
}
.template-saas .saas-nav-group {
    padding-bottom: 10px !important;
    border-bottom: 1px solid #e5e8df !important;
}
.template-saas .saas-nav-group:last-child {
    border-bottom: 0 !important;
    padding-bottom: 0 !important;
}
.template-saas .saas-nav-group > span {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}
.template-saas .saas-nav-group > span::after {
    content: "" !important;
    height: 1px !important;
    flex: 1 1 auto !important;
    margin-left: 8px !important;
    background: #e5e8df !important;
}
@media (max-width: 960px) {
    .template-saas .saas-nav-group { border-bottom: 0 !important; padding-bottom: 0 !important; }
    .template-saas .saas-nav-icon { width: 26px !important; height: 26px !important; }
}


/* CP CRM clarity navigation pass 2026-09-03 */
.template-saas {
    --cp-sidebar: 246px !important;
    --cp-page-pad: 20px !important;
    --cp-nav-ink: #1e211d;
    --cp-nav-muted: #737a70;
    --cp-nav-line: #e6e8e1;
    --cp-nav-soft: #f7f8f4;
    --cp-nav-hover: #ffffff;
    --cp-accent: #a9ff53;
    font-size: 13px !important;
}
.template-saas .saas-app {
    background: #f3f4f0 !important;
}
.template-saas .saas-sidebar {
    padding: 16px 14px 18px !important;
    background: linear-gradient(180deg, #fbfcf8 0%, #f4f5f0 100%) !important;
    border-right: 1px solid var(--cp-nav-line) !important;
    box-shadow: 18px 0 48px rgba(30, 33, 29, .045) !important;
}
.template-saas .saas-brand {
    min-height: 42px !important;
    padding: 0 2px 13px !important;
    margin-bottom: 2px !important;
}
.template-saas .saas-brand span {
    width: 32px !important;
    height: 32px !important;
    border-radius: 10px !important;
    background: #111111 !important;
    color: #a9ff53 !important;
    font-size: 11px !important;
    font-weight: 900 !important;
}
.template-saas .saas-brand strong {
    font-size: 14px !important;
    font-weight: 820 !important;
    color: var(--cp-nav-ink) !important;
}
.template-saas .saas-nav {
    gap: 12px !important;
    padding-right: 1px !important;
}
.template-saas .saas-nav-group {
    gap: 3px !important;
    padding: 0 0 12px !important;
    border-bottom: 1px solid var(--cp-nav-line) !important;
}
.template-saas .saas-nav-group > span {
    padding: 0 7px 4px !important;
    color: #858c82 !important;
    font-size: 9.5px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
}
.template-saas .saas-nav-group > span::after {
    background: transparent !important;
}
.template-saas .saas-nav-item {
    min-height: 34px !important;
    padding: 6px 8px !important;
    gap: 10px !important;
    border-radius: 12px !important;
    color: var(--cp-nav-ink) !important;
    font-size: 12.6px !important;
    font-weight: 720 !important;
    line-height: 1.15 !important;
}
.template-saas .saas-nav-icon {
    flex-basis: 25px !important;
    width: 25px !important;
    height: 25px !important;
    border-radius: 9px !important;
    background: #eef0ea !important;
    color: #484e46 !important;
    font-size: 9px !important;
    font-weight: 880 !important;
    box-shadow: inset 0 0 0 1px rgba(30, 33, 29, .035) !important;
}
.template-saas .saas-nav-label {
    color: inherit !important;
}
.template-saas .saas-nav-item:hover,
.template-saas .saas-nav-item:focus {
    background: var(--cp-nav-hover) !important;
    border-color: #dcdfd7 !important;
    color: #111111 !important;
    box-shadow: 0 10px 24px rgba(30, 33, 29, .06) !important;
}
.template-saas .saas-nav-item:hover .saas-nav-icon,
.template-saas .saas-nav-item:focus .saas-nav-icon {
    background: #111111 !important;
    color: #ffffff !important;
}
.template-saas .saas-nav-item.is-active {
    background: #111111 !important;
    border-color: #111111 !important;
    color: #ffffff !important;
    box-shadow: 0 12px 26px rgba(17, 17, 17, .16) !important;
}
.template-saas .saas-nav-item.is-active .saas-nav-icon {
    background: var(--cp-accent) !important;
    color: #111111 !important;
}
.template-saas .saas-nav-item.is-active::after {
    width: 6px !important;
    height: 6px !important;
    background: var(--cp-accent) !important;
}
.template-saas .saas-content {
    padding: 18px 20px 28px !important;
    background: radial-gradient(circle at 34% 0%, rgba(169,255,83,.10), transparent 30%), #f3f4f0 !important;
}
.template-saas .saas-topbar {
    min-height: 52px !important;
    padding: 9px 12px 9px 16px !important;
    border-radius: 16px !important;
    background: rgba(255,255,255,.9) !important;
    border-color: #e4e7df !important;
    box-shadow: 0 10px 28px rgba(30, 33, 29, .045) !important;
}
.template-saas .saas-topbar .saas-section {
    color: #8b9288 !important;
    font-size: 9px !important;
    font-weight: 820 !important;
}
.template-saas .saas-topbar strong {
    font-size: 13.5px !important;
    font-weight: 820 !important;
}
.template-saas .saas-user {
    min-height: 34px !important;
    padding: 3px 8px 3px 3px !important;
    border-radius: 999px !important;
}
.template-saas .saas-user > span {
    width: 29px !important;
    height: 29px !important;
    border-radius: 9px !important;
    background: #ddfff0 !important;
    color: #067354 !important;
}
.template-saas .saas-topnav {
    width: calc(100% - (var(--cp-page-pad) * 2)) !important;
    margin: 10px auto 0 !important;
    padding: 4px !important;
    border-radius: 14px !important;
    background: rgba(255,255,255,.72) !important;
    border-color: #e3e7df !important;
    box-shadow: none !important;
    backdrop-filter: blur(14px) !important;
}
.template-saas .saas-topnav > span {
    min-width: 72px !important;
    padding: 0 8px !important;
    color: #72796f !important;
    font-size: 9px !important;
    font-weight: 880 !important;
    text-transform: uppercase !important;
}
.template-saas .saas-topnav > div {
    gap: 3px !important;
}
.template-saas .saas-topnav-item {
    min-height: 29px !important;
    padding: 6px 10px !important;
    border-radius: 10px !important;
    color: #4f5a50 !important;
    font-size: 11.3px !important;
    font-weight: 760 !important;
}
.template-saas .saas-topnav-item:hover,
.template-saas .saas-topnav-item:focus {
    background: #f0f2ec !important;
    color: #111111 !important;
}
.template-saas .saas-topnav-item.is-active {
    background: #111111 !important;
    color: #ffffff !important;
    box-shadow: 0 9px 20px rgba(17, 17, 17, .12) !important;
}
.template-saas .saas-quickbar {
    width: calc(100% - (var(--cp-page-pad) * 2)) !important;
    margin: 8px auto 2px !important;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)) !important;
    gap: 8px !important;
}
.template-saas .saas-quickbar a {
    min-height: 42px !important;
    padding: 9px 11px !important;
    border-radius: 14px !important;
    background: rgba(255,255,255,.82) !important;
    border-color: #e0e5dd !important;
    box-shadow: none !important;
}
.template-saas .saas-quickbar a:hover {
    background: #ffffff !important;
    border-color: #cfd6ca !important;
}
.template-saas .saas-quickbar strong {
    color: #171b16 !important;
    font-size: 11.8px !important;
    font-weight: 820 !important;
}
.template-saas .saas-quickbar span {
    color: #687267 !important;
    font-size: 10.8px !important;
}
.template-saas .auth-shell,
.template-saas .project-workspace,
.template-saas .account-workspace,
.template-saas .tariff-workspace,
.template-saas .payment-workspace,
.template-saas .system-tabs-workspace {
    padding-top: 12px !important;
}
.template-saas .auth-card,
.template-saas .portal-overview-panel,
.template-saas .admin-panel,
.template-saas .account-panel {
    border-radius: 16px !important;
    border-color: #e0e5dd !important;
    box-shadow: 0 14px 36px rgba(30,33,29,.045) !important;
}
.template-saas h1 {
    font-size: clamp(24px, 1.85vw, 34px) !important;
    font-weight: 820 !important;
}
.template-saas h2 {
    font-size: clamp(17px, 1.15vw, 22px) !important;
}
.template-saas .button,
.template-saas button.button,
.template-saas a.button {
    border-radius: 10px !important;
    font-weight: 820 !important;
}
@media (max-width: 1180px) {
    .template-saas { --cp-sidebar: 224px !important; --cp-page-pad: 14px !important; }
}
@media (max-width: 960px) {
    .template-saas { --cp-sidebar: 100% !important; --cp-page-pad: 12px !important; }
    .template-saas .saas-sidebar { padding: 12px !important; }
    .template-saas .saas-nav { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px !important; }
    .template-saas .saas-nav-group { border-bottom: 0 !important; padding-bottom: 0 !important; }
    .template-saas .saas-nav-item { min-height: 38px !important; }
    .template-saas .saas-topnav { position: static !important; overflow: hidden !important; }
    .template-saas .saas-topnav > span { display: none !important; }
    .template-saas .saas-topnav > div { overflow-x: auto !important; }
}

/* CP light CRM navigation pass 2026-09-03 */
.template-saas {
    background: #f4f5f3 !important;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
}
.template-saas .saas-app {
    grid-template-columns: 228px minmax(0, 1fr) !important;
    background: #f4f5f3 !important;
    color: #151615 !important;
}
.template-saas .saas-sidebar {
    width: 228px !important;
    min-width: 228px !important;
    height: 100vh !important;
    padding: 14px 12px !important;
    gap: 14px !important;
    background: rgba(255,255,255,.92) !important;
    color: #181a18 !important;
    border-right: 1px solid #e3e5df !important;
    box-shadow: 16px 0 42px rgba(30,33,29,.045) !important;
    backdrop-filter: blur(14px) !important;
    scrollbar-color: #cdd4c8 transparent !important;
}
.template-saas .saas-brand {
    min-height: 48px !important;
    padding: 6px 7px 13px !important;
    gap: 10px !important;
    color: #101110 !important;
    border-bottom: 1px solid #eceee9 !important;
}
.template-saas .saas-brand span {
    width: 34px !important;
    height: 34px !important;
    border-radius: 10px !important;
    background: #a9ff53 !important;
    color: #111 !important;
    box-shadow: inset 0 -1px 0 rgba(17,17,17,.12) !important;
}
.template-saas .saas-brand strong {
    color: #101110 !important;
    font-size: 14px !important;
    font-weight: 850 !important;
}
.template-saas .saas-nav {
    gap: 8px !important;
}
.template-saas .saas-nav-group {
    gap: 3px !important;
    margin: 0 0 5px !important;
    padding-bottom: 8px !important;
    border-bottom: 1px solid #eef0ea !important;
}
.template-saas .saas-nav-group:last-child {
    border-bottom: 0 !important;
}
.template-saas .saas-nav-group > span,
.template-saas .saas-section {
    padding: 8px 7px 4px !important;
    color: #858d80 !important;
    font-size: 10px !important;
    font-weight: 850 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
}
.template-saas .saas-nav-item {
    min-height: 34px !important;
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    padding: 7px 8px !important;
    border-radius: 10px !important;
    border: 1px solid transparent !important;
    background: transparent !important;
    color: #30342f !important;
    font-size: 12.5px !important;
    line-height: 1.15 !important;
    font-weight: 720 !important;
    text-decoration: none !important;
    box-shadow: none !important;
}
.template-saas .saas-nav-icon {
    flex: 0 0 28px !important;
    width: 28px !important;
    height: 28px !important;
    border-radius: 9px !important;
    display: grid !important;
    place-items: center !important;
    background: #f1f3ee !important;
    color: #555d51 !important;
    font-size: 13px !important;
    font-weight: 850 !important;
}
.template-saas .saas-nav-label {
    min-width: 0 !important;
    color: inherit !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}
.template-saas .saas-nav-item:hover,
.template-saas .saas-nav-item:focus {
    background: #f5f7f2 !important;
    border-color: #e3e8db !important;
    color: #111 !important;
    outline: none !important;
}
.template-saas .saas-nav-item:hover .saas-nav-icon,
.template-saas .saas-nav-item:focus .saas-nav-icon {
    background: #e8f7d9 !important;
    color: #1f3900 !important;
}
.template-saas .saas-nav-item.is-active {
    background: #111 !important;
    border-color: #111 !important;
    color: #fff !important;
    box-shadow: 0 12px 26px rgba(17,17,17,.12) !important;
}
.template-saas .saas-nav-item.is-active::after {
    display: none !important;
}
.template-saas .saas-nav-item.is-active .saas-nav-icon {
    background: #a9ff53 !important;
    color: #111 !important;
}
.template-saas .saas-topbar {
    min-height: 62px !important;
    background: rgba(255,255,255,.88) !important;
    border-bottom: 1px solid #e3e5df !important;
    backdrop-filter: blur(14px) !important;
}
.template-saas .saas-topbar strong {
    color: #141614 !important;
}
.template-saas .saas-user span {
    background: #e8f7d9 !important;
    color: #111 !important;
}
@media (max-width: 960px) {
    .template-saas .saas-app { grid-template-columns: 1fr !important; }
    .template-saas .saas-sidebar { width: 100% !important; min-width: 0 !important; height: auto !important; position: static !important; box-shadow: none !important; border-right: 0 !important; border-bottom: 1px solid #e3e5df !important; }
    .template-saas .saas-nav { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px !important; }
    .template-saas .saas-nav-group { border-bottom: 0 !important; padding-bottom: 0 !important; }
    .template-saas .saas-nav-item { min-height: 40px !important; font-size: 13px !important; }
}
@media (max-width: 560px) {
    .template-saas .saas-nav { grid-template-columns: 1fr !important; }
}

/* CP top anchored account navigation 2026-09-03 */
.template-saas .saas-app-topnav {
    display: block !important;
    min-height: 100vh !important;
    background: #f4f5f3 !important;
}
.template-saas .saas-app-topnav .saas-content {
    display: block !important;
    min-width: 0 !important;
}
.template-saas .saas-sidebar {
    display: none !important;
}
.template-saas .saas-global-topbar {
    position: sticky !important;
    top: 0 !important;
    z-index: 80 !important;
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    gap: 14px !important;
    align-items: center !important;
    min-height: 66px !important;
    padding: 9px 18px !important;
    background: rgba(255,255,255,.94) !important;
    border-bottom: 1px solid #e0e4dc !important;
    box-shadow: 0 14px 34px rgba(30,33,29,.055) !important;
    backdrop-filter: blur(18px) !important;
}
.template-saas .saas-global-topbar .saas-brand {
    border: 0 !important;
    padding: 0 !important;
    color: #111 !important;
}
.template-saas .saas-primary-nav {
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    overflow-x: auto !important;
    scrollbar-width: thin !important;
}
.template-saas .saas-primary-nav .saas-nav-item {
    flex: 0 0 auto !important;
    min-height: 38px !important;
    padding: 5px 10px 5px 6px !important;
    border-radius: 999px !important;
    font-size: 12.5px !important;
    background: transparent !important;
    color: #343a31 !important;
}
.template-saas .saas-primary-nav .saas-nav-icon {
    width: 28px !important;
    height: 28px !important;
    flex-basis: 28px !important;
    border-radius: 999px !important;
}
.template-saas .saas-primary-nav .saas-nav-item.is-active {
    background: #111 !important;
    border-color: #111 !important;
    color: #fff !important;
}
.template-saas .saas-account-menu {
    position: relative !important;
}
.template-saas .saas-account-menu summary {
    list-style: none !important;
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    min-height: 42px !important;
    border: 1px solid #e0e5dd !important;
    border-radius: 999px !important;
    background: #fff !important;
    color: #141614 !important;
    padding: 5px 11px 5px 5px !important;
    cursor: pointer !important;
}
.template-saas .saas-account-menu summary::-webkit-details-marker { display: none !important; }
.template-saas .saas-account-menu summary > span {
    width: 32px !important;
    height: 32px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 999px !important;
    background: #a9ff53 !important;
    color: #111 !important;
    font-size: 12px !important;
    font-weight: 900 !important;
}
.template-saas .saas-account-menu summary strong {
    display: block !important;
    color: #141614 !important;
    font-size: 12.5px !important;
    line-height: 1.1 !important;
}
.template-saas .saas-account-menu summary small {
    display: block !important;
    color: #758070 !important;
    font-size: 10.5px !important;
}
.template-saas .saas-account-dropdown {
    position: absolute !important;
    top: calc(100% + 10px) !important;
    right: 0 !important;
    width: min(720px, calc(100vw - 28px)) !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
    border: 1px solid #dfe5dc !important;
    border-radius: 18px !important;
    background: rgba(255,255,255,.98) !important;
    box-shadow: 0 28px 74px rgba(30,33,29,.16) !important;
    padding: 12px !important;
}
.template-saas .saas-account-dropdown > div {
    display: grid !important;
    gap: 4px !important;
    align-content: start !important;
    border: 1px solid #eef0ea !important;
    border-radius: 14px !important;
    background: #fbfcf8 !important;
    padding: 10px !important;
}
.template-saas .saas-account-dropdown span {
    color: #778171 !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
}
.template-saas .saas-account-dropdown a {
    min-height: 28px !important;
    display: flex !important;
    align-items: center !important;
    border-radius: 9px !important;
    color: #20241f !important;
    padding: 5px 7px !important;
    font-size: 12px !important;
    font-weight: 760 !important;
    text-decoration: none !important;
}
.template-saas .saas-account-dropdown a:hover {
    background: #eef8e6 !important;
}
.template-saas .saas-account-dropdown .saas-logout-link {
    grid-column: 1 / -1 !important;
    justify-content: center !important;
    background: #111 !important;
    color: #fff !important;
}
.template-saas .saas-topnav {
    position: sticky !important;
    top: 66px !important;
    z-index: 60 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 8px 18px !important;
    border-radius: 0 !important;
    border-width: 0 0 1px 0 !important;
    border-color: #e0e4dc !important;
    background: rgba(246,247,244,.94) !important;
    box-shadow: none !important;
    backdrop-filter: blur(14px) !important;
}
.template-saas .saas-topnav > span {
    color: #6d7768 !important;
    font-size: 10px !important;
}
.template-saas .saas-quickbar {
    width: calc(100% - 36px) !important;
    margin: 10px auto 0 !important;
}
@media(max-width:1180px){
    .template-saas .saas-global-topbar { grid-template-columns: 1fr auto !important; }
    .template-saas .saas-primary-nav { grid-column: 1 / -1 !important; order: 3 !important; }
    .template-saas .saas-topnav { top: 112px !important; }
}
@media(max-width:760px){
    .template-saas .saas-global-topbar { padding: 8px 12px !important; }
    .template-saas .saas-account-dropdown { grid-template-columns: 1fr !important; }
    .template-saas .saas-topnav { position: static !important; padding: 8px 12px !important; }
    .template-saas .saas-quickbar { width: calc(100% - 24px) !important; }
}

/* CP top contextual submenu clarity 2026-09-03 */
.template-saas .saas-topnav {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    gap: 12px !important;
    align-items: center !important;
}
.template-saas .saas-topnav > div {
    display: flex !important;
    gap: 6px !important;
    overflow-x: auto !important;
    padding-bottom: 1px !important;
}
.template-saas .saas-topnav-item {
    flex: 0 0 auto !important;
    min-height: 30px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid transparent !important;
    border-radius: 999px !important;
    color: #3c4439 !important;
    background: transparent !important;
    padding: 0 10px !important;
    font-size: 11.5px !important;
    font-weight: 780 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}
.template-saas .saas-topnav-item:hover {
    border-color: #dfe5dc !important;
    background: #fff !important;
}
.template-saas .saas-topnav-item.is-active {
    border-color: #111 !important;
    background: #111 !important;
    color: #fff !important;
}
.template-saas .saas-main {
    padding-top: 0 !important;
}
.template-saas .auth-shell {
    padding-top: 18px !important;
}
.template-saas .saas-account-menu[open] summary {
    border-color: #111 !important;
    box-shadow: 0 12px 24px rgba(17,17,17,.10) !important;
}
@media(max-width:1180px){
    .template-saas .saas-topnav { top: 113px !important; }
}
@media(max-width:760px){
    .template-saas .saas-topnav { grid-template-columns: 1fr !important; gap: 6px !important; }
    .template-saas .saas-topnav > span { padding-left: 2px !important; }
}


/* CP final future CRM shell readability 2026-09-03 */
.template-saas {
    --cp-bg: #f4f5f1 !important;
    --cp-surface: rgba(255,255,255,.92) !important;
    --cp-line: #e4e7df !important;
    --cp-ink: #151712 !important;
    --cp-muted: #687064 !important;
    --cp-accent: #a9ff53 !important;
    --cp-focus: #111111 !important;
    --cp-page-pad: clamp(14px, 1.45vw, 28px) !important;
    background: var(--cp-bg) !important;
    color: var(--cp-ink) !important;
    font-family: Inter, "Helvetica Neue", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
    font-size: 13px !important;
}
.template-saas .saas-app-topnav,
.template-saas .auth-main {
    background: linear-gradient(180deg, #f7f8f4 0%, #eef2ed 100%) !important;
}
.template-saas .saas-app-topnav .saas-sidebar { display: none !important; }
.template-saas .saas-global-topbar {
    position: sticky !important;
    top: 0 !important;
    z-index: 90 !important;
    min-height: 62px !important;
    display: grid !important;
    grid-template-columns: auto minmax(320px, 1fr) auto !important;
    align-items: center !important;
    gap: 16px !important;
    padding: 10px var(--cp-page-pad) !important;
    border-bottom: 1px solid var(--cp-line) !important;
    background: rgba(250,251,247,.86) !important;
    backdrop-filter: blur(18px) !important;
    box-shadow: 0 12px 34px rgba(24, 26, 20, .055) !important;
}
.template-saas .saas-global-brand {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    min-width: 172px !important;
    color: var(--cp-ink) !important;
    text-decoration: none !important;
    font-size: 13px !important;
    font-weight: 830 !important;
}
.template-saas .saas-global-brand span,
.template-saas .saas-account-menu summary > span {
    background: var(--cp-accent) !important;
    color: #111 !important;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.12) !important;
}
.template-saas .saas-primary-nav {
    justify-self: center !important;
    width: 100% !important;
    max-width: 980px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    overflow-x: auto !important;
    scrollbar-width: thin !important;
    padding: 2px !important;
}
.template-saas .saas-primary-nav .saas-nav-item {
    flex: 0 0 auto !important;
    min-height: 36px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    padding: 4px 11px 4px 5px !important;
    border: 1px solid transparent !important;
    border-radius: 999px !important;
    color: #30352d !important;
    background: transparent !important;
    text-decoration: none !important;
    font-size: 12.4px !important;
    font-weight: 740 !important;
    line-height: 1 !important;
}
.template-saas .saas-primary-nav .saas-nav-icon {
    width: 26px !important;
    height: 26px !important;
    display: grid !important;
    place-items: center !important;
    flex: 0 0 26px !important;
    border-radius: 999px !important;
    background: #eef1ea !important;
    color: #363b32 !important;
    font-size: 9px !important;
    font-weight: 860 !important;
}
.template-saas .saas-primary-nav .saas-nav-item:hover,
.template-saas .saas-primary-nav .saas-nav-item:focus {
    background: #ffffff !important;
    border-color: #dfe4db !important;
    color: #111 !important;
}
.template-saas .saas-primary-nav .saas-nav-item.is-active {
    background: #111 !important;
    border-color: #111 !important;
    color: #fff !important;
    box-shadow: 0 10px 22px rgba(17,17,17,.13) !important;
}
.template-saas .saas-primary-nav .saas-nav-item.is-active .saas-nav-icon {
    background: var(--cp-accent) !important;
    color: #111 !important;
}
.template-saas .saas-account-menu { justify-self: end !important; position: relative !important; }
.template-saas .saas-account-menu summary {
    min-height: 40px !important;
    padding: 3px 10px 3px 3px !important;
    border: 1px solid var(--cp-line) !important;
    border-radius: 999px !important;
    background: #fff !important;
    cursor: pointer !important;
}
.template-saas .saas-account-menu summary strong {
    color: var(--cp-ink) !important;
    font-size: 12.5px !important;
    font-weight: 780 !important;
    line-height: 1.12 !important;
}
.template-saas .saas-account-menu summary small {
    color: var(--cp-muted) !important;
    font-size: 10.5px !important;
    line-height: 1.1 !important;
}
.template-saas .saas-account-dropdown {
    right: 0 !important;
    top: calc(100% + 12px) !important;
    width: min(760px, calc(100vw - 28px)) !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
    padding: 12px !important;
    border: 1px solid #dde3d8 !important;
    border-radius: 18px !important;
    background: rgba(255,255,255,.98) !important;
    box-shadow: 0 24px 70px rgba(17,17,17,.16) !important;
}
.template-saas .saas-account-dropdown > div {
    border: 1px solid #edf0e9 !important;
    border-radius: 14px !important;
    background: #fbfcf8 !important;
    padding: 10px !important;
}
.template-saas .saas-account-dropdown span {
    color: #6d7569 !important;
    font-size: 10px !important;
    font-weight: 880 !important;
    text-transform: uppercase !important;
}
.template-saas .saas-account-dropdown a {
    min-height: 30px !important;
    border-radius: 9px !important;
    padding: 6px 8px !important;
    color: #20241f !important;
    font-size: 12px !important;
    font-weight: 720 !important;
    text-decoration: none !important;
}
.template-saas .saas-account-dropdown a:hover { background: #eef3e8 !important; }
.template-saas .saas-account-dropdown .saas-logout-link { background: #111 !important; color: #fff !important; }
.template-saas .saas-topnav {
    position: sticky !important;
    top: 62px !important;
    z-index: 70 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 8px var(--cp-page-pad) !important;
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 12px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--cp-line) !important;
    border-radius: 0 !important;
    background: rgba(246,247,243,.88) !important;
    backdrop-filter: blur(14px) !important;
    box-shadow: none !important;
}
.template-saas .saas-topnav > span {
    min-width: 74px !important;
    color: #6e766a !important;
    font-size: 10px !important;
    font-weight: 860 !important;
    text-transform: uppercase !important;
}
.template-saas .saas-topnav > div {
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    overflow-x: auto !important;
    scrollbar-width: thin !important;
}
.template-saas .saas-topnav-item {
    flex: 0 0 auto !important;
    min-height: 30px !important;
    padding: 6px 11px !important;
    border-radius: 999px !important;
    border: 1px solid transparent !important;
    color: #3e463b !important;
    background: transparent !important;
    font-size: 12px !important;
    font-weight: 720 !important;
    text-decoration: none !important;
}
.template-saas .saas-topnav-item:hover { background: #fff !important; border-color: #dfe4dc !important; }
.template-saas .saas-topnav-item.is-active { background: #111 !important; border-color: #111 !important; color: #fff !important; }
.template-saas .saas-quickbar {
    width: calc(100% - (var(--cp-page-pad) * 2)) !important;
    margin: 10px auto 0 !important;
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)) !important;
    gap: 8px !important;
}
.template-saas .saas-quickbar a {
    min-height: 46px !important;
    display: grid !important;
    align-content: center !important;
    gap: 2px !important;
    padding: 9px 12px !important;
    border: 1px solid #e1e6dc !important;
    border-radius: 16px !important;
    background: rgba(255,255,255,.78) !important;
    color: #171b16 !important;
    text-decoration: none !important;
}
.template-saas .saas-quickbar strong { font-size: 12px !important; font-weight: 790 !important; }
.template-saas .saas-quickbar span { color: var(--cp-muted) !important; font-size: 11px !important; }
.template-saas .auth-shell,
.template-saas .account-workspace,
.template-saas .project-workspace,
.template-saas .tariff-workspace,
.template-saas .payment-workspace,
.template-saas .system-tabs-workspace {
    width: min(100% - (var(--cp-page-pad) * 2), 1760px) !important;
    max-width: 1760px !important;
    padding-top: 18px !important;
}
@media (max-width: 1180px) {
    .template-saas .saas-global-topbar { grid-template-columns: 1fr auto !important; }
    .template-saas .saas-primary-nav { grid-column: 1 / -1 !important; order: 3 !important; justify-content: flex-start !important; max-width: none !important; }
    .template-saas .saas-topnav { top: 112px !important; }
}
@media (max-width: 760px) {
    .template-saas .saas-global-topbar { position: sticky !important; grid-template-columns: 1fr !important; gap: 8px !important; padding: 9px 12px !important; }
    .template-saas .saas-account-menu { justify-self: stretch !important; }
    .template-saas .saas-account-menu summary { justify-content: space-between !important; }
    .template-saas .saas-account-dropdown { position: static !important; width: 100% !important; grid-template-columns: 1fr !important; margin-top: 8px !important; }
    .template-saas .saas-topnav { position: static !important; grid-template-columns: 1fr !important; padding: 8px 12px !important; }
    .template-saas .saas-topnav > span { min-width: 0 !important; }
    .template-saas .saas-quickbar { width: calc(100% - 24px) !important; grid-template-columns: 1fr !important; }
}


/* Registration scan handoff 2026-09-03 */
.auth-scan-handoff{display:grid!important;gap:12px!important;border-color:#99f6e4!important;background:#ecfdf5!important;color:#134e4a!important}.auth-scan-handoff dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0}.auth-scan-handoff dl div{border:1px solid #bbf7d0;border-radius:10px;background:#fff;padding:9px}.auth-scan-handoff dt{color:#0f766e;font-size:10px;font-weight:950;text-transform:uppercase}.auth-scan-handoff dd{margin:3px 0 0;color:#0f172a;font-size:13px;font-weight:950}.auth-scan-handoff ol{display:grid;gap:6px;margin:0;padding:0;list-style:none}.auth-scan-handoff li{border:1px solid #bbf7d0;border-radius:9px;background:rgba(255,255,255,.72);padding:8px 9px;color:#164e43;font-size:12px;font-weight:850}@media(max-width:680px){.auth-scan-handoff dl{grid-template-columns:1fr}}


/* CP topbar account usability final 2026-09-03 */
.template-saas .saas-global-topbar {
    isolation: isolate !important;
}
.template-saas .saas-global-brand strong {
    white-space: nowrap !important;
}
.template-saas .saas-primary-nav {
    -webkit-overflow-scrolling: touch !important;
}
.template-saas .saas-primary-nav .saas-nav-item[href="/portal/payment.php"] .saas-nav-icon {
    background: #fff7ed !important;
    color: #9a3412 !important;
}
.template-saas .saas-primary-nav .saas-nav-item[href="/portal/payment.php"].is-active .saas-nav-icon {
    background: var(--cp-accent) !important;
    color: #111 !important;
}
.template-saas .saas-account-menu summary:focus-visible,
.template-saas .saas-primary-nav .saas-nav-item:focus-visible,
.template-saas .saas-topnav-item:focus-visible,
.template-saas .saas-account-dropdown a:focus-visible {
    outline: 2px solid #111 !important;
    outline-offset: 2px !important;
}
.template-saas .saas-account-menu summary::after {
    content: "" !important;
    width: 7px !important;
    height: 7px !important;
    border-right: 2px solid #64705f !important;
    border-bottom: 2px solid #64705f !important;
    transform: rotate(45deg) translateY(-2px) !important;
    margin-left: 3px !important;
}
.template-saas .saas-account-menu[open] summary::after {
    transform: rotate(225deg) translateY(-1px) !important;
}
.template-saas .saas-account-dropdown {
    z-index: 120 !important;
}
.template-saas .saas-account-dropdown > div a[href="/konto/rechnungen.php"]::after,
.template-saas .saas-account-dropdown > div a[href="/portal/payment.php"]::after,
.template-saas .saas-account-dropdown > div a[href="/konto/sicherheit.php"]::after {
    content: "wichtig" !important;
    margin-left: auto !important;
    border-radius: 999px !important;
    background: #eef3e8 !important;
    color: #506047 !important;
    padding: 2px 6px !important;
    font-size: 9px !important;
    font-weight: 850 !important;
}
.template-saas .utility-error-stage {
    min-height: min(620px, calc(100vh - 170px)) !important;
    display: grid !important;
    place-items: center !important;
}
.template-saas .utility-error-card {
    max-width: 720px !important;
    border-radius: 20px !important;
    background: linear-gradient(135deg, #111, #1f2a1e) !important;
    color: #fff !important;
}
.template-saas .utility-error-card h1,
.template-saas .utility-error-card p,
.template-saas .utility-error-card .eyebrow {
    color: #fff !important;
}
.template-saas .utility-error-card .button.ghost {
    border-color: rgba(255,255,255,.25) !important;
    color: #fff !important;
}
@media (max-width: 1180px) {
    .template-saas .saas-primary-nav .saas-nav-label { max-width: 106px !important; }
}
@media (max-width: 760px) {
    .template-saas .saas-global-brand { min-width: 0 !important; }
    .template-saas .saas-global-brand strong { white-space: normal !important; }
    .template-saas .saas-account-dropdown > div a::after { display: none !important; }
}


/* Clean CRM shell reset 2026-09-03 */
.template-saas {
    --cp-page-pad: clamp(18px, 2vw, 34px) !important;
    background: #f4f5f1 !important;
}
.template-saas .saas-global-topbar {
    top: 0 !important;
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    gap: 18px !important;
    align-items: center !important;
    min-height: 74px !important;
    margin: 0 !important;
    padding: 12px var(--cp-page-pad) !important;
    border: 0 !important;
    border-bottom: 1px solid #e5e7df !important;
    border-radius: 0 !important;
    background: rgba(250,251,247,.96) !important;
    box-shadow: none !important;
    backdrop-filter: blur(18px) !important;
}
.template-saas .saas-global-brand {
    min-width: 188px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}
.template-saas .saas-global-brand span {
    width: 34px !important;
    height: 34px !important;
    border-radius: 10px !important;
    background: #a9ff53 !important;
    color: #111 !important;
    font-size: 11px !important;
    font-weight: 950 !important;
}
.template-saas .saas-global-brand strong {
    color: #191b18 !important;
    font-size: 14px !important;
    font-weight: 860 !important;
}
.template-saas .saas-primary-nav {
    justify-self: center !important;
    display: flex !important;
    gap: 4px !important;
    max-width: min(100%, 1080px) !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 4px !important;
    border: 1px solid #e4e7df !important;
    border-radius: 999px !important;
    background: #fff !important;
    scrollbar-width: none !important;
}
.template-saas .saas-primary-nav::-webkit-scrollbar { display: none !important; }
.template-saas .saas-primary-nav .saas-nav-item {
    min-height: 34px !important;
    flex: 0 0 auto !important;
    gap: 7px !important;
    padding: 0 11px 0 5px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: transparent !important;
    color: #42483f !important;
    font-size: 12px !important;
    font-weight: 790 !important;
    box-shadow: none !important;
}
.template-saas .saas-primary-nav .saas-nav-icon {
    width: 24px !important;
    height: 24px !important;
    flex-basis: 24px !important;
    border-radius: 50% !important;
    background: #eef1ea !important;
    color: #596256 !important;
    font-size: 8px !important;
}
.template-saas .saas-primary-nav .saas-nav-item.is-active {
    background: #111 !important;
    color: #fff !important;
}
.template-saas .saas-primary-nav .saas-nav-item.is-active .saas-nav-icon {
    background: #a9ff53 !important;
    color: #111 !important;
}
.template-saas .saas-account-menu summary {
    min-height: 42px !important;
    border-radius: 999px !important;
    background: #fff !important;
    box-shadow: none !important;
}
.template-saas .saas-topnav {
    top: 74px !important;
    padding: 7px var(--cp-page-pad) !important;
    background: rgba(244,245,241,.92) !important;
}
.template-saas .saas-quickbar { display: none !important; }
.template-saas .auth-main.saas-main {
    padding-top: 0 !important;
}
.template-saas .auth-shell {
    width: min(100% - (var(--cp-page-pad) * 2), 1780px) !important;
}
@media(max-width:1180px){
    .template-saas .saas-global-topbar { grid-template-columns: 1fr auto !important; }
    .template-saas .saas-primary-nav { grid-column: 1 / -1 !important; justify-self: stretch !important; }
}
@media(max-width:760px){
    .template-saas .saas-global-topbar { grid-template-columns: 1fr !important; min-height: auto !important; padding: 10px 12px !important; }
    .template-saas .saas-global-brand { min-width: 0 !important; }
    .template-saas .saas-primary-nav { border-radius: 16px !important; justify-self: stretch !important; }
}

/* Clean readable CRM navigation 2026-09-03 */
.template-saas .saas-app{grid-template-columns:218px minmax(0,1fr)!important;background:#f2f5f2!important;color:#111!important}
.template-saas .saas-sidebar{width:218px!important;padding:14px 10px!important;background:#101410!important;border-right:1px solid rgba(255,255,255,.08)!important;box-shadow:10px 0 34px rgba(17,17,17,.10)!important}
.template-saas .saas-brand{min-height:52px!important;padding:6px 8px 14px!important;border-bottom:1px solid rgba(255,255,255,.10)!important}.template-saas .saas-brand span{width:34px!important;height:34px!important;border-radius:10px!important;background:#a9ff53!important;color:#111!important;font-size:12px!important}.template-saas .saas-brand strong{font-family:Inter,Arial,sans-serif!important;color:#fff!important;font-size:14px!important;font-weight:850!important;letter-spacing:0!important}
.template-saas .saas-nav{gap:13px!important;padding-right:0!important}.template-saas .saas-nav-group{gap:3px!important}.template-saas .saas-nav-group>span,.template-saas .saas-section{padding:9px 10px 5px!important;color:#9da89b!important;font-size:9px!important;font-weight:850!important;letter-spacing:.04em!important}.template-saas .saas-nav-item{min-height:34px!important;padding:9px 10px!important;border-radius:10px!important;color:#f0f5ec!important;font-family:Inter,Arial,sans-serif!important;font-size:12.2px!important;font-weight:760!important;line-height:1.15!important;letter-spacing:0!important}.template-saas .saas-nav-item:hover{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.12)!important;color:#fff!important;transform:none!important}.template-saas .saas-nav-item.is-active{background:#f6f7ed!important;border-color:#f6f7ed!important;color:#111!important;box-shadow:none!important}.template-saas .saas-nav-item.is-active:after{right:9px!important;width:6px!important;height:6px!important;background:#14b8a6!important}
.template-saas .saas-topbar{position:sticky!important;top:0!important;z-index:30!important;min-height:58px!important;padding:9px 24px!important;background:rgba(255,255,255,.94)!important;border-bottom:1px solid #dde5dc!important;backdrop-filter:blur(16px)!important}.template-saas .saas-topbar strong{font-size:14px!important;color:#111!important}.template-saas .saas-user{border-radius:999px!important;background:#fff!important;border-color:#dfe6dd!important}.template-saas .auth-main.saas-main{background:linear-gradient(180deg,#f2f5f2,#f8faf7 48%,#eef3f1)!important;overflow-x:hidden!important}.template-saas .auth-shell,.template-saas .account-workspace,.template-saas .system-tabs-workspace,.template-saas .tariff-workspace,.template-saas .payment-workspace{width:min(100% - 24px,1680px)!important;max-width:1680px!important;padding-top:14px!important}
@media(max-width:960px){.template-saas .saas-app{grid-template-columns:1fr!important}.template-saas .saas-sidebar{width:100%!important;background:#101410!important}.template-saas .saas-nav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.template-saas .saas-nav-group>span{grid-column:1/-1!important}}

/* CP navigation hierarchy final pass 2026-09-03 */
.template-saas .saas-app-topnav{display:block!important;background:#f3f5f1!important}.template-saas .saas-app-topnav .saas-sidebar{display:none!important}.template-saas .saas-global-topbar{position:sticky!important;top:0!important;z-index:40!important;display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;gap:18px!important;align-items:center!important;min-height:70px!important;padding:12px 28px!important;border-bottom:1px solid #dde4db!important;background:rgba(255,255,255,.94)!important;backdrop-filter:blur(18px)!important}.template-saas .saas-global-brand{display:flex!important;align-items:center!important;gap:10px!important;min-width:190px!important;text-decoration:none!important}.template-saas .saas-global-brand span{display:grid!important;place-items:center!important;width:34px!important;height:34px!important;border-radius:10px!important;background:#a9ff53!important;color:#111!important;font-size:12px!important;font-weight:950!important}.template-saas .saas-global-brand strong{color:#111!important;font-size:14px!important;font-weight:850!important;letter-spacing:0!important}.template-saas .saas-primary-nav{justify-self:center!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;max-width:100%!important;overflow:visible!important;padding:4px!important;border:1px solid #e1e6de!important;border-radius:999px!important;background:#f7f8f3!important;box-shadow:none!important}.template-saas .saas-primary-nav .saas-nav-item{display:flex!important;align-items:center!important;gap:6px!important;min-height:36px!important;min-width:0!important;padding:0 11px!important;border:0!important;border-radius:999px!important;background:transparent!important;color:#40483f!important;font-size:12px!important;font-weight:760!important;line-height:1!important;text-decoration:none!important;white-space:nowrap!important}.template-saas .saas-primary-nav .saas-nav-icon{display:none!important}.template-saas .saas-primary-nav .saas-nav-label{display:block!important;max-width:none!important;overflow:visible!important;text-overflow:clip!important}.template-saas .saas-primary-nav .saas-nav-item:hover{background:#fff!important;color:#111!important}.template-saas .saas-primary-nav .saas-nav-item.is-active{background:#111!important;color:#fff!important;box-shadow:none!important}.template-saas .saas-primary-nav .saas-nav-item.is-active:after{display:none!important}.template-saas .saas-account-menu{justify-self:end!important;position:relative!important}.template-saas .saas-account-menu summary{display:flex!important;align-items:center!important;gap:9px!important;min-height:42px!important;padding:5px 10px!important;border:1px solid #dde5dc!important;border-radius:999px!important;background:#fff!important;color:#111!important;cursor:pointer!important;box-shadow:0 10px 24px rgba(17,17,17,.045)!important}.template-saas .saas-account-menu summary>span{display:grid!important;place-items:center!important;width:30px!important;height:30px!important;border-radius:999px!important;background:#a9ff53!important;color:#111!important;font-size:12px!important;font-weight:950!important}.template-saas .saas-account-menu summary strong{max-width:150px!important;color:#111!important;font-size:12.5px!important;line-height:1.1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.template-saas .saas-account-menu summary small{color:#667064!important;font-size:10.5px!important}.template-saas .saas-topnav{position:sticky!important;top:70px!important;z-index:32!important;display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;gap:10px!important;align-items:center!important;width:100%!important;max-width:none!important;margin:0!important;padding:8px 28px!important;border:0!important;border-bottom:1px solid #e2e6df!important;border-radius:0!important;background:rgba(247,248,243,.96)!important;box-shadow:none!important}.template-saas .saas-topnav>span{min-width:0!important;color:#64705f!important;font-size:10px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.04em!important}.template-saas .saas-topnav>div{display:flex!important;gap:5px!important;min-width:0!important;overflow-x:auto!important;scrollbar-width:none!important}.template-saas .saas-topnav>div::-webkit-scrollbar{display:none!important}.template-saas .saas-topnav-item{flex:0 0 auto!important;min-height:30px!important;padding:0 10px!important;border:1px solid transparent!important;border-radius:999px!important;background:transparent!important;color:#465044!important;font-size:11px!important;font-weight:780!important;text-decoration:none!important;white-space:nowrap!important}.template-saas .saas-topnav-item:hover{background:#fff!important;border-color:#dde5dc!important;color:#111!important}.template-saas .saas-topnav-item.is-active{background:#fff!important;border-color:#111!important;color:#111!important;box-shadow:inset 0 0 0 1px #111!important}.template-saas .auth-main.saas-main{padding-top:0!important;background:linear-gradient(180deg,#f3f5f1,#f9faf7 48%,#eef3f1)!important;overflow-x:hidden!important}@media(max-width:1180px){.template-saas .saas-global-topbar{grid-template-columns:auto auto!important;gap:10px!important;padding:10px 16px!important}.template-saas .saas-primary-nav{grid-column:1/-1!important;justify-self:stretch!important;justify-content:flex-start!important;overflow-x:auto!important;border-radius:16px!important}.template-saas .saas-topnav{top:106px!important;padding-inline:16px!important}}@media(max-width:700px){.template-saas .saas-global-topbar{grid-template-columns:1fr!important}.template-saas .saas-account-menu{justify-self:stretch!important}.template-saas .saas-account-menu summary{justify-content:space-between!important}.template-saas .saas-topnav{position:static!important;grid-template-columns:1fr!important;padding:8px 12px!important}.template-saas .saas-primary-nav{border-radius:14px!important}.template-saas .saas-primary-nav .saas-nav-item{font-size:11.5px!important}}

/* Definitive light CRM shell 2026-09-03 */
@font-face{font-family:"CP Open Sans";src:url("/assets/fonts/open-sans-latin-ext-400-800.woff2") format("woff2");font-weight:400 800;font-style:normal;font-display:swap;unicode-range:U+000-5FF,U+1E00-1EFF;}
.template-saas{--cp-ui:"CP Open Sans","Helvetica Neue",Arial,sans-serif!important;--cp-surface:#fff!important;--cp-bg:#f4f5f1!important;--cp-ink:#161916!important;--cp-muted:#626b61!important;--cp-line:#e1e5dd!important;--cp-active:#111!important;--cp-lime:#a9ff53!important;font-family:var(--cp-ui)!important;background:var(--cp-bg)!important;color:var(--cp-ink)!important;}
.template-saas *{font-family:var(--cp-ui)!important;letter-spacing:0!important;box-sizing:border-box!important;}
.template-saas .saas-app-topnav{display:block!important;min-height:100vh!important;background:linear-gradient(180deg,#f5f6f2,#fbfbf8 45%,#f1f4f1)!important;overflow-x:clip!important;}
.template-saas .saas-content{display:block!important;min-width:0!important;}
.template-saas .saas-global-topbar{position:sticky!important;top:0!important;z-index:100!important;display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;gap:18px!important;min-height:66px!important;padding:10px clamp(16px,2vw,32px)!important;border:0!important;border-bottom:1px solid var(--cp-line)!important;background:rgba(255,255,255,.92)!important;backdrop-filter:blur(18px)!important;box-shadow:0 12px 38px rgba(22,25,22,.045)!important;}
.template-saas .saas-global-brand{display:flex!important;align-items:center!important;gap:10px!important;min-width:180px!important;padding:0!important;border:0!important;background:transparent!important;text-decoration:none!important;color:var(--cp-ink)!important;}
.template-saas .saas-global-brand span{width:32px!important;height:32px!important;border-radius:9px!important;background:var(--cp-lime)!important;color:#111!important;font-size:11px!important;font-weight:800!important;box-shadow:inset 0 0 0 1px rgba(17,17,17,.08)!important;}
.template-saas .saas-global-brand strong{font-size:13px!important;font-weight:800!important;color:var(--cp-ink)!important;white-space:nowrap!important;}
.template-saas .saas-primary-nav{justify-self:center!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:3px!important;max-width:min(100%,1040px)!important;overflow:visible!important;padding:3px!important;border:1px solid #e5e8e0!important;border-radius:999px!important;background:#fff!important;box-shadow:0 8px 24px rgba(22,25,22,.04)!important;}
.template-saas .saas-primary-nav .saas-nav-item{display:flex!important;align-items:center!important;justify-content:center!important;min-height:34px!important;padding:0 13px!important;border:0!important;border-radius:999px!important;background:transparent!important;color:#3d453b!important;font-size:12px!important;font-weight:750!important;line-height:1!important;text-decoration:none!important;white-space:nowrap!important;box-shadow:none!important;}
.template-saas .saas-primary-nav .saas-nav-icon{display:none!important;}
.template-saas .saas-primary-nav .saas-nav-label{display:block!important;max-width:none!important;overflow:visible!important;text-overflow:clip!important;}
.template-saas .saas-primary-nav .saas-nav-item:hover{background:#f4f6f1!important;color:#111!important;}
.template-saas .saas-primary-nav .saas-nav-item.is-active{background:#111!important;color:#fff!important;}
.template-saas .saas-account-menu{justify-self:end!important;position:relative!important;z-index:120!important;}
.template-saas .saas-account-menu summary{display:flex!important;align-items:center!important;gap:8px!important;min-height:40px!important;padding:4px 10px 4px 4px!important;border:1px solid #dde5dc!important;border-radius:999px!important;background:#fff!important;color:#111!important;cursor:pointer!important;box-shadow:0 8px 22px rgba(22,25,22,.05)!important;list-style:none!important;}
.template-saas .saas-account-menu summary::-webkit-details-marker{display:none!important;}
.template-saas .saas-account-menu summary>span{display:grid!important;place-items:center!important;width:30px!important;height:30px!important;border-radius:999px!important;background:var(--cp-lime)!important;color:#111!important;font-size:11px!important;font-weight:800!important;}
.template-saas .saas-account-menu summary strong{display:block!important;max-width:150px!important;color:#111!important;font-size:12px!important;font-weight:800!important;line-height:1.1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.template-saas .saas-account-menu summary small{display:block!important;color:#687168!important;font-size:10px!important;font-weight:650!important;line-height:1.1!important;}
.template-saas .saas-account-dropdown{position:absolute!important;right:0!important;top:calc(100% + 10px)!important;width:min(760px,calc(100vw - 28px))!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important;padding:10px!important;border:1px solid #dde5dc!important;border-radius:16px!important;background:rgba(255,255,255,.98)!important;box-shadow:0 24px 70px rgba(17,17,17,.14)!important;}
.template-saas .saas-account-menu:not([open]) .saas-account-dropdown{display:none!important;}
.template-saas .saas-account-dropdown>div{display:grid!important;gap:3px!important;padding:9px!important;border:1px solid #edf0e9!important;border-radius:12px!important;background:#fbfcf8!important;}
.template-saas .saas-account-dropdown span{color:#657064!important;font-size:9px!important;font-weight:800!important;text-transform:uppercase!important;}
.template-saas .saas-account-dropdown a{display:flex!important;align-items:center!important;min-height:29px!important;padding:0 8px!important;border-radius:8px!important;color:#1d211c!important;font-size:11.5px!important;font-weight:720!important;text-decoration:none!important;}
.template-saas .saas-account-dropdown a:hover{background:#eef2e9!important;}
.template-saas .saas-account-dropdown .saas-logout-link{grid-column:1/-1!important;justify-content:center!important;background:#111!important;color:#fff!important;}
.template-saas .saas-topnav{position:sticky!important;top:66px!important;z-index:90!important;display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;align-items:center!important;gap:12px!important;width:100%!important;margin:0!important;padding:8px clamp(16px,2vw,32px)!important;border:0!important;border-bottom:1px solid #e4e8e0!important;border-radius:0!important;background:rgba(247,248,243,.96)!important;backdrop-filter:blur(16px)!important;box-shadow:none!important;}
.template-saas .saas-topnav>span{min-width:72px!important;color:#687168!important;font-size:9.5px!important;font-weight:800!important;text-transform:uppercase!important;}
.template-saas .saas-topnav>div{display:flex!important;align-items:center!important;gap:4px!important;min-width:0!important;overflow-x:auto!important;scrollbar-width:none!important;}
.template-saas .saas-topnav>div::-webkit-scrollbar{display:none!important;}
.template-saas .saas-topnav-item{flex:0 0 auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:29px!important;padding:0 10px!important;border:1px solid transparent!important;border-radius:999px!important;background:transparent!important;color:#485146!important;font-size:11px!important;font-weight:740!important;text-decoration:none!important;white-space:nowrap!important;}
.template-saas .saas-topnav-item:hover{background:#fff!important;border-color:#dfe5dc!important;color:#111!important;}
.template-saas .saas-topnav-item.is-active{background:#fff!important;border-color:#111!important;color:#111!important;box-shadow:inset 0 0 0 1px #111!important;}
.template-saas .auth-main.saas-main{padding-top:0!important;background:transparent!important;overflow-x:clip!important;}
.template-saas .auth-shell,.template-saas .account-workspace,.template-saas .project-workspace,.template-saas .tariff-workspace,.template-saas .payment-workspace,.template-saas .system-tabs-workspace{width:min(100% - clamp(24px,3vw,56px),1720px)!important;max-width:1720px!important;margin-inline:auto!important;padding-top:16px!important;}
@media(max-width:1180px){.template-saas .saas-global-topbar{grid-template-columns:auto auto!important;gap:10px!important}.template-saas .saas-primary-nav{grid-column:1/-1!important;justify-self:stretch!important;justify-content:flex-start!important;overflow-x:auto!important;border-radius:14px!important}.template-saas .saas-primary-nav::-webkit-scrollbar{display:none!important}.template-saas .saas-topnav{top:108px!important}.template-saas .saas-account-dropdown{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:720px){.template-saas .saas-global-topbar{grid-template-columns:1fr!important;padding:10px 12px!important}.template-saas .saas-global-brand{min-width:0!important}.template-saas .saas-account-menu{justify-self:stretch!important}.template-saas .saas-account-menu summary{justify-content:space-between!important}.template-saas .saas-account-dropdown{position:static!important;width:100%!important;grid-template-columns:1fr!important;margin-top:8px!important}.template-saas .saas-topnav{position:static!important;grid-template-columns:1fr!important;padding:8px 12px!important}.template-saas .auth-shell,.template-saas .account-workspace,.template-saas .project-workspace,.template-saas .tariff-workspace,.template-saas .payment-workspace,.template-saas .system-tabs-workspace{width:min(100% - 20px,100%)!important}}
/* CRM navigation clarity pass 2026-09-03 */
.template-saas {
    --cp-ui: "CP Open Sans", "Helvetica Neue", Arial, sans-serif !important;
    --cp-top-bg: rgba(255,255,255,.965) !important;
    --cp-shell-bg: #f5f6f2 !important;
    --cp-menu-bg: #ffffff !important;
    --cp-menu-hover: #f4f6f1 !important;
    --cp-menu-active: #111111 !important;
    --cp-menu-text: #252b24 !important;
    --cp-menu-muted: #667064 !important;
    --cp-menu-line: #e2e7dd !important;
}
.template-saas .saas-global-topbar {
    min-height: 72px !important;
    padding: 12px clamp(18px, 2.4vw, 38px) !important;
    background: var(--cp-top-bg) !important;
    box-shadow: 0 14px 38px rgba(17,24,39,.055) !important;
}
.template-saas .saas-global-brand {
    min-width: 176px !important;
}
.template-saas .saas-global-brand span {
    width: 34px !important;
    height: 34px !important;
    border-radius: 11px !important;
    font-weight: 850 !important;
}
.template-saas .saas-global-brand strong {
    font-size: 14px !important;
    font-weight: 830 !important;
}
.template-saas .saas-primary-nav {
    max-width: min(100%, 980px) !important;
    padding: 5px !important;
    gap: 4px !important;
    border-color: var(--cp-menu-line) !important;
    background: #f9faf6 !important;
}
.template-saas .saas-primary-nav .saas-nav-item {
    min-height: 36px !important;
    padding: 0 14px !important;
    color: var(--cp-menu-text) !important;
    font-size: 12.5px !important;
    font-weight: 720 !important;
}
.template-saas .saas-primary-nav .saas-nav-item:hover {
    background: #fff !important;
    box-shadow: 0 8px 20px rgba(17,24,39,.06) !important;
}
.template-saas .saas-primary-nav .saas-nav-item.is-active {
    background: var(--cp-menu-active) !important;
    color: #fff !important;
}
.template-saas .saas-account-menu summary {
    min-height: 44px !important;
    padding: 5px 12px 5px 5px !important;
    border-color: var(--cp-menu-line) !important;
    box-shadow: 0 10px 26px rgba(17,24,39,.055) !important;
}
.template-saas .saas-account-menu summary strong {
    font-size: 12.5px !important;
    font-weight: 830 !important;
}
.template-saas .saas-account-menu summary small {
    font-size: 10.5px !important;
}
.template-saas .saas-account-dropdown {
    border-radius: 14px !important;
    border-color: var(--cp-menu-line) !important;
    box-shadow: 0 28px 74px rgba(17,24,39,.16) !important;
}
.template-saas .saas-account-dropdown a {
    min-height: 31px !important;
    border-radius: 8px !important;
    font-size: 11.8px !important;
    color: #20261f !important;
}
.template-saas .saas-topnav {
    top: 72px !important;
    min-height: 48px !important;
    padding: 8px clamp(18px, 2.4vw, 38px) !important;
    background: rgba(249,250,246,.97) !important;
    border-bottom-color: var(--cp-menu-line) !important;
}
.template-saas .saas-topnav > span {
    display: grid !important;
    gap: 1px !important;
    min-width: 96px !important;
    color: #171b16 !important;
    font-size: 12px !important;
    font-weight: 850 !important;
    text-transform: none !important;
}
.template-saas .saas-topnav > span b {
    display: block !important;
    color: var(--cp-menu-muted) !important;
    font-size: 9px !important;
    font-weight: 820 !important;
    text-transform: uppercase !important;
}
.template-saas .saas-topnav > div {
    gap: 6px !important;
}
.template-saas .saas-topnav-item {
    min-height: 31px !important;
    padding: 0 11px !important;
    border-color: var(--cp-menu-line) !important;
    background: #fff !important;
    color: #30382f !important;
    font-size: 11.5px !important;
    font-weight: 720 !important;
    box-shadow: none !important;
}
.template-saas .saas-topnav-item:hover {
    background: #f4f6f1 !important;
    color: #111 !important;
}
.template-saas .saas-topnav-item.is-active {
    border-color: #111 !important;
    background: #111 !important;
    color: #fff !important;
    box-shadow: none !important;
}
@media(max-width:1180px){
    .template-saas .saas-global-topbar { min-height: auto !important; }
    .template-saas .saas-topnav { top: 112px !important; }
}
@media(max-width:720px){
    .template-saas .saas-topnav { top: auto !important; }
    .template-saas .saas-primary-nav .saas-nav-item { padding: 0 12px !important; }
}
/* CRM shell repair 2026-09-04 */
.template-saas {
    --cp-ui: "CP Open Sans", "Helvetica Neue", Arial, sans-serif !important;
    --cp-bg: #f6f7f3 !important;
    --cp-panel: #ffffff !important;
    --cp-ink: #171b16 !important;
    --cp-muted: #6a7368 !important;
    --cp-line: #e3e8df !important;
    --cp-active: #111111 !important;
    --cp-accent: #9eff4f !important;
}
.template-saas .saas-app-topnav {
    overflow: visible !important;
    background: var(--cp-bg) !important;
}
.template-saas .saas-content,
.template-saas .saas-topbar,
.template-saas .saas-global-topbar {
    overflow: visible !important;
}
.template-saas .saas-global-topbar {
    position: sticky !important;
    top: 0 !important;
    z-index: 500 !important;
    display: grid !important;
    grid-template-columns: 210px minmax(0, 1fr) auto !important;
    gap: 18px !important;
    min-height: 62px !important;
    padding: 10px 28px !important;
    background: rgba(255,255,255,.97) !important;
    border-bottom: 1px solid var(--cp-line) !important;
    box-shadow: 0 10px 28px rgba(17, 24, 39, .055) !important;
}
.template-saas .saas-global-brand {
    min-width: 0 !important;
    gap: 10px !important;
}
.template-saas .saas-global-brand span {
    width: 34px !important;
    height: 34px !important;
    border-radius: 10px !important;
    background: var(--cp-accent) !important;
    color: #111 !important;
    font-size: 11px !important;
    font-weight: 850 !important;
}
.template-saas .saas-global-brand strong {
    color: var(--cp-ink) !important;
    font-size: 14px !important;
    font-weight: 820 !important;
}
.template-saas .saas-primary-nav {
    justify-self: start !important;
    display: flex !important;
    justify-content: flex-start !important;
    gap: 2px !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 3px !important;
    border: 1px solid var(--cp-line) !important;
    border-radius: 12px !important;
    background: #fff !important;
    overflow-x: auto !important;
    scrollbar-width: none !important;
    box-shadow: none !important;
}
.template-saas .saas-primary-nav::-webkit-scrollbar { display: none !important; }
.template-saas .saas-primary-nav .saas-nav-item {
    min-height: 34px !important;
    padding: 0 12px !important;
    border-radius: 9px !important;
    color: #30382f !important;
    font-size: 12px !important;
    font-weight: 720 !important;
}
.template-saas .saas-primary-nav .saas-nav-item:hover {
    background: #f5f6f2 !important;
    color: #111 !important;
    box-shadow: none !important;
}
.template-saas .saas-primary-nav .saas-nav-item.is-active {
    background: #111 !important;
    color: #fff !important;
}
.template-saas .saas-account-menu {
    position: relative !important;
    z-index: 900 !important;
}
.template-saas .saas-account-menu summary {
    min-width: 176px !important;
    min-height: 42px !important;
    border-radius: 12px !important;
    background: #fff !important;
}
.template-saas .saas-account-menu summary::after {
    content: "" !important;
    width: 7px !important;
    height: 7px !important;
    border-right: 1.5px solid #111 !important;
    border-bottom: 1.5px solid #111 !important;
    transform: rotate(45deg) translateY(-2px) !important;
    margin-left: auto !important;
}
.template-saas .saas-account-menu[open] summary::after {
    transform: rotate(225deg) translateY(-1px) !important;
}
.template-saas .saas-account-dropdown {
    position: fixed !important;
    top: 64px !important;
    right: 28px !important;
    z-index: 1200 !important;
    width: min(720px, calc(100vw - 56px)) !important;
    max-height: calc(100vh - 86px) !important;
    overflow: auto !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    border-radius: 14px !important;
    background: rgba(255,255,255,.985) !important;
    border: 1px solid var(--cp-line) !important;
    box-shadow: 0 30px 80px rgba(17,24,39,.18) !important;
}
.template-saas .saas-topnav {
    position: sticky !important;
    top: 62px !important;
    z-index: 420 !important;
    min-height: 46px !important;
    padding: 7px 28px !important;
    background: rgba(250,251,247,.975) !important;
    border-bottom: 1px solid var(--cp-line) !important;
}
.template-saas .saas-topnav > span {
    min-width: 92px !important;
    color: #171b16 !important;
    font-size: 12px !important;
    font-weight: 820 !important;
}
.template-saas .saas-topnav > span b {
    color: #7a8377 !important;
    font-size: 9px !important;
}
.template-saas .saas-topnav-item {
    min-height: 30px !important;
    border-radius: 9px !important;
    border: 1px solid var(--cp-line) !important;
    background: #fff !important;
    color: #384136 !important;
    font-size: 11.5px !important;
    font-weight: 720 !important;
}
.template-saas .saas-topnav-item.is-active {
    background: #111 !important;
    border-color: #111 !important;
    color: #fff !important;
}
.template-saas .auth-main.saas-main {
    overflow: visible !important;
}
@media(max-width:1180px){
    .template-saas .saas-global-topbar { grid-template-columns: 1fr auto !important; padding: 10px 16px !important; }
    .template-saas .saas-primary-nav { grid-column: 1 / -1 !important; width: 100% !important; }
    .template-saas .saas-topnav { top: 112px !important; padding-inline: 16px !important; }
    .template-saas .saas-account-dropdown { right: 16px !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media(max-width:720px){
    .template-saas .saas-global-topbar { grid-template-columns: 1fr !important; }
    .template-saas .saas-account-menu summary { min-width: 0 !important; }
    .template-saas .saas-account-dropdown { position: static !important; width: 100% !important; max-height: none !important; grid-template-columns: 1fr !important; }
    .template-saas .saas-topnav { position: static !important; grid-template-columns: 1fr !important; padding-inline: 12px !important; }
}
/* CRM header navigation alignment 2026-09-04 */
.template-saas .saas-global-topbar {
    grid-template-columns: minmax(180px, auto) minmax(420px, 1fr) minmax(190px, auto) !important;
    min-height: 66px !important;
    padding: 10px clamp(18px, 2.4vw, 34px) !important;
    background: rgba(255,255,255,.975) !important;
    border-bottom: 1px solid #e3e8df !important;
    box-shadow: 0 10px 34px rgba(17,17,17,.035) !important;
}
.template-saas .saas-global-brand {
    min-width: 0 !important;
    gap: 10px !important;
}
.template-saas .saas-global-brand span {
    width: 34px !important;
    height: 34px !important;
    border-radius: 11px !important;
    background: #a9ff53 !important;
    color: #111 !important;
}
.template-saas .saas-global-brand strong {
    font-size: 14px !important;
    font-weight: 820 !important;
}
.template-saas .saas-primary-nav {
    justify-self: center !important;
    display: flex !important;
    max-width: min(100%, 980px) !important;
    padding: 4px !important;
    gap: 3px !important;
    border: 1px solid #e1e6de !important;
    border-radius: 999px !important;
    background: #f7f8f3 !important;
    overflow-x: auto !important;
    scrollbar-width: none !important;
}
.template-saas .saas-primary-nav::-webkit-scrollbar { display: none !important; }
.template-saas .saas-primary-nav .saas-nav-item {
    flex: 0 0 auto !important;
    min-height: 34px !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    color: #3f483d !important;
    font-size: 12px !important;
    font-weight: 760 !important;
    line-height: 1 !important;
}
.template-saas .saas-primary-nav .saas-nav-item.is-active {
    background: #111 !important;
    color: #fff !important;
}
.template-saas .saas-account-menu summary {
    min-width: 188px !important;
    min-height: 42px !important;
    border-radius: 999px !important;
    background: #fff !important;
    border-color: #dfe6dd !important;
}
.template-saas .saas-account-dropdown {
    position: fixed !important;
    top: 72px !important;
    right: clamp(16px, 2.4vw, 34px) !important;
    z-index: 1000 !important;
    width: min(780px, calc(100vw - 32px)) !important;
    max-height: min(78vh, 620px) !important;
    overflow: auto !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    border-radius: 18px !important;
}
.template-saas .saas-topnav {
    top: 66px !important;
    min-height: 48px !important;
    padding: 8px clamp(18px, 2.4vw, 34px) !important;
    background: rgba(247,248,243,.975) !important;
}
.template-saas .saas-topnav > span {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    min-width: 92px !important;
    color: #687168 !important;
    font-size: 9.5px !important;
    font-weight: 850 !important;
}
.template-saas .saas-topnav > span b {
    color: #111 !important;
    font-size: 9.5px !important;
}
.template-saas .saas-topnav-item {
    min-height: 31px !important;
    padding: 0 11px !important;
    border-radius: 999px !important;
    color: #465044 !important;
    font-size: 11.2px !important;
    font-weight: 760 !important;
}
.template-saas .saas-topnav-item.is-active {
    background: #111 !important;
    border-color: #111 !important;
    color: #fff !important;
    box-shadow: none !important;
}
@media(max-width:1180px){
    .template-saas .saas-global-topbar { grid-template-columns: auto auto !important; }
    .template-saas .saas-primary-nav { grid-column: 1 / -1 !important; justify-self: stretch !important; max-width: 100% !important; justify-content: flex-start !important; border-radius: 16px !important; }
    .template-saas .saas-topnav { top: 108px !important; }
    .template-saas .saas-account-dropdown { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media(max-width:720px){
    .template-saas .saas-global-topbar { grid-template-columns: 1fr !important; }
    .template-saas .saas-account-menu { justify-self: stretch !important; }
    .template-saas .saas-account-menu summary { width: 100% !important; min-width: 0 !important; }
    .template-saas .saas-account-dropdown { position: static !important; width: 100% !important; grid-template-columns: 1fr !important; margin-top: 8px !important; }
    .template-saas .saas-topnav { position: static !important; grid-template-columns: 1fr !important; }
}
/* Sidebar CRM shell 2026-09-04 */
html,
body.template-saas {
    margin: 0 !important;
    padding: 0 !important;
    background: #f4f5f1 !important;
}
.template-saas .saas-app-sidebar {
    display: grid !important;
    grid-template-columns: 224px minmax(0, 1fr) !important;
    min-height: 100vh !important;
    width: 100% !important;
    background: #f4f5f1 !important;
    overflow-x: clip !important;
}
.template-saas .saas-app-sidebar .saas-sidebar {
    display: flex !important;
    position: sticky !important;
    top: 0 !important;
    align-self: start !important;
    width: 224px !important;
    height: 100vh !important;
    padding: 12px 10px !important;
    border-right: 1px solid rgba(255,255,255,.08) !important;
    background: #101410 !important;
    box-shadow: 10px 0 34px rgba(17,17,17,.08) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}
.template-saas .saas-app-sidebar .saas-brand {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    min-height: 46px !important;
    padding: 4px 7px 12px !important;
    border-bottom: 1px solid rgba(255,255,255,.1) !important;
    color: #fff !important;
    text-decoration: none !important;
}
.template-saas .saas-app-sidebar .saas-brand span {
    display: grid !important;
    place-items: center !important;
    width: 32px !important;
    height: 32px !important;
    border-radius: 10px !important;
    background: #a9ff53 !important;
    color: #111 !important;
    font-size: 11px !important;
    font-weight: 900 !important;
}
.template-saas .saas-app-sidebar .saas-brand strong {
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 850 !important;
}
.template-saas .saas-app-sidebar .saas-nav {
    display: grid !important;
    gap: 12px !important;
    padding: 10px 0 18px !important;
}
.template-saas .saas-app-sidebar .saas-nav-group {
    display: grid !important;
    gap: 3px !important;
}
.template-saas .saas-app-sidebar .saas-nav-group > span {
    padding: 9px 9px 5px !important;
    color: #9fa99c !important;
    font-size: 9px !important;
    font-weight: 900 !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
}
.template-saas .saas-app-sidebar .saas-nav-item {
    display: grid !important;
    grid-template-columns: 25px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 8px !important;
    min-height: 34px !important;
    padding: 7px 9px !important;
    border: 1px solid transparent !important;
    border-radius: 10px !important;
    background: transparent !important;
    color: #eef5ec !important;
    font-size: 12px !important;
    font-weight: 760 !important;
    line-height: 1.15 !important;
    text-decoration: none !important;
}
.template-saas .saas-app-sidebar .saas-nav-icon {
    display: grid !important;
    place-items: center !important;
    width: 25px !important;
    height: 25px !important;
    border-radius: 8px !important;
    background: rgba(255,255,255,.08) !important;
    color: #cdd8ca !important;
    font-size: 9px !important;
    font-weight: 900 !important;
}
.template-saas .saas-app-sidebar .saas-nav-label {
    display: block !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}
.template-saas .saas-app-sidebar .saas-nav-item:hover {
    background: rgba(255,255,255,.08) !important;
    border-color: rgba(255,255,255,.1) !important;
    color: #fff !important;
}
.template-saas .saas-app-sidebar .saas-nav-item.is-active {
    background: #f6f7ed !important;
    border-color: #f6f7ed !important;
    color: #111 !important;
}
.template-saas .saas-app-sidebar .saas-nav-item.is-active .saas-nav-icon {
    background: #a9ff53 !important;
    color: #111 !important;
}
.template-saas .saas-app-sidebar .saas-content {
    display: grid !important;
    grid-template-rows: 56px minmax(0, 1fr) !important;
    min-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
}
.template-saas .saas-app-sidebar .saas-global-topbar {
    position: sticky !important;
    top: 0 !important;
    z-index: 100 !important;
    display: grid !important;
    grid-template-columns: minmax(320px, 680px) auto !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 12px !important;
    min-height: 56px !important;
    height: 56px !important;
    padding: 0 18px !important;
    margin: 0 !important;
    border: 0 !important;
    border-bottom: 1px solid #e0e5dc !important;
    background: rgba(255,255,255,.975) !important;
    box-shadow: 0 8px 24px rgba(17,17,17,.035) !important;
    backdrop-filter: blur(14px) !important;
    overflow: visible !important;
}
.template-saas .saas-app-sidebar .saas-global-brand,
.template-saas .saas-app-sidebar .saas-primary-nav,
.template-saas .saas-app-sidebar .saas-topnav {
    display: none !important;
}
.template-saas .saas-header-search {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    min-width: 0 !important;
    width: min(100%, 680px) !important;
    margin: 0 !important;
}
.template-saas .saas-header-search label {
    position: relative !important;
    display: block !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    margin: 0 !important;
}
.template-saas .saas-header-search label span {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
}
.template-saas .saas-header-search input {
    width: 100% !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 13px !important;
    border: 1px solid #dfe6dd !important;
    border-radius: 999px !important;
    background: #f9faf6 !important;
    color: #111 !important;
    font-size: 12px !important;
    font-weight: 650 !important;
    outline: none !important;
}
.template-saas .saas-header-search input:focus {
    border-color: #111 !important;
    background: #fff !important;
    box-shadow: 0 0 0 3px rgba(169,255,83,.34) !important;
}
.template-saas .saas-header-search button {
    height: 38px !important;
    padding: 0 14px !important;
    border: 1px solid #111 !important;
    border-radius: 999px !important;
    background: #111 !important;
    color: #fff !important;
    font-size: 11px !important;
    font-weight: 850 !important;
    cursor: pointer !important;
}
.template-saas .saas-app-sidebar .saas-account-menu {
    justify-self: end !important;
    position: relative !important;
    z-index: 1000 !important;
}
.template-saas .saas-app-sidebar .saas-account-menu summary {
    min-width: 180px !important;
    min-height: 40px !important;
    padding: 4px 11px 4px 4px !important;
    border-radius: 999px !important;
    background: #fff !important;
    border: 1px solid #dfe6dd !important;
    box-shadow: none !important;
}
.template-saas .saas-app-sidebar .saas-account-dropdown {
    position: fixed !important;
    top: 62px !important;
    right: 18px !important;
    width: min(780px, calc(100vw - 260px)) !important;
    max-height: min(78vh, 620px) !important;
    overflow: auto !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    border-radius: 18px !important;
}
.template-saas .saas-app-sidebar .auth-main.saas-main {
    min-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    background: linear-gradient(180deg,#f4f5f1,#fbfbf8 52%,#eef3f1) !important;
    overflow-x: clip !important;
}
.template-saas .saas-app-sidebar .auth-shell,
.template-saas .saas-app-sidebar .account-workspace,
.template-saas .saas-app-sidebar .project-workspace,
.template-saas .saas-app-sidebar .tariff-workspace,
.template-saas .saas-app-sidebar .payment-workspace,
.template-saas .saas-app-sidebar .system-tabs-workspace {
    width: min(100% - 32px, 1720px) !important;
    max-width: 1720px !important;
    margin-inline: auto !important;
    padding-top: 14px !important;
}
@media(max-width: 980px) {
    .template-saas .saas-app-sidebar { grid-template-columns: 1fr !important; }
    .template-saas .saas-app-sidebar .saas-sidebar { position: relative !important; width: 100% !important; height: auto !important; max-height: 45vh !important; }
    .template-saas .saas-app-sidebar .saas-nav { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
    .template-saas .saas-app-sidebar .saas-content { grid-template-rows: auto minmax(0, 1fr) !important; }
    .template-saas .saas-app-sidebar .saas-global-topbar { grid-template-columns: 1fr auto !important; }
    .template-saas .saas-app-sidebar .saas-account-dropdown { right: 12px !important; width: min(760px, calc(100vw - 24px)) !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media(max-width: 680px) {
    .template-saas .saas-app-sidebar .saas-nav { grid-template-columns: 1fr !important; }
    .template-saas .saas-app-sidebar .saas-global-topbar { grid-template-columns: 1fr !important; height: auto !important; min-height: 0 !important; padding: 8px 10px !important; }
    .template-saas .saas-header-search { width: 100% !important; }
    .template-saas .saas-app-sidebar .saas-account-menu { justify-self: stretch !important; }
    .template-saas .saas-app-sidebar .saas-account-menu summary { width: 100% !important; min-width: 0 !important; }
    .template-saas .saas-app-sidebar .saas-account-dropdown { position: static !important; width: 100% !important; grid-template-columns: 1fr !important; margin-top: 8px !important; }
    .template-saas .saas-app-sidebar .auth-shell,
    .template-saas .saas-app-sidebar .account-workspace,
    .template-saas .saas-app-sidebar .project-workspace,
    .template-saas .saas-app-sidebar .tariff-workspace,
    .template-saas .saas-app-sidebar .payment-workspace,
    .template-saas .saas-app-sidebar .system-tabs-workspace { width: min(100% - 20px, 100%) !important; }
}
/* Sidebar CRM readability 2026-09-04 */
.template-saas {
    --cp-sidebar: 248px !important;
    --cp-crm-bg: #f6f7f2 !important;
    --cp-crm-panel: #ffffff !important;
    --cp-crm-line: #e3e6df !important;
    --cp-crm-text: #171817 !important;
    --cp-crm-muted: #6a7268 !important;
    --cp-crm-active: #181818 !important;
    --cp-crm-accent: #a9ff53 !important;
    font-family: "CP Open Sans", "Helvetica Neue", Arial, sans-serif !important;
}
.template-saas .saas-app-sidebar {
    grid-template-columns: var(--cp-sidebar) minmax(0, 1fr) !important;
    background: var(--cp-crm-bg) !important;
}
.template-saas .saas-app-sidebar .saas-sidebar {
    width: var(--cp-sidebar) !important;
    min-width: var(--cp-sidebar) !important;
    height: 100vh !important;
    max-height: 100vh !important;
    padding: 14px 12px 18px !important;
    background: #fbfcf8 !important;
    color: var(--cp-crm-text) !important;
    border-right: 1px solid var(--cp-crm-line) !important;
    box-shadow: 10px 0 28px rgba(17, 24, 39, .045) !important;
    overflow-y: auto !important;
}
.template-saas .saas-app-sidebar .saas-brand {
    min-height: 44px !important;
    padding: 0 8px 12px !important;
    margin: 0 0 8px !important;
    border-bottom: 1px solid var(--cp-crm-line) !important;
    color: var(--cp-crm-text) !important;
}
.template-saas .saas-app-sidebar .saas-brand span {
    width: 32px !important;
    height: 32px !important;
    border-radius: 10px !important;
    background: var(--cp-crm-accent) !important;
    color: #111 !important;
    font-size: 12px !important;
    font-weight: 900 !important;
}
.template-saas .saas-app-sidebar .saas-brand strong {
    color: var(--cp-crm-text) !important;
    font-size: 14px !important;
    font-weight: 850 !important;
}
.template-saas .saas-app-sidebar .saas-nav {
    gap: 10px !important;
    padding: 0 0 12px !important;
}
.template-saas .saas-app-sidebar .saas-nav-group {
    gap: 2px !important;
    padding: 0 0 8px !important;
    border-bottom: 1px solid #eef0ea !important;
}
.template-saas .saas-app-sidebar .saas-nav-group:last-child {
    border-bottom: 0 !important;
}
.template-saas .saas-app-sidebar .saas-nav-group > span {
    padding: 9px 8px 5px !important;
    color: #81897d !important;
    font-size: 10px !important;
    line-height: 1 !important;
    font-weight: 850 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
}
.template-saas .saas-app-sidebar .saas-nav-item {
    min-height: 36px !important;
    padding: 5px 8px !important;
    grid-template-columns: 27px minmax(0, 1fr) !important;
    gap: 9px !important;
    border: 1px solid transparent !important;
    border-radius: 10px !important;
    background: transparent !important;
    color: #30352f !important;
    font-size: 12.5px !important;
    font-weight: 760 !important;
    line-height: 1.15 !important;
    box-shadow: none !important;
}
.template-saas .saas-app-sidebar .saas-nav-icon {
    width: 27px !important;
    height: 27px !important;
    border-radius: 9px !important;
    background: #eef1e9 !important;
    color: #2f362d !important;
    font-size: 10px !important;
    font-weight: 900 !important;
}
.template-saas .saas-app-sidebar .saas-nav-label {
    color: inherit !important;
    font-size: 12.5px !important;
    font-weight: 760 !important;
    white-space: nowrap !important;
}
.template-saas .saas-app-sidebar .saas-nav-item:hover,
.template-saas .saas-app-sidebar .saas-nav-item:focus {
    background: #f1f4ec !important;
    border-color: #dde4d7 !important;
    color: #111 !important;
    outline: none !important;
}
.template-saas .saas-app-sidebar .saas-nav-item:hover .saas-nav-icon,
.template-saas .saas-app-sidebar .saas-nav-item:focus .saas-nav-icon {
    background: #e1f8c7 !important;
    color: #111 !important;
}
.template-saas .saas-app-sidebar .saas-nav-item.is-active {
    background: var(--cp-crm-active) !important;
    border-color: var(--cp-crm-active) !important;
    color: #fff !important;
    box-shadow: 0 12px 24px rgba(17,17,17,.13) !important;
}
.template-saas .saas-app-sidebar .saas-nav-item.is-active .saas-nav-icon {
    background: var(--cp-crm-accent) !important;
    color: #111 !important;
}
.template-saas .saas-app-sidebar .saas-content {
    grid-template-rows: 54px minmax(0, 1fr) !important;
    min-height: 100vh !important;
    background: var(--cp-crm-bg) !important;
}
.template-saas .saas-app-sidebar .saas-global-topbar {
    top: 0 !important;
    height: 54px !important;
    min-height: 54px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 14px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--cp-crm-line) !important;
    border-radius: 0 !important;
    background: rgba(255,255,255,.97) !important;
    box-shadow: none !important;
    grid-template-columns: minmax(260px, 560px) auto !important;
}
.template-saas .saas-header-search input {
    height: 36px !important;
    min-height: 36px !important;
    border-radius: 10px !important;
    background: #f8faf6 !important;
    border-color: #dfe5dc !important;
    font-size: 12px !important;
    font-weight: 650 !important;
}
.template-saas .saas-header-search button {
    height: 36px !important;
    border-radius: 10px !important;
    font-size: 11.5px !important;
}
.template-saas .saas-app-sidebar .saas-account-menu summary {
    min-width: 178px !important;
    min-height: 38px !important;
    padding: 3px 10px 3px 3px !important;
    border-radius: 12px !important;
    border: 1px solid #dfe5dc !important;
    background: #fff !important;
    cursor: pointer !important;
}
.template-saas .saas-app-sidebar .saas-account-menu summary strong {
    font-size: 12px !important;
    color: #171817 !important;
}
.template-saas .saas-app-sidebar .saas-account-menu summary small {
    font-size: 10px !important;
    color: var(--cp-crm-muted) !important;
}
.template-saas .saas-app-sidebar .saas-account-dropdown {
    top: 58px !important;
    right: 12px !important;
    width: min(760px, calc(100vw - 280px)) !important;
    border-radius: 16px !important;
    border: 1px solid var(--cp-crm-line) !important;
    box-shadow: 0 24px 60px rgba(17, 24, 39, .16) !important;
}
.template-saas .saas-app-sidebar .auth-main.saas-main {
    padding: 0 !important;
    margin: 0 !important;
}
.template-saas .saas-app-sidebar .auth-shell,
.template-saas .saas-app-sidebar .account-workspace,
.template-saas .saas-app-sidebar .project-workspace,
.template-saas .saas-app-sidebar .tariff-workspace,
.template-saas .saas-app-sidebar .payment-workspace,
.template-saas .saas-app-sidebar .system-tabs-workspace {
    width: min(100% - 24px, 1760px) !important;
    max-width: 1760px !important;
    padding-top: 12px !important;
}
@media(max-width: 980px) {
    .template-saas .saas-app-sidebar { grid-template-columns: 1fr !important; }
    .template-saas .saas-app-sidebar .saas-sidebar { position: relative !important; width: 100% !important; min-width: 0 !important; height: auto !important; max-height: 42vh !important; }
    .template-saas .saas-app-sidebar .saas-nav { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
    .template-saas .saas-app-sidebar .saas-global-topbar { grid-template-columns: 1fr auto !important; }
    .template-saas .saas-app-sidebar .saas-account-dropdown { width: min(760px, calc(100vw - 24px)) !important; right: 12px !important; }
}
@media(max-width: 680px) {
    .template-saas .saas-app-sidebar .saas-nav { grid-template-columns: 1fr !important; }
    .template-saas .saas-app-sidebar .saas-global-topbar { grid-template-columns: 1fr !important; height: auto !important; padding: 8px !important; }
    .template-saas .saas-app-sidebar .saas-account-menu { justify-self: stretch !important; }
    .template-saas .saas-app-sidebar .saas-account-menu summary { width: 100% !important; }
    .template-saas .saas-app-sidebar .saas-account-dropdown { position: static !important; width: 100% !important; grid-template-columns: 1fr !important; margin-top: 8px !important; }
}
/* Definitive CRM sidebar shell 2026-09-04 */
.template-saas {
    --cp-crm-bg: #f4f5f1;
    --cp-crm-paper: #ffffff;
    --cp-crm-ink: #171817;
    --cp-crm-muted: #666d63;
    --cp-crm-line: #e1e5dc;
    --cp-crm-lime: #a9ff53;
    --cp-crm-blue: #1596f2;
    background: var(--cp-crm-bg) !important;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
}
.template-saas .saas-app-sidebar,
.template-saas .saas-app {
    display: grid !important;
    grid-template-columns: 232px minmax(0, 1fr) !important;
    min-height: 100vh !important;
    background: var(--cp-crm-bg) !important;
}
.template-saas .saas-sidebar {
    position: sticky !important;
    top: 0 !important;
    height: 100vh !important;
    padding: 14px 12px !important;
    gap: 14px !important;
    background: rgba(255,255,255,.96) !important;
    color: var(--cp-crm-ink) !important;
    border-right: 1px solid var(--cp-crm-line) !important;
    box-shadow: 18px 0 46px rgba(17,24,39,.045) !important;
    overflow-y: auto !important;
    scrollbar-width: thin !important;
}
.template-saas .saas-brand {
    min-height: 46px !important;
    padding: 0 6px 12px !important;
    border-bottom: 1px solid var(--cp-crm-line) !important;
    color: var(--cp-crm-ink) !important;
}
.template-saas .saas-brand span {
    width: 34px !important;
    height: 34px !important;
    border-radius: 11px !important;
    background: var(--cp-crm-lime) !important;
    color: #111 !important;
    font-size: 12px !important;
    box-shadow: none !important;
}
.template-saas .saas-brand strong {
    color: var(--cp-crm-ink) !important;
    font-size: 14px !important;
    font-weight: 850 !important;
}
.template-saas .saas-nav,
.template-saas .saas-nav-group {
    gap: 4px !important;
}
.template-saas .saas-nav-group {
    margin: 0 0 8px !important;
}
.template-saas .saas-nav-group > span {
    display: block !important;
    padding: 10px 8px 5px !important;
    color: #8a9187 !important;
    font-size: 9.5px !important;
    font-weight: 850 !important;
    letter-spacing: .05em !important;
}
.template-saas .saas-nav-item {
    min-height: 34px !important;
    padding: 0 10px !important;
    border: 1px solid transparent !important;
    border-radius: 9px !important;
    background: transparent !important;
    color: #2b3029 !important;
    font-size: 12.5px !important;
    font-weight: 760 !important;
    line-height: 1.1 !important;
    text-decoration: none !important;
}
.template-saas .saas-nav-item:hover,
.template-saas .saas-nav-item:focus {
    background: #f1f3ed !important;
    color: #111 !important;
    border-color: #e4e8df !important;
}
.template-saas .saas-nav-item.is-active {
    background: #111 !important;
    color: #fff !important;
    border-color: #111 !important;
    box-shadow: none !important;
}
.template-saas .saas-content {
    min-width: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
}
.template-saas .saas-global-topbar,
.template-saas .saas-topbar {
    position: sticky !important;
    top: 0 !important;
    z-index: 950 !important;
    display: grid !important;
    grid-template-columns: minmax(260px, 620px) auto !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    height: 58px !important;
    min-height: 58px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 18px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--cp-crm-line) !important;
    border-radius: 0 !important;
    background: rgba(255,255,255,.96) !important;
    box-shadow: 0 10px 28px rgba(17,24,39,.045) !important;
    overflow: visible !important;
}
.template-saas .saas-header-search {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 8px !important;
    width: min(620px, 100%) !important;
    margin: 0 !important;
}
.template-saas .saas-header-search label {
    margin: 0 !important;
}
.template-saas .saas-header-search label span {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
}
.template-saas .saas-header-search input {
    height: 38px !important;
    border: 1px solid var(--cp-crm-line) !important;
    border-radius: 999px !important;
    background: #f8f9f5 !important;
    color: var(--cp-crm-ink) !important;
    font-size: 12.5px !important;
    padding: 0 14px !important;
    box-shadow: none !important;
}
.template-saas .saas-header-search button {
    height: 38px !important;
    padding: 0 14px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: #111 !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 820 !important;
}
.template-saas .saas-account-menu {
    justify-self: end !important;
    position: relative !important;
    z-index: 1200 !important;
}
.template-saas .saas-account-menu summary {
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    min-width: 188px !important;
    min-height: 40px !important;
    padding: 4px 12px 4px 5px !important;
    border: 1px solid var(--cp-crm-line) !important;
    border-radius: 999px !important;
    background: #fff !important;
    color: var(--cp-crm-ink) !important;
    cursor: pointer !important;
    list-style: none !important;
    box-shadow: none !important;
}
.template-saas .saas-account-menu summary::-webkit-details-marker { display: none !important; }
.template-saas .saas-account-menu summary > span {
    display: grid !important;
    place-items: center !important;
    width: 30px !important;
    height: 30px !important;
    border-radius: 999px !important;
    background: var(--cp-crm-lime) !important;
    color: #111 !important;
    font-size: 11px !important;
    font-weight: 900 !important;
}
.template-saas .saas-account-menu summary strong {
    color: var(--cp-crm-ink) !important;
    font-size: 12.5px !important;
    font-weight: 850 !important;
    line-height: 1.1 !important;
}
.template-saas .saas-account-menu summary small {
    color: var(--cp-crm-muted) !important;
    font-size: 10.5px !important;
    font-weight: 650 !important;
}
.template-saas .saas-account-dropdown {
    position: fixed !important;
    top: 52px !important;
    right: 18px !important;
    z-index: 1300 !important;
    width: min(760px, calc(100vw - 36px)) !important;
    max-height: calc(100vh - 72px) !important;
    overflow: auto !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
    padding: 10px !important;
    border: 1px solid var(--cp-crm-line) !important;
    border-radius: 16px !important;
    background: rgba(255,255,255,.99) !important;
    box-shadow: 0 28px 80px rgba(17,24,39,.16) !important;
}
.template-saas .saas-account-menu:not([open]) .saas-account-dropdown { display: none !important; }
.template-saas .saas-account-dropdown > div {
    display: grid !important;
    gap: 3px !important;
    padding: 9px !important;
    border: 1px solid #ecefe8 !important;
    border-radius: 12px !important;
    background: #fbfcf8 !important;
}
.template-saas .saas-account-dropdown span {
    color: #737b70 !important;
    font-size: 9px !important;
    font-weight: 850 !important;
    text-transform: uppercase !important;
    letter-spacing: .04em !important;
}
.template-saas .saas-account-dropdown a {
    display: flex !important;
    align-items: center !important;
    min-height: 30px !important;
    padding: 0 8px !important;
    border-radius: 8px !important;
    color: #222821 !important;
    font-size: 11.5px !important;
    font-weight: 720 !important;
    text-decoration: none !important;
}
.template-saas .saas-account-dropdown a:hover { background: #eef2e8 !important; }
.template-saas .saas-account-dropdown .saas-logout-link {
    grid-column: 1 / -1 !important;
    justify-content: center !important;
    min-height: 34px !important;
    background: #111 !important;
    color: #fff !important;
}
.template-saas .auth-main.saas-main {
    min-height: calc(100vh - 58px) !important;
    padding: 0 !important;
    background: transparent !important;
    overflow-x: clip !important;
}
.template-saas .auth-shell,
.template-saas .account-workspace,
.template-saas .project-workspace,
.template-saas .tariff-workspace,
.template-saas .payment-workspace,
.template-saas .system-tabs-workspace {
    width: min(100% - 32px, 1720px) !important;
    max-width: 1720px !important;
    margin-inline: auto !important;
    padding-top: 16px !important;
}
@media(max-width: 980px) {
    .template-saas .saas-app-sidebar,
    .template-saas .saas-app { grid-template-columns: 1fr !important; }
    .template-saas .saas-sidebar { position: static !important; height: auto !important; }
    .template-saas .saas-nav { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
    .template-saas .saas-global-topbar { grid-template-columns: 1fr auto !important; }
    .template-saas .saas-account-dropdown { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media(max-width: 680px) {
    .template-saas .saas-global-topbar { height: auto !important; min-height: 58px !important; grid-template-columns: 1fr !important; padding: 8px 10px !important; }
    .template-saas .saas-header-search { width: 100% !important; }
    .template-saas .saas-account-menu { justify-self: stretch !important; }
    .template-saas .saas-account-menu summary { width: 100% !important; min-width: 0 !important; }
    .template-saas .saas-account-dropdown { position: static !important; width: 100% !important; max-height: none !important; grid-template-columns: 1fr !important; margin-top: 8px !important; }
    .template-saas .saas-nav { grid-template-columns: 1fr !important; }
    .template-saas .auth-shell,
    .template-saas .account-workspace,
    .template-saas .project-workspace,
    .template-saas .tariff-workspace,
    .template-saas .payment-workspace,
    .template-saas .system-tabs-workspace { width: min(100% - 20px, 100%) !important; }
}
/* Strong CRM contrast pass 2026-09-04 */
.template-saas {
    --cp-shell-bg: #f3f5f0;
    --cp-panel-bg: #ffffff;
    --cp-ink: #080b10;
    --cp-muted: #4f5b4d;
    --cp-border: #d6ddd1;
    --cp-brand: #111111;
    --cp-accent: #27e060;
    --cp-blue: #0896f2;
    color: var(--cp-ink);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: geometricPrecision;
}
.template-saas .saas-sidebar { background: #f7f8f4 !important; border-right: 1px solid #d7ded2 !important; }
.template-saas .saas-brand strong,
.template-saas .saas-nav-label,
.template-saas .saas-account-menu strong,
.template-saas .saas-header-search input { color: #080b10 !important; }
.template-saas .saas-brand span,
.template-saas .saas-nav-icon,
.template-saas .saas-account-menu summary > span { background: #9aff43 !important; color: #071006 !important; border-color: #7fd52d !important; font-weight: 900 !important; }
.template-saas .saas-nav-group > span { color: #5c6658 !important; font-size: 10.5px !important; font-weight: 900 !important; letter-spacing: 0 !important; }
.template-saas .saas-nav-item { min-height: 38px !important; color: #111111 !important; font-size: 13px !important; font-weight: 820 !important; border: 1px solid transparent !important; }
.template-saas .saas-nav-item:hover { background: #eef3e9 !important; border-color: #dbe5d4 !important; }
.template-saas .saas-nav-item.is-active { background: #111111 !important; border-color: #111111 !important; color: #ffffff !important; box-shadow: 0 12px 26px rgba(17,17,17,.14) !important; }
.template-saas .saas-nav-item.is-active .saas-nav-label { color: #ffffff !important; }
.template-saas .saas-topbar { background: rgba(255,255,255,.98) !important; border-bottom: 1px solid #d7ded2 !important; box-shadow: 0 10px 28px rgba(17,17,17,.05) !important; }
.template-saas .saas-header-search label { background: #ffffff !important; border: 1px solid #ccd6c6 !important; box-shadow: 0 8px 20px rgba(17,17,17,.04) !important; }
.template-saas .saas-header-search button,
.template-saas .button,
.template-saas button.button,
.template-saas a.button { background: #111111 !important; border-color: #111111 !important; color: #ffffff !important; font-weight: 850 !important; box-shadow: 0 12px 28px rgba(17,17,17,.11) !important; }
.template-saas .button:not(.ghost):hover,
.template-saas button.button:hover,
.template-saas a.button:hover { background: #000000 !important; transform: translateY(-1px); }
.template-saas .button.ghost,
.template-saas a.button.ghost,
.template-saas button.button.ghost { background: #ffffff !important; border-color: #bfcabe !important; color: #111111 !important; box-shadow: 0 8px 18px rgba(17,17,17,.045) !important; }
.template-saas .auth-card,
.template-saas .portal-overview-panel,
.template-saas .project-list-panel { border-color: #d8dfd3 !important; }
/* Flush CRM shell polish 2026-09-04 */
.template-saas body,
body.template-saas { margin: 0 !important; }
.template-saas .saas-app-sidebar,
.template-saas .saas-app { min-height: 100vh !important; }
.template-saas .saas-content { padding: 0 !important; background: #eef3ef !important; }
.template-saas .saas-global-topbar,
.template-saas .saas-topbar {
    height: 54px !important;
    min-height: 54px !important;
    padding: 0 14px !important;
    border-radius: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
}
.template-saas .saas-header-search label { min-height: 34px !important; }
.template-saas .saas-header-search input { font-size: 12.5px !important; }
.template-saas .saas-header-search button { min-height: 34px !important; padding: 0 18px !important; }
.template-saas .saas-sidebar { border-radius: 0 !important; }
.template-saas .saas-nav-item { letter-spacing: 0 !important; }
.template-saas .auth-main.saas-main { padding-top: 0 !important; }
.template-saas .auth-shell,
.template-saas .account-workspace,
.template-saas .project-workspace,
.template-saas .tariff-workspace,
.template-saas .payment-workspace,
.template-saas .system-tabs-workspace { padding-top: 10px !important; }
/* Portal button and text QA 2026-09-04 */
.template-saas *,
.template-saas *::before,
.template-saas *::after { box-sizing: border-box; }
.template-saas button,
.template-saas .button,
.template-saas input,
.template-saas select,
.template-saas textarea,
.template-saas summary { font-family: inherit !important; letter-spacing: 0 !important; }
.template-saas .button,
.template-saas button.button,
.template-saas a.button,
.template-saas input[type="submit"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    min-height: 36px !important;
    padding: 0 14px !important;
    border-radius: 999px !important;
    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 820 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    cursor: pointer !important;
    -webkit-font-smoothing: antialiased !important;
}
.template-saas .button:focus-visible,
.template-saas button:focus-visible,
.template-saas summary:focus-visible,
.template-saas a:focus-visible,
.template-saas input:focus-visible,
.template-saas select:focus-visible,
.template-saas textarea:focus-visible {
    outline: 2px solid rgba(154,255,67,.82) !important;
    outline-offset: 2px !important;
}
.template-saas button:disabled,
.template-saas .button[disabled],
.template-saas .button.is-disabled,
.template-saas a[aria-disabled="true"] {
    opacity: .48 !important;
    filter: grayscale(.1) !important;
    cursor: not-allowed !important;
    box-shadow: none !important;
    pointer-events: none !important;
}
.template-saas input,
.template-saas select,
.template-saas textarea {
    border: 1px solid #cbd7c6 !important;
    background: #fff !important;
    color: #080b10 !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
}
.template-saas label { color: #111 !important; font-size: 12px !important; font-weight: 780 !important; }
.template-saas small,
.template-saas p,
.template-saas .auth-note { -webkit-font-smoothing: antialiased !important; }
/* Final CRM shell clarity 2026-09-04 */
body.template-saas {
    margin: 0 !important;
    background: #eef2ed !important;
    color: #070a0f !important;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}
.template-saas .saas-app-sidebar,
.template-saas .saas-app {
    display: grid !important;
    grid-template-columns: 250px minmax(0, 1fr) !important;
    min-height: 100vh !important;
    background: #eef2ed !important;
}
.template-saas .saas-sidebar {
    position: sticky !important;
    top: 0 !important;
    height: 100vh !important;
    overflow-y: auto !important;
    padding: 18px 14px !important;
    background: #f9faf7 !important;
    border-right: 1px solid #cfd8cc !important;
    box-shadow: 8px 0 28px rgba(15, 23, 42, .045) !important;
}
.template-saas .saas-brand {
    min-height: 42px !important;
    padding: 0 4px 14px !important;
    margin: 0 0 12px !important;
    border-bottom: 1px solid #dbe2d7 !important;
    color: #06090f !important;
    font-size: 15px !important;
    font-weight: 900 !important;
}
.template-saas .saas-brand span,
.template-saas .saas-nav-icon,
.template-saas .saas-account-menu summary > span {
    background: #89ff2f !important;
    color: #081000 !important;
    border: 1px solid #5fc900 !important;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.1) !important;
}
.template-saas .saas-nav {
    display: grid !important;
    gap: 16px !important;
}
.template-saas .saas-nav-group {
    display: grid !important;
    gap: 4px !important;
    padding-bottom: 12px !important;
    border-bottom: 1px solid #e0e6dc !important;
}
.template-saas .saas-nav-group > span {
    padding: 0 4px 5px !important;
    color: #687263 !important;
    font-size: 10px !important;
    font-weight: 950 !important;
    text-transform: uppercase !important;
    letter-spacing: .02em !important;
}
.template-saas .saas-nav-item {
    display: grid !important;
    grid-template-columns: 30px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 9px !important;
    min-height: 38px !important;
    padding: 4px 8px !important;
    border-radius: 12px !important;
    color: #11150f !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    text-decoration: none !important;
}
.template-saas .saas-nav-label {
    color: inherit !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}
.template-saas .saas-nav-item:hover {
    background: #eef4e9 !important;
    border-color: #c8d4c3 !important;
}
.template-saas .saas-nav-item.is-active {
    background: #111111 !important;
    color: #ffffff !important;
    border-color: #111111 !important;
    box-shadow: 0 12px 26px rgba(17,17,17,.16) !important;
}
.template-saas .saas-nav-item.is-active .saas-nav-icon {
    background: #89ff2f !important;
    color: #071000 !important;
}
.template-saas .saas-content {
    min-width: 0 !important;
    padding: 0 !important;
    background: #eef2ed !important;
}
.template-saas .saas-global-topbar,
.template-saas .saas-topbar {
    position: sticky !important;
    top: 0 !important;
    z-index: 1000 !important;
    display: grid !important;
    grid-template-columns: minmax(260px, 560px) auto !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 14px !important;
    height: 58px !important;
    min-height: 58px !important;
    margin: 0 !important;
    padding: 0 18px !important;
    border: 0 !important;
    border-bottom: 1px solid #cfd8cc !important;
    border-radius: 0 !important;
    background: rgba(255,255,255,.96) !important;
    backdrop-filter: blur(14px) !important;
    box-shadow: 0 10px 24px rgba(15,23,42,.055) !important;
}
.template-saas .saas-topnav {
    display: none !important;
}
.template-saas .saas-header-search {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 !important;
}
.template-saas .saas-header-search label {
    display: grid !important;
    grid-template-columns: 1fr !important;
    min-width: min(44vw, 520px) !important;
    min-height: 38px !important;
    padding: 0 12px !important;
    border: 1px solid #c6d1c1 !important;
    border-radius: 999px !important;
    background: #fbfcfa !important;
}
.template-saas .saas-header-search label span { display: none !important; }
.template-saas .saas-header-search input {
    border: 0 !important;
    background: transparent !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #080b10 !important;
    outline: 0 !important;
}
.template-saas .saas-header-search button,
.template-saas .button,
.template-saas button.button,
.template-saas a.button {
    min-height: 36px !important;
    border-radius: 999px !important;
    background: #111111 !important;
    border: 1px solid #111111 !important;
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    box-shadow: 0 10px 22px rgba(17,17,17,.14) !important;
}
.template-saas .saas-account-menu summary {
    min-width: 190px !important;
    min-height: 38px !important;
    border-radius: 999px !important;
    border-color: #c8d3c3 !important;
    background: #ffffff !important;
}
.template-saas .saas-account-dropdown {
    top: 64px !important;
    right: 18px !important;
    border-radius: 18px !important;
    border-color: #c8d3c3 !important;
    box-shadow: 0 30px 90px rgba(15,23,42,.18) !important;
}
.template-saas .auth-shell,
.template-saas .account-workspace,
.template-saas .project-workspace,
.template-saas .tariff-workspace,
.template-saas .payment-workspace,
.template-saas .system-tabs-workspace {
    width: min(100% - 32px, 1680px) !important;
    max-width: 1680px !important;
    padding-top: 14px !important;
}
@media(max-width: 980px) {
    .template-saas .saas-app-sidebar,
    .template-saas .saas-app { grid-template-columns: 1fr !important; }
    .template-saas .saas-sidebar { position: static !important; height: auto !important; }
    .template-saas .saas-global-topbar,
    .template-saas .saas-topbar { position: sticky !important; grid-template-columns: 1fr !important; height: auto !important; padding: 8px 12px !important; }
    .template-saas .saas-header-search label { min-width: 0 !important; width: 100% !important; }
}

/* CRM clarity hardening 2026-09-06 */
.template-saas{--cp-crm-ink:#07100b;--cp-crm-muted:#435046;--cp-crm-line:#b9c8b1;--cp-crm-lime:#9aff35;--cp-crm-teal:#009b8f;--cp-crm-panel:#ffffff;font-family:Inter,"Helvetica Neue",Arial,sans-serif!important;color:var(--cp-crm-ink)!important;-webkit-font-smoothing:antialiased!important;text-rendering:geometricPrecision!important;}
.template-saas .saas-app{background:#f2f5ef!important;}
.template-saas .saas-sidebar{background:#f8faf5!important;border-right:1px solid #cdd8c8!important;box-shadow:8px 0 28px rgba(17,17,17,.055)!important;color:#101612!important;}
.template-saas .saas-brand strong,.template-saas .saas-nav-item,.template-saas .saas-nav-group>span{letter-spacing:0!important;}
.template-saas .saas-nav-group>span{color:#6a756a!important;font-size:10.5px!important;font-weight:950!important;text-transform:uppercase!important;}
.template-saas .saas-nav-item{min-height:38px!important;border-radius:12px!important;color:#111812!important;font-size:13px!important;font-weight:850!important;line-height:1!important;}
.template-saas .saas-nav-item:hover{background:#ffffff!important;color:#000!important;box-shadow:0 8px 18px rgba(17,17,17,.055)!important;}
.template-saas .saas-nav-item.is-active{background:#111!important;color:#fff!important;box-shadow:0 12px 26px rgba(17,17,17,.16)!important;}
.template-saas .saas-nav-icon{background:#eff5ea!important;border-color:#b9c8b1!important;color:#111!important;font-weight:950!important;}
.template-saas .saas-nav-item.is-active .saas-nav-icon{background:var(--cp-crm-lime)!important;color:#071006!important;border-color:#7fd52d!important;}
.template-saas .saas-global-topbar{top:0!important;left:0!important;right:0!important;min-height:64px!important;padding:0 18px!important;border-radius:0!important;border-bottom:1px solid #cfd9c9!important;background:rgba(255,255,255,.97)!important;box-shadow:0 8px 28px rgba(17,17,17,.045)!important;}
.template-saas .saas-header-search label{min-height:42px!important;border-radius:12px!important;border-color:#b9c8b1!important;background:#fff!important;}
.template-saas .saas-header-search input{font-size:14px!important;font-weight:800!important;color:#111!important;}
.template-saas .saas-header-search button{min-height:42px!important;border-radius:12px!important;background:#111!important;color:#fff!important;font-size:13px!important;font-weight:950!important;}
.template-saas .saas-account-menu{z-index:300!important;}
.template-saas .saas-account-menu summary{min-height:42px!important;border-radius:999px!important;border-color:#b9c8b1!important;background:#fff!important;color:#111!important;font-weight:900!important;}
.template-saas .saas-account-menu[open] summary{border-color:#111!important;box-shadow:0 14px 32px rgba(17,17,17,.12)!important;}
.template-saas .saas-account-dropdown{z-index:400!important;border-color:#111!important;background:#fff!important;box-shadow:0 28px 80px rgba(17,17,17,.18)!important;}
.template-saas .saas-topnav{display:none!important;}
.template-saas .auth-main.saas-main{padding:0!important;background:#eef3ef!important;}
.template-saas .saas-content{padding:18px 24px 28px!important;}

/* Website board professional cards 2026-09-06 */
.domain-crm-board{gap:14px!important;width:100%!important;max-width:none!important;}
.domain-crm-board .project-hero,.domain-crm-board .workspace-ops-brief,.domain-crm-board .project-flow-map,.domain-crm-board .project-create-panel .auth-card,.domain-crm-board .project-list-panel{border:1px solid var(--cp-crm-line)!important;border-radius:16px!important;background:var(--cp-crm-panel)!important;box-shadow:0 18px 42px rgba(17,17,17,.055)!important;}
.domain-crm-board .project-create-form{display:grid!important;grid-template-columns:minmax(210px,.72fr) minmax(220px,1fr) minmax(280px,1.15fr) minmax(230px,.9fr) minmax(230px,.9fr) auto!important;gap:12px!important;align-items:end!important;padding:18px!important;}
.domain-crm-board .project-create-form>div:first-child{align-self:center!important;}
.domain-crm-board .project-create-form label{display:grid!important;gap:7px!important;color:#111!important;font-size:12px!important;font-weight:950!important;}
.domain-crm-board .project-create-form small{display:block!important;margin-top:2px!important;color:#526051!important;font-size:11.5px!important;line-height:1.35!important;font-weight:700!important;}
.domain-crm-board .project-create-form input,.domain-crm-board .project-create-form select{min-height:44px!important;border:1px solid #b9c8b1!important;border-radius:12px!important;background:#fff!important;color:#07100b!important;font-size:13.5px!important;font-weight:800!important;box-shadow:none!important;}
.domain-crm-board .project-create-form button.button{min-height:44px!important;border-radius:999px!important;background:#111!important;color:#fff!important;font-size:13px!important;font-weight:950!important;padding:0 22px!important;white-space:nowrap!important;}
.domain-crm-board .project-list-toolbar{display:grid!important;grid-template-columns:minmax(280px,1fr) auto auto auto!important;gap:10px!important;align-items:center!important;padding:10px!important;border:1px solid #cfd9ca!important;border-radius:16px!important;background:#f8faf5!important;}
.domain-crm-board .project-search-field input{font-size:13.5px!important;font-weight:800!important;color:#111!important;}
.domain-crm-board .project-filter-group,.domain-crm-board .project-view-toggle{background:#fff!important;border:1px solid #b9c8b1!important;border-radius:999px!important;padding:4px!important;box-shadow:none!important;}
.domain-crm-board .project-filter-group button,.domain-crm-board .project-view-toggle button,.domain-crm-board .project-toolbar-meta button{min-height:32px!important;border-radius:999px!important;color:#111!important;font-size:12px!important;font-weight:950!important;}
.domain-crm-board .project-filter-group button.is-active,.domain-crm-board .project-view-toggle button.is-active{background:#111!important;color:#fff!important;box-shadow:0 8px 18px rgba(17,17,17,.14)!important;}
.domain-crm-board .project-list{overflow:visible!important;}
.domain-crm-board .project-row.project-status-row{position:relative!important;border:1px solid #c7d3c1!important;border-radius:16px!important;background:#fff!important;box-shadow:0 12px 28px rgba(17,17,17,.045)!important;}
.domain-crm-board .project-row.project-status-row:hover{border-color:#111!important;box-shadow:0 20px 52px rgba(17,17,17,.11)!important;}
.domain-crm-board .project-main h2{font-size:17px!important;font-weight:950!important;color:#060908!important;}
.domain-crm-board .project-main p,.domain-crm-board .project-next-step small,.domain-crm-board .project-readiness-step small{color:#4a584d!important;font-weight:720!important;}
.domain-crm-board .project-status{border-color:#33d36b!important;background:#e9fff0!important;color:#055d28!important;font-weight:950!important;}
.domain-crm-board .project-primary-action,.domain-crm-board .project-actions .button{background:#111!important;color:#fff!important;border-color:#111!important;min-height:42px!important;border-radius:999px!important;font-size:12.5px!important;font-weight:950!important;}
.domain-crm-board .project-more-actions summary{min-height:40px!important;border:1px solid #111!important;border-radius:999px!important;background:#fff!important;color:#111!important;font-size:12.5px!important;font-weight:950!important;}
.domain-crm-board .project-more-actions[open] summary{background:#111!important;color:#fff!important;}
.domain-crm-board .project-more-actions>div{display:none!important;}
.domain-crm-board .project-more-actions[open]>div{display:grid!important;gap:5px!important;padding:8px!important;border:1px solid #111!important;border-radius:16px!important;background:#fff!important;box-shadow:0 28px 80px rgba(17,17,17,.22)!important;}
.domain-crm-board .project-more-actions a{min-height:36px!important;border-radius:10px!important;color:#111!important;font-size:12.5px!important;font-weight:850!important;}
.domain-crm-board .project-more-actions a:hover{background:#111!important;color:#fff!important;}
.domain-crm-board [data-project-view="grid3"] .project-list,.domain-crm-board [data-project-view="grid4"] .project-list{gap:16px!important;}
.domain-crm-board [data-project-view="grid3"] .project-row.project-status-row,.domain-crm-board [data-project-view="grid4"] .project-row.project-status-row{min-height:360px!important;padding:16px!important;grid-template-areas:"identity" "next" "metrics" "readiness" "key" "actions"!important;}
.domain-crm-board [data-project-view="grid3"] .project-actions-simple,.domain-crm-board [data-project-view="grid4"] .project-actions-simple{width:100%!important;max-width:none!important;align-self:end!important;margin-top:auto!important;}
@media(max-width:1500px){.domain-crm-board .project-create-form{grid-template-columns:1fr 1fr 1fr!important}.domain-crm-board .project-create-form button.button{grid-column:auto!important}.domain-crm-board [data-project-view="grid4"] .project-list{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:1060px){.domain-crm-board .project-list-toolbar,.domain-crm-board .project-create-form{grid-template-columns:1fr!important}.domain-crm-board .project-filter-group,.domain-crm-board .project-view-toggle,.domain-crm-board .project-toolbar-meta{width:100%!important;justify-self:stretch!important}.template-saas .saas-content{padding:14px!important}}

/* CRM shell professional hardening 2026-09-06 */
.template-saas{background:#eef3ec!important;color:#07100b!important;font-family:Inter,"Helvetica Neue",Arial,sans-serif!important;}
.template-saas *{letter-spacing:0!important;text-rendering:geometricPrecision!important;-webkit-font-smoothing:antialiased!important;}
.template-saas .saas-app-sidebar{display:grid!important;grid-template-columns:250px minmax(0,1fr)!important;min-height:100vh!important;background:#eef3ec!important;}
.template-saas .saas-sidebar{position:sticky!important;top:0!important;height:100vh!important;overflow-y:auto!important;background:#f8fbf5!important;border-right:1px solid #b7c6af!important;padding:16px 12px!important;box-shadow:6px 0 26px rgba(17,17,17,.04)!important;}
.template-saas .saas-brand{display:flex!important;align-items:center!important;gap:11px!important;min-height:44px!important;padding:0 4px 14px!important;margin-bottom:12px!important;border-bottom:1px solid #d6dfd0!important;color:#07100b!important;text-decoration:none!important;}
.template-saas .saas-brand span{display:grid!important;place-items:center!important;width:36px!important;height:36px!important;border-radius:11px!important;background:#9aff35!important;color:#07100b!important;font-weight:950!important;}
.template-saas .saas-brand strong{font-size:16px!important;font-weight:950!important;color:#07100b!important;}
.template-saas .saas-nav{display:grid!important;gap:16px!important;}
.template-saas .saas-nav-group{display:grid!important;gap:5px!important;padding-bottom:12px!important;border-bottom:1px solid #d6dfd0!important;}
.template-saas .saas-nav-group>span{margin:8px 6px 6px!important;color:#66715f!important;font-size:11px!important;font-weight:950!important;text-transform:uppercase!important;}
.template-saas .saas-nav-item{display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;align-items:center!important;gap:9px!important;min-height:42px!important;padding:4px 8px!important;border-radius:12px!important;color:#07100b!important;text-decoration:none!important;font-size:14px!important;font-weight:900!important;}
.template-saas .saas-nav-icon{display:grid!important;place-items:center!important;width:28px!important;height:28px!important;border:1px solid #9dc78e!important;border-radius:9px!important;background:#eff7ea!important;color:#07100b!important;font-size:10px!important;font-weight:950!important;}
.template-saas .saas-nav-label{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:inherit!important;}
.template-saas .saas-nav-item:hover{background:#eef7e8!important;}
.template-saas .saas-nav-item.is-active{background:#07100b!important;color:#fff!important;box-shadow:0 14px 28px rgba(7,16,11,.18)!important;}
.template-saas .saas-nav-item.is-active .saas-nav-icon{background:#9aff35!important;border-color:#9aff35!important;color:#07100b!important;}
.template-saas .saas-content{min-width:0!important;padding:0!important;}
.template-saas .saas-global-topbar{position:sticky!important;top:0!important;z-index:70!important;display:grid!important;grid-template-columns:minmax(300px,720px) auto!important;align-items:center!important;gap:14px!important;min-height:64px!important;margin:0!important;padding:10px 18px!important;border:0!important;border-bottom:1px solid #c7d3c1!important;border-radius:0!important;background:rgba(255,255,255,.96)!important;box-shadow:0 10px 28px rgba(17,17,17,.045)!important;backdrop-filter:blur(18px)!important;}
.template-saas .saas-header-search{display:grid!important;grid-template-columns:minmax(260px,1fr) auto!important;gap:8px!important;margin:0!important;}
.template-saas .saas-header-search label{position:relative!important;margin:0!important;}
.template-saas .saas-header-search label span{position:absolute!important;left:14px!important;top:50%!important;transform:translateY(-50%)!important;color:#5a675d!important;font-size:12px!important;font-weight:950!important;text-transform:uppercase!important;}
.template-saas .saas-header-search input{width:100%!important;min-height:42px!important;border:1px solid #b7c6af!important;border-radius:999px!important;background:#f8fbf5!important;color:#07100b!important;font-size:14px!important;font-weight:820!important;padding:0 16px 0 64px!important;outline:none!important;}
.template-saas .saas-header-search input:focus{border-color:#07100b!important;box-shadow:0 0 0 3px rgba(154,255,53,.28)!important;background:#fff!important;}
.template-saas .saas-header-search button{min-height:42px!important;border:1px solid #07100b!important;border-radius:999px!important;background:#07100b!important;color:#fff!important;padding:0 18px!important;font-size:13px!important;font-weight:950!important;cursor:pointer!important;}
.template-saas .saas-account-menu{position:relative!important;justify-self:end!important;}
.template-saas .saas-account-menu summary{display:grid!important;grid-template-columns:36px minmax(0,1fr) 16px!important;align-items:center!important;gap:10px!important;min-width:210px!important;min-height:44px!important;padding:4px 10px 4px 4px!important;border:1px solid #b7c6af!important;border-radius:999px!important;background:#fff!important;color:#07100b!important;list-style:none!important;cursor:pointer!important;box-shadow:none!important;}
.template-saas .saas-account-menu summary::-webkit-details-marker{display:none!important;}
.template-saas .saas-account-menu summary:after{content:"⌄";font-size:15px!important;font-weight:950!important;color:#07100b!important;}
.template-saas .saas-account-menu[open] summary:after{content:"⌃";}
.template-saas .saas-account-menu summary>span{display:grid!important;place-items:center!important;width:36px!important;height:36px!important;border-radius:999px!important;background:#9aff35!important;color:#07100b!important;font-size:14px!important;font-weight:950!important;}
.template-saas .saas-account-menu strong{display:block!important;color:#07100b!important;font-size:13px!important;font-weight:950!important;line-height:1.05!important;}
.template-saas .saas-account-menu small{display:block!important;color:#4e5d51!important;font-size:11px!important;font-weight:780!important;line-height:1.1!important;}
.template-saas .saas-account-dropdown{position:absolute!important;right:0!important;top:calc(100% + 10px)!important;z-index:9999!important;display:grid!important;grid-template-columns:repeat(2,minmax(210px,1fr))!important;gap:10px!important;width:min(620px,calc(100vw - 32px))!important;padding:12px!important;border:1px solid #07100b!important;border-radius:18px!important;background:#fff!important;box-shadow:0 26px 80px rgba(7,16,11,.22)!important;}
.template-saas .saas-account-dropdown div{display:grid!important;gap:4px!important;padding:10px!important;border:1px solid #d7e1d2!important;border-radius:14px!important;background:#f8fbf5!important;}
.template-saas .saas-account-dropdown div span{color:#007f73!important;font-size:10px!important;font-weight:950!important;text-transform:uppercase!important;}
.template-saas .saas-account-dropdown a{min-height:30px!important;display:flex!important;align-items:center!important;border-radius:9px!important;padding:0 8px!important;color:#07100b!important;text-decoration:none!important;font-size:13px!important;font-weight:850!important;}
.template-saas .saas-account-dropdown a:hover{background:#07100b!important;color:#fff!important;}
.template-saas .saas-logout-link{grid-column:1/-1!important;justify-content:center!important;min-height:38px!important;background:#07100b!important;color:#fff!important;font-weight:950!important;}
.template-saas .saas-main{padding:18px!important;margin:0!important;}
.template-saas .saas-topnav{display:none!important;}
@media(max-width:980px){.template-saas .saas-app-sidebar{grid-template-columns:1fr!important}.template-saas .saas-sidebar{position:relative!important;height:auto!important;max-height:320px!important}.template-saas .saas-global-topbar{grid-template-columns:1fr!important}.template-saas .saas-account-menu{justify-self:stretch!important}.template-saas .saas-account-menu summary{width:100%!important}.template-saas .saas-account-dropdown{left:0!important;right:auto!important;grid-template-columns:1fr!important;width:100%!important}.template-saas .saas-main{padding:12px!important}}
@media(max-width:620px){.template-saas .saas-header-search{grid-template-columns:1fr!important}.template-saas .saas-header-search button{width:100%!important}.template-saas .saas-sidebar{padding:12px!important}.template-saas .saas-nav-item{font-size:13px!important}}

/* CRM shell readability final 2026-09-06 */
.template-saas {
    --cp-shell-sidebar: 268px;
    --cp-shell-ink: #050807;
    --cp-shell-muted: #314034;
    --cp-shell-line: #9fb196;
    --cp-shell-panel: #ffffff;
    --cp-shell-lime: #95ff2c;
    font-family: Inter, 'Helvetica Neue', Arial, sans-serif !important;
    color: var(--cp-shell-ink) !important;
}
.template-saas .saas-app-sidebar {
    grid-template-columns: var(--cp-shell-sidebar) minmax(0, 1fr) !important;
    background: #eef3ef !important;
}
.template-saas .saas-sidebar {
    width: var(--cp-shell-sidebar) !important;
    min-width: var(--cp-shell-sidebar) !important;
    padding: 18px 14px !important;
    background: #f9fbf7 !important;
    border-right: 1px solid var(--cp-shell-line) !important;
    box-shadow: 8px 0 30px rgba(5,8,7,.05) !important;
}
.template-saas .saas-brand {
    min-height: 50px !important;
    margin: 0 0 14px !important;
    padding: 0 4px 14px !important;
    border-bottom: 1px solid #d6dfd0 !important;
}
.template-saas .saas-brand span {
    width: 38px !important;
    height: 38px !important;
    border-radius: 12px !important;
    background: var(--cp-shell-lime) !important;
    color: #071006 !important;
    font-size: 13px !important;
    font-weight: 950 !important;
}
.template-saas .saas-brand strong {
    color: #050807 !important;
    font-size: 16px !important;
    font-weight: 950 !important;
}
.template-saas .saas-nav {
    gap: 18px !important;
}
.template-saas .saas-nav-group {
    gap: 6px !important;
    padding-bottom: 14px !important;
    border-bottom: 1px solid #d7e0d3 !important;
}
.template-saas .saas-nav-group > span {
    margin: 8px 8px 5px !important;
    padding: 0 !important;
    color: #52604f !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    text-transform: uppercase !important;
}
.template-saas .saas-nav-item {
    grid-template-columns: 36px minmax(0, 1fr) !important;
    min-height: 46px !important;
    padding: 5px 10px !important;
    border: 1px solid transparent !important;
    border-radius: 14px !important;
    color: #07100b !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    line-height: 1.1 !important;
}
.template-saas .saas-nav-icon {
    width: 30px !important;
    height: 30px !important;
    border-radius: 10px !important;
    border-color: #8ebc7c !important;
    background: #ecf7e6 !important;
    color: #07100b !important;
    font-size: 10.5px !important;
    font-weight: 950 !important;
}
.template-saas .saas-nav-item:hover,
.template-saas .saas-nav-item:focus-visible {
    background: #ffffff !important;
    border-color: #9fb196 !important;
    color: #050807 !important;
    box-shadow: 0 10px 24px rgba(5,8,7,.08) !important;
    outline: none !important;
}
.template-saas .saas-nav-item.is-active {
    background: #050807 !important;
    border-color: #050807 !important;
    color: #ffffff !important;
    box-shadow: 0 16px 34px rgba(5,8,7,.22) !important;
}
.template-saas .saas-nav-item.is-active .saas-nav-icon {
    background: var(--cp-shell-lime) !important;
    border-color: var(--cp-shell-lime) !important;
    color: #071006 !important;
}
.template-saas .saas-global-topbar {
    height: 62px !important;
    min-height: 62px !important;
    padding: 8px 18px !important;
    background: rgba(255,255,255,.98) !important;
    border-bottom: 1px solid #bdc9b8 !important;
    box-shadow: 0 8px 28px rgba(5,8,7,.055) !important;
}
.template-saas .saas-header-search input {
    height: 42px !important;
    min-height: 42px !important;
    border-radius: 999px !important;
    border-color: #9fb196 !important;
    color: #050807 !important;
    font-size: 14.5px !important;
    font-weight: 820 !important;
}
.template-saas .saas-header-search button {
    height: 42px !important;
    min-height: 42px !important;
    border-radius: 999px !important;
    background: #050807 !important;
    border-color: #050807 !important;
    color: #fff !important;
    font-size: 13.5px !important;
    font-weight: 950 !important;
}
.template-saas .saas-account-menu summary {
    min-width: 220px !important;
    min-height: 44px !important;
    border-color: #9fb196 !important;
}
.template-saas .saas-account-menu summary:after {
    content: '' !important;
    width: 8px !important;
    height: 8px !important;
    border-right: 2px solid #07100b !important;
    border-bottom: 2px solid #07100b !important;
    transform: rotate(45deg) translateY(-2px) !important;
}
.template-saas .saas-account-menu[open] summary:after {
    transform: rotate(225deg) translateY(-2px) !important;
}
.template-saas .saas-account-dropdown {
    top: calc(100% + 8px) !important;
    border-color: #050807 !important;
}
.template-saas .saas-main {
    padding: 18px !important;
}
@media (max-width: 1180px) {
    .template-saas { --cp-shell-sidebar: 238px; }
    .template-saas .saas-nav-item { font-size: 14px !important; }
}
@media (max-width: 980px) {
    .template-saas .saas-app-sidebar { grid-template-columns: 1fr !important; }
    .template-saas .saas-sidebar { position: static !important; width: 100% !important; min-width: 0 !important; height: auto !important; max-height: 420px !important; }
}

/* Sidebar notification badge 2026-09-06 */
.template-saas .saas-nav-item.has-badge {
    grid-template-columns: 36px minmax(0, 1fr) auto !important;
}
.template-saas .saas-nav-badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 24px !important;
    height: 24px !important;
    padding: 0 7px !important;
    border-radius: 999px !important;
    background: #ff3b30 !important;
    color: #fff !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    box-shadow: 0 8px 18px rgba(255,59,48,.22) !important;
}
.template-saas .saas-nav-item.is-active .saas-nav-badge {
    background: #95ff2c !important;
    color: #071006 !important;
}


/* Header only search account 2026-09-06 */
.template-saas .saas-topnav,.template-saas .saas-primary-nav,.template-saas .saas-quickbar{display:none!important;}
.template-saas .saas-app{display:grid!important;grid-template-columns:268px minmax(0,1fr)!important;min-height:100vh!important;background:#eef3ee!important;}
.template-saas .saas-content{min-width:0!important;padding:0!important;background:#eef3ee!important;}
.template-saas .saas-global-topbar{position:sticky!important;top:0!important;z-index:80!important;display:grid!important;grid-template-columns:minmax(320px,760px) auto!important;align-items:center!important;gap:16px!important;min-height:64px!important;margin:0!important;padding:10px 18px!important;border:0!important;border-bottom:1px solid #cfd8cc!important;border-radius:0!important;background:#ffffff!important;box-shadow:0 10px 28px rgba(7,11,15,.055)!important;overflow:visible!important;}
.template-saas .auth-main.saas-main{padding:18px!important;}
.template-saas .saas-header-search{display:grid!important;grid-template-columns:minmax(260px,1fr) auto!important;gap:9px!important;align-items:end!important;max-width:760px!important;}
.template-saas .saas-header-search label span{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;}
.template-saas .saas-header-search input{height:44px!important;border:1px solid #bfcbbc!important;border-radius:12px!important;background:#f8faf6!important;color:#070b0f!important;font-size:14px!important;font-weight:850!important;padding:0 14px!important;}
.template-saas .saas-header-search input:focus{border-color:#070b0f!important;box-shadow:0 0 0 3px rgba(154,255,53,.24)!important;outline:none!important;}
.template-saas .saas-header-search button{height:44px!important;border:1px solid #070b0f!important;border-radius:12px!important;background:#070b0f!important;color:#fff!important;padding:0 18px!important;font-size:13px!important;font-weight:950!important;}
.template-saas .saas-account-menu{justify-self:end!important;position:relative!important;z-index:90!important;}
.template-saas .saas-account-menu summary{min-height:44px!important;min-width:210px!important;border:1px solid #c8d5c3!important;border-radius:999px!important;background:#fff!important;color:#070b0f!important;box-shadow:0 8px 18px rgba(7,11,15,.045)!important;}
.template-saas .saas-account-menu summary > span{width:34px!important;height:34px!important;border-radius:999px!important;background:#9aff35!important;color:#070b0f!important;font-size:13px!important;font-weight:950!important;}
.template-saas .saas-account-menu summary strong{font-size:13.5px!important;font-weight:950!important;color:#070b0f!important;}
.template-saas .saas-account-menu summary small{font-size:11.5px!important;font-weight:750!important;color:#526052!important;}
.template-saas .saas-account-menu[open] summary{border-color:#070b0f!important;box-shadow:0 16px 34px rgba(7,11,15,.12)!important;}
.template-saas .saas-account-dropdown{right:0!important;top:calc(100% + 10px)!important;width:min(760px,calc(100vw - 292px))!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;border:1px solid #070b0f!important;border-radius:18px!important;background:#fff!important;box-shadow:0 34px 100px rgba(7,11,15,.24)!important;padding:12px!important;z-index:2147482000!important;}
.template-saas .saas-account-dropdown>div{border:1px solid #dce6d7!important;border-radius:14px!important;background:#f8faf6!important;padding:11px!important;}
.template-saas .saas-account-dropdown span{color:#4a5a4d!important;font-size:11px!important;font-weight:950!important;text-transform:uppercase!important;}
.template-saas .saas-account-dropdown a{min-height:34px!important;border-radius:10px!important;color:#070b0f!important;font-size:13px!important;font-weight:850!important;}
.template-saas .saas-account-dropdown a:hover,.template-saas .saas-account-dropdown a:focus-visible{background:#070b0f!important;color:#fff!important;outline:none!important;}
.template-saas .saas-account-dropdown .saas-logout-link{grid-column:1/-1!important;background:#070b0f!important;color:#fff!important;justify-content:center!important;font-weight:950!important;}
@media(max-width:900px){.template-saas .saas-app{grid-template-columns:1fr!important}.template-saas .saas-sidebar{position:static!important;width:100%!important;height:auto!important}.template-saas .saas-global-topbar{grid-template-columns:1fr!important}.template-saas .saas-account-menu{justify-self:stretch!important}.template-saas .saas-account-menu summary{min-width:0!important;width:100%!important}.template-saas .saas-account-dropdown{position:static!important;width:100%!important;grid-template-columns:1fr!important;margin-top:8px!important}}

/* CRM shell header/account hardening 2026-09-07 */
.template-saas{font-family:Inter,Arial,Helvetica,sans-serif!important;background:#edf3ee!important;color:#071006!important;}
.template-saas .saas-app{background:#edf3ee!important;}
.template-saas .saas-content{min-width:0!important;overflow:visible!important;}
.template-saas .saas-global-topbar{position:sticky!important;top:0!important;z-index:2147480000!important;display:grid!important;grid-template-columns:minmax(260px,640px) auto!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;width:100%!important;min-height:64px!important;margin:0!important;padding:10px 16px!important;border:0!important;border-bottom:1px solid #cbd8c5!important;border-radius:0!important;background:rgba(255,255,255,.98)!important;box-shadow:0 10px 26px rgba(7,16,11,.06)!important;backdrop-filter:blur(16px)!important;overflow:visible!important;}
.template-saas .saas-header-search{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;align-items:center!important;width:100%!important;max-width:660px!important;}
.template-saas .saas-header-search label{display:block!important;min-width:0!important;}
.template-saas .saas-header-search label span{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;}
.template-saas .saas-header-search input{width:100%!important;min-height:42px!important;border:1px solid #b9c8b2!important;border-radius:999px!important;background:#fff!important;color:#071006!important;font-size:14px!important;font-weight:760!important;padding:0 18px!important;box-shadow:none!important;}
.template-saas .saas-header-search button{min-height:42px!important;border:1px solid #071006!important;border-radius:999px!important;background:#071006!important;color:#fff!important;font-size:13px!important;font-weight:950!important;padding:0 20px!important;}
.template-saas .saas-account-menu{justify-self:end!important;position:relative!important;z-index:2147481000!important;overflow:visible!important;}
.template-saas .saas-account-menu summary{display:grid!important;grid-template-columns:36px minmax(0,1fr) 18px!important;align-items:center!important;gap:10px!important;min-width:218px!important;min-height:44px!important;padding:4px 10px 4px 4px!important;border:1px solid #b7c6af!important;border-radius:999px!important;background:#fff!important;color:#071006!important;list-style:none!important;cursor:pointer!important;box-shadow:none!important;}
.template-saas .saas-account-menu summary::-webkit-details-marker{display:none!important;}
.template-saas .saas-account-menu summary:after{content:"⌄"!important;display:grid!important;place-items:center!important;color:#071006!important;font-size:15px!important;font-weight:950!important;}
.template-saas .saas-account-menu[open] summary{border-color:#071006!important;box-shadow:0 16px 34px rgba(7,16,11,.14)!important;}
.template-saas .saas-account-menu[open] summary:after{content:"⌃"!important;}
.template-saas .saas-account-menu summary>span{display:grid!important;place-items:center!important;width:36px!important;height:36px!important;border-radius:999px!important;background:#91ff36!important;color:#071006!important;font-size:14px!important;font-weight:950!important;}
.template-saas .saas-account-menu summary strong{display:block!important;color:#071006!important;font-size:13.5px!important;font-weight:950!important;line-height:1.05!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.template-saas .saas-account-menu summary small{display:block!important;color:#4e5d51!important;font-size:11px!important;font-weight:780!important;line-height:1.1!important;}
.template-saas .saas-account-dropdown{position:absolute!important;right:0!important;top:calc(100% + 10px)!important;z-index:2147482000!important;display:grid!important;grid-template-columns:repeat(3,minmax(210px,1fr))!important;gap:10px!important;width:min(760px,calc(100vw - 280px))!important;max-height:calc(100vh - 88px)!important;overflow:auto!important;padding:12px!important;border:1px solid #071006!important;border-radius:18px!important;background:#fff!important;box-shadow:0 34px 100px rgba(7,16,11,.24)!important;}
.template-saas .saas-account-menu:not([open]) .saas-account-dropdown{display:none!important;}
.template-saas .saas-account-dropdown>div{display:grid!important;gap:4px!important;padding:11px!important;border:1px solid #d7e1d2!important;border-radius:14px!important;background:#f8fbf5!important;}
.template-saas .saas-account-dropdown span{color:#007f73!important;font-size:10.5px!important;font-weight:950!important;text-transform:uppercase!important;}
.template-saas .saas-account-dropdown a{display:flex!important;align-items:center!important;min-height:34px!important;border-radius:10px!important;padding:0 9px!important;color:#071006!important;text-decoration:none!important;font-size:13px!important;font-weight:850!important;}
.template-saas .saas-account-dropdown a:hover,.template-saas .saas-account-dropdown a:focus-visible{background:#071006!important;color:#fff!important;outline:none!important;}
.template-saas .saas-account-dropdown .saas-logout-link{grid-column:1/-1!important;justify-content:center!important;background:#071006!important;color:#fff!important;font-weight:950!important;}
@media(max-width:1180px){.template-saas .saas-global-topbar{grid-template-columns:1fr!important;align-items:stretch!important}.template-saas .saas-account-menu{justify-self:stretch!important}.template-saas .saas-account-menu summary{width:100%!important}.template-saas .saas-account-dropdown{left:0!important;right:auto!important;width:100%!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;}}
@media(max-width:720px){.template-saas .saas-header-search{grid-template-columns:1fr!important}.template-saas .saas-account-dropdown{position:static!important;grid-template-columns:1fr!important;margin-top:8px!important;max-height:none!important;}}

/* Portal readability and crisp UI pass 2026-09-07 */
:root {
  --cp-ink: #070b09;
  --cp-muted: #4e5b53;
  --cp-brand: #008d83;
  --cp-brand-dark: #006f68;
  --cp-accent: #91ff36;
  --cp-line: #d5dfd1;
  --cp-bg: #f4f7f2;
}
html,
body,
button,
input,
select,
textarea {
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  text-rendering: geometricPrecision !important;
}
body.portal-shell,
body.auth-shell {
  background: var(--cp-bg) !important;
  color: var(--cp-ink) !important;
  font-size: 15px !important;
  letter-spacing: 0 !important;
}
.portal-shell .app-header,
.portal-shell .portal-header,
.portal-shell .topbar,
.auth-shell .topbar {
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  border-radius: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  background: #ffffff !important;
  box-shadow: none !important;
}
.portal-shell .app-sidebar,
.portal-shell .portal-sidebar,
.portal-shell aside.sidebar {
  background: #ffffff !important;
  border-right: 1px solid var(--cp-line) !important;
  box-shadow: none !important;
}
.portal-shell .app-sidebar a,
.portal-shell .portal-sidebar a,
.portal-shell aside.sidebar a,
.portal-shell nav a {
  color: var(--cp-ink) !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}
.portal-shell .app-sidebar small,
.portal-shell .portal-sidebar small,
.portal-shell aside.sidebar small,
.portal-shell .eyebrow,
.portal-shell .kicker {
  color: #657268 !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
}
.portal-shell .auth-card,
.portal-shell .portal-card,
.portal-shell .dashboard-card,
.portal-shell .project-card,
.portal-shell .status-card {
  border-color: var(--cp-line) !important;
  background: #ffffff !important;
  border-radius: 14px !important;
  box-shadow: 0 12px 30px rgba(7,16,11,.045) !important;
}
.portal-shell h1,
.portal-shell h2,
.portal-shell h3,
.portal-shell strong,
.portal-shell b {
  color: var(--cp-ink) !important;
  letter-spacing: 0 !important;
}
.portal-shell h1 { font-size: clamp(28px, 2.4vw, 42px) !important; line-height: 1.06 !important; font-weight: 950 !important; }
.portal-shell h2 { font-size: clamp(22px, 1.8vw, 30px) !important; line-height: 1.1 !important; font-weight: 950 !important; }
.portal-shell h3 { font-size: 18px !important; line-height: 1.14 !important; font-weight: 950 !important; }
.portal-shell p,
.portal-shell li,
.portal-shell td,
.portal-shell dd {
  color: var(--cp-muted) !important;
  font-size: 14px !important;
  line-height: 1.48 !important;
  font-weight: 650 !important;
}
.portal-shell .button,
.portal-shell button,
.portal-shell input[type="submit"] {
  min-height: 40px !important;
  border-radius: 10px !important;
  font-size: 14px !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
}
.portal-shell .button:not(.secondary):not(.ghost),
.portal-shell button.primary,
.portal-shell input[type="submit"] {
  background: #07100b !important;
  color: #ffffff !important;
  border-color: #07100b !important;
}
.portal-shell .button.secondary,
.portal-shell .button.ghost,
.portal-shell button.secondary,
.portal-shell button.ghost {
  background: #ffffff !important;
  color: #07100b !important;
  border: 1px solid var(--cp-line) !important;
}
.portal-shell .badge,
.portal-shell .pill,
.portal-shell .config-pill,
.portal-shell .status-pill {
  border-radius: 999px !important;
  border-color: #a8dba3 !important;
  background: #f1ffef !important;
  color: #07100b !important;
  font-size: 12px !important;
  font-weight: 950 !important;
}
.portal-shell .is-success,
.portal-shell .state-ok,
.portal-shell .status-ok {
  border-color: #5fd85f !important;
  background: #ecffed !important;
  color: #075b2a !important;
}
.portal-shell .is-warning,
.portal-shell .state-warning,
.portal-shell .status-warning {
  border-color: #f2b84b !important;
  background: #fff6df !important;
  color: #7a4300 !important;
}
.portal-shell .is-danger,
.portal-shell .state-danger,
.portal-shell .status-danger {
  border-color: #f26b5b !important;
  background: #fff1ef !important;
  color: #8a1d12 !important;
}
.portal-shell input,
.portal-shell select,
.portal-shell textarea {
  border-color: #cbd8c8 !important;
  background: #ffffff !important;
  color: #07100b !important;
  font-size: 14px !important;
  font-weight: 760 !important;
}
.portal-shell input:focus,
.portal-shell select:focus,
.portal-shell textarea:focus {
  border-color: var(--cp-brand) !important;
  outline: 3px solid rgba(0,141,131,.15) !important;
}

/* Account floating menu and zero-gap header 2026-09-07 */
.template-saas .saas-app {
  background: #f4f7f2 !important;
}
.template-saas .saas-content {
  min-width: 0 !important;
}
.template-saas .saas-global-topbar,
.template-saas .saas-topbar {
  position: sticky !important;
  top: 0 !important;
  z-index: 120 !important;
  min-height: 64px !important;
  margin: 0 !important;
  padding: 0 14px !important;
  border-radius: 0 !important;
  border-top: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-bottom: 1px solid #d6dfd2 !important;
  background: #ffffff !important;
  box-shadow: none !important;
}
.template-saas .saas-header-search {
  display: grid !important;
  grid-template-columns: minmax(260px, 560px) auto !important;
  gap: 10px !important;
  align-items: center !important;
  margin: 0 !important;
}
.template-saas .saas-header-search label {
  display: grid !important;
  grid-template-columns: 0 minmax(0, 1fr) !important;
  align-items: center !important;
  min-width: 0 !important;
}
.template-saas .saas-header-search label span {
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  opacity: 0 !important;
}
.template-saas .saas-header-search input {
  height: 42px !important;
  border: 1px solid #cbd8c8 !important;
  border-radius: 10px !important;
  background: #fbfcfa !important;
  color: #07100b !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  padding: 0 14px !important;
}
.template-saas .saas-header-search button {
  height: 42px !important;
  min-width: 86px !important;
  border-radius: 10px !important;
  border: 1px solid #07100b !important;
  background: #07100b !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 950 !important;
}
.template-saas .saas-account-menu {
  position: relative !important;
  z-index: 130 !important;
  margin-left: auto !important;
}
.template-saas .saas-account-menu summary {
  display: grid !important;
  grid-template-columns: 36px minmax(0, 1fr) 14px !important;
  gap: 10px !important;
  align-items: center !important;
  min-width: 220px !important;
  min-height: 46px !important;
  padding: 4px 10px 4px 5px !important;
  border: 1px solid #cbd8c8 !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #07100b !important;
  cursor: pointer !important;
  list-style: none !important;
  box-shadow: none !important;
}
.template-saas .saas-account-menu summary::-webkit-details-marker {
  display: none !important;
}
.template-saas .saas-account-menu summary::after {
  content: "" !important;
  width: 8px !important;
  height: 8px !important;
  border-right: 2px solid #07100b !important;
  border-bottom: 2px solid #07100b !important;
  transform: rotate(45deg) translateY(-2px) !important;
  transition: transform .16s ease !important;
}
.template-saas .saas-account-menu.is-account-open summary::after,
.template-saas .saas-account-menu[open] summary::after {
  transform: rotate(225deg) translateY(-2px) !important;
}
.template-saas .saas-account-menu summary > span {
  display: grid !important;
  place-items: center !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 999px !important;
  background: #91ff36 !important;
  color: #07100b !important;
  font-size: 13px !important;
  font-weight: 950 !important;
}
.template-saas .saas-account-menu summary strong {
  display: block !important;
  color: #07100b !important;
  font-size: 14px !important;
  line-height: 1.05 !important;
  font-weight: 950 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.template-saas .saas-account-menu summary small {
  display: block !important;
  margin-top: 2px !important;
  color: #536057 !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
}
.template-saas .saas-account-menu[open] summary,
.template-saas .saas-account-menu summary:hover {
  border-color: #07100b !important;
}
.template-saas .saas-account-dropdown,
.portal-account-floating {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;
  padding: 12px !important;
  border: 1px solid #07100b !important;
  border-radius: 16px !important;
  background: #ffffff !important;
  color: #07100b !important;
  box-shadow: 0 30px 90px rgba(7,16,11,.24) !important;
}
.template-saas .saas-account-menu:not([open]) .saas-account-dropdown:not(.portal-account-floating) {
  display: none !important;
}
.portal-account-floating {
  overscroll-behavior: contain !important;
}
.template-saas .saas-account-dropdown > div,
.portal-account-floating > div {
  display: grid !important;
  gap: 4px !important;
  padding: 10px !important;
  border: 1px solid #dce6d8 !important;
  border-radius: 12px !important;
  background: #fbfdf9 !important;
}
.template-saas .saas-account-dropdown span,
.portal-account-floating span {
  display: block !important;
  margin-bottom: 4px !important;
  color: #008d83 !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  text-transform: uppercase !important;
}
.template-saas .saas-account-dropdown a,
.portal-account-floating a {
  display: flex !important;
  align-items: center !important;
  min-height: 36px !important;
  border-radius: 10px !important;
  padding: 0 10px !important;
  color: #07100b !important;
  text-decoration: none !important;
  font-size: 14px !important;
  font-weight: 850 !important;
}
.template-saas .saas-account-dropdown a:hover,
.template-saas .saas-account-dropdown a:focus,
.portal-account-floating a:hover,
.portal-account-floating a:focus {
  background: #07100b !important;
  color: #ffffff !important;
  outline: none !important;
}
.template-saas .saas-account-dropdown .saas-logout-link,
.portal-account-floating .saas-logout-link {
  min-height: 40px !important;
  justify-content: center !important;
  border: 1px solid #07100b !important;
  background: #07100b !important;
  color: #ffffff !important;
  font-weight: 950 !important;
}
@media (max-width: 760px) {
  .template-saas .saas-global-topbar,
  .template-saas .saas-topbar {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    padding: 8px 10px !important;
  }
  .template-saas .saas-header-search {
    grid-template-columns: 1fr auto !important;
    width: 100% !important;
  }
  .template-saas .saas-account-menu {
    width: 100% !important;
  }
  .template-saas .saas-account-menu summary {
    width: 100% !important;
    min-width: 0 !important;
  }
  .portal-account-floating {
    left: 12px !important;
    right: 12px !important;
    width: auto !important;
  }
}

/* CP Portal Shell v9: readable CRM header and reliable account menu 2026-09-07 */
.template-saas .saas-app-sidebar {
  grid-template-columns: 244px minmax(0, 1fr) !important;
  background: #f4f7f2 !important;
}
.template-saas .saas-sidebar {
  width: 244px !important;
  border-right: 1px solid #cfdac9 !important;
  background: #fbfcf8 !important;
}
.template-saas .saas-nav-item {
  color: #07100b !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
}
.template-saas .saas-nav-group > span {
  color: #6c766b !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  letter-spacing: .04em !important;
}
.template-saas .saas-global-topbar,
.template-saas .saas-topbar {
  position: sticky !important;
  top: 0 !important;
  z-index: 2147480000 !important;
  display: grid !important;
  grid-template-columns: minmax(280px, 620px) auto !important;
  align-items: center !important;
  gap: 12px !important;
  min-height: 62px !important;
  margin: 0 !important;
  padding: 0 14px !important;
  border: 0 !important;
  border-bottom: 1px solid #d6dfd2 !important;
  border-radius: 0 !important;
  background: #ffffff !important;
  box-shadow: none !important;
  overflow: visible !important;
}
.template-saas .saas-content,
.template-saas .auth-main.saas-main { min-width: 0 !important; overflow-x: hidden !important; }
.template-saas .saas-header-search {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 96px !important;
  gap: 10px !important;
  align-items: center !important;
  width: min(100%, 620px) !important;
  margin: 0 !important;
}
.template-saas .saas-header-search label {
  display: block !important;
  position: relative !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.template-saas .saas-header-search label::before,
.template-saas .saas-header-search label::after { content: none !important; display: none !important; }
.template-saas .saas-header-search label span {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important;
}
.template-saas .saas-header-search input {
  display: block !important;
  width: 100% !important;
  height: 42px !important;
  min-width: 0 !important;
  margin: 0 !important;
  border: 1px solid #b9c8b3 !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  color: #07100b !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  padding: 0 14px !important;
  box-shadow: none !important;
}
.template-saas .saas-header-search button {
  height: 42px !important;
  min-width: 0 !important;
  border-radius: 10px !important;
  border: 1px solid #07100b !important;
  background: #07100b !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 950 !important;
}
.template-saas .saas-account-menu {
  justify-self: end !important;
  position: relative !important;
  z-index: 2147481000 !important;
  overflow: visible !important;
  margin: 0 !important;
}
.template-saas .saas-account-menu summary {
  display: grid !important;
  grid-template-columns: 36px minmax(0, 1fr) 14px !important;
  align-items: center !important;
  gap: 10px !important;
  min-width: 220px !important;
  min-height: 44px !important;
  padding: 4px 10px 4px 4px !important;
  border: 1px solid #b9c8b3 !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #07100b !important;
  cursor: pointer !important;
  list-style: none !important;
  box-shadow: none !important;
}
.template-saas .saas-account-menu summary::-webkit-details-marker { display: none !important; }
.template-saas .saas-account-menu summary::after {
  content: "" !important;
  width: 8px !important;
  height: 8px !important;
  border-right: 2px solid #07100b !important;
  border-bottom: 2px solid #07100b !important;
  transform: rotate(45deg) translateY(-2px) !important;
}
.template-saas .saas-account-menu[open] summary::after,
.template-saas .saas-account-menu.is-account-open summary::after { transform: rotate(225deg) translateY(-1px) !important; }
.template-saas .saas-account-menu summary > span {
  display: grid !important;
  place-items: center !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 999px !important;
  background: #91ff36 !important;
  color: #07100b !important;
  font-size: 13px !important;
  font-weight: 950 !important;
}
.template-saas .saas-account-menu summary strong { display: block !important; color: #07100b !important; font-size: 13.5px !important; line-height: 1.05 !important; font-weight: 950 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }
.template-saas .saas-account-menu summary small { display: block !important; margin-top: 2px !important; color: #536057 !important; font-size: 11px !important; line-height: 1 !important; font-weight: 760 !important; }
.template-saas .saas-account-dropdown,
.portal-account-floating {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(220px, 1fr)) !important;
  gap: 10px !important;
  width: min(680px, calc(100vw - 32px)) !important;
  padding: 12px !important;
  border: 1px solid #07100b !important;
  border-radius: 16px !important;
  background: #ffffff !important;
  color: #07100b !important;
  box-shadow: 0 30px 90px rgba(7,16,11,.24) !important;
}
.template-saas .saas-account-menu:not([open]) .saas-account-dropdown:not(.portal-account-floating) { display: none !important; }
.template-saas .saas-account-dropdown > div,
.portal-account-floating > div { display: grid !important; gap: 4px !important; padding: 10px !important; border: 1px solid #dce6d8 !important; border-radius: 12px !important; background: #fbfdf9 !important; }
.template-saas .saas-account-dropdown span,
.portal-account-floating span { color: #008d83 !important; font-size: 11px !important; font-weight: 950 !important; text-transform: uppercase !important; }
.template-saas .saas-account-dropdown a,
.portal-account-floating a { display: flex !important; align-items: center !important; min-height: 36px !important; border-radius: 10px !important; padding: 0 10px !important; color: #07100b !important; text-decoration: none !important; font-size: 14px !important; font-weight: 850 !important; }
.template-saas .saas-account-dropdown a:hover,
.template-saas .saas-account-dropdown a:focus,
.portal-account-floating a:hover,
.portal-account-floating a:focus { background: #07100b !important; color: #ffffff !important; outline: none !important; }
.template-saas .saas-account-dropdown .saas-logout-link,
.portal-account-floating .saas-logout-link { grid-column: 1 / -1 !important; justify-content: center !important; background: #07100b !important; color: #ffffff !important; font-weight: 950 !important; }
@media (max-width: 900px) {
  .template-saas .saas-app-sidebar { grid-template-columns: 1fr !important; }
  .template-saas .saas-sidebar { position: static !important; width: 100% !important; height: auto !important; max-height: 320px !important; }
  .template-saas .saas-global-topbar,
  .template-saas .saas-topbar { grid-template-columns: 1fr !important; padding: 8px 10px !important; }
  .template-saas .saas-header-search { width: 100% !important; }
  .template-saas .saas-account-menu { justify-self: stretch !important; }
  .template-saas .saas-account-menu summary { width: 100% !important; min-width: 0 !important; }
  .template-saas .saas-account-dropdown,
  .portal-account-floating { grid-template-columns: 1fr !important; width: calc(100vw - 24px) !important; }
}

/* CP Portal Shell v10: stable account menu, no visual jumping 2026-09-07 */
.template-saas .saas-topbar{top:0!important;left:0!important;right:0!important;margin:0!important;border-radius:0!important;min-height:64px!important;background:#ffffff!important;border-bottom:1px solid #d7e2d2!important;box-shadow:0 10px 30px rgba(7,16,11,.05)!important;}
.template-saas .saas-header-search{max-width:640px!important;}
.template-saas .saas-account-menu summary{min-width:250px!important;border-radius:14px!important;background:#fff!important;border-color:#c9d8c4!important;}
.template-saas .saas-account-dropdown,.portal-account-floating{grid-template-columns:repeat(2,minmax(240px,1fr))!important;width:min(640px,calc(100vw - 24px))!important;border-radius:16px!important;border-color:#b7cbb0!important;background:#fff!important;}
.template-saas .saas-account-dropdown>div,.portal-account-floating>div{border-radius:12px!important;background:#f8fbf5!important;border-color:#d7e3d2!important;}
.template-saas .saas-account-dropdown span,.portal-account-floating span{color:#007f75!important;font-size:11px!important;font-weight:950!important;letter-spacing:0!important;}
.template-saas .saas-account-dropdown a,.portal-account-floating a{min-height:38px!important;color:#07100b!important;font-size:14px!important;font-weight:850!important;}
.template-saas .saas-account-dropdown a:hover,.template-saas .saas-account-dropdown a:focus,.portal-account-floating a:hover,.portal-account-floating a:focus{background:#07100b!important;color:#fff!important;}
@media(max-width:760px){.template-saas .saas-account-menu summary{min-width:0!important}.template-saas .saas-account-dropdown,.portal-account-floating{grid-template-columns:1fr!important;width:calc(100vw - 24px)!important}}
/* CP Portal Shell v11: account menu above workspace and readable groups 2026-09-07 */
.template-saas .saas-topbar{z-index:2147482000!important;}
.template-saas .saas-account-menu{z-index:2147482100!important;}
.template-saas .saas-account-menu summary{cursor:pointer!important;user-select:none!important;}
.template-saas .saas-account-dropdown,.portal-account-floating{z-index:2147483200!important;grid-template-columns:repeat(2,minmax(260px,1fr))!important;gap:10px!important;padding:12px!important;max-width:720px!important;box-shadow:0 30px 90px rgba(7,16,6,.22)!important;}
.template-saas .saas-account-dropdown>div,.portal-account-floating>div{display:grid!important;align-content:start!important;gap:5px!important;padding:12px!important;border:1px solid #c9d9c2!important;border-radius:14px!important;background:#fbfdf9!important;min-width:0!important;}
.template-saas .saas-account-dropdown span,.portal-account-floating span{margin:0 0 3px!important;color:#006f66!important;font-size:11px!important;line-height:1.1!important;font-weight:950!important;text-transform:uppercase!important;}
.template-saas .saas-account-dropdown a,.portal-account-floating a{min-height:38px!important;justify-content:flex-start!important;border-radius:10px!important;padding:0 10px!important;color:#071006!important;font-size:13.5px!important;line-height:1.15!important;font-weight:850!important;white-space:normal!important;overflow-wrap:anywhere!important;}
.template-saas .saas-account-dropdown .saas-logout-link,.portal-account-floating .saas-logout-link{min-height:42px!important;border-radius:999px!important;background:#071006!important;color:#fff!important;}
@media(max-width:780px){.template-saas .saas-account-dropdown,.portal-account-floating{grid-template-columns:1fr!important;left:10px!important;right:10px!important;width:calc(100vw - 20px)!important;max-width:none!important;}}

/* CP Portal Shell v50: flush CRM header and clean search 2026-09-07 */
.template-saas .saas-app-sidebar .saas-content{
  grid-template-rows:56px minmax(0,1fr)!important;
  padding:0!important;
  margin:0!important;
}
.template-saas .saas-app-sidebar .saas-global-topbar{
  position:sticky!important;
  top:0!important;
  left:0!important;
  right:0!important;
  z-index:1200!important;
  display:grid!important;
  grid-template-columns:minmax(260px,720px) auto!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  height:56px!important;
  min-height:56px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-bottom:1px solid #d8e2d5!important;
  border-radius:0!important;
  background:#fff!important;
  box-shadow:0 8px 24px rgba(7,20,15,.045)!important;
  overflow:visible!important;
}
.template-saas .saas-app-sidebar .saas-global-brand,
.template-saas .saas-app-sidebar .saas-primary-nav,
.template-saas .saas-app-sidebar .saas-topnav{display:none!important;}
.template-saas .saas-header-search{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  width:100%!important;
  max-width:760px!important;
  min-width:0!important;
  margin:0!important;
  padding:0 0 0 16px!important;
}
.template-saas .saas-header-search label{
  position:relative!important;
  display:block!important;
  flex:1 1 auto!important;
  min-width:0!important;
  height:38px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.template-saas .saas-header-search label::before,
.template-saas .saas-header-search label::after{display:none!important;content:none!important;}
.template-saas .saas-header-search label span{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
.template-saas .saas-header-search input,
.template-saas .saas-header-search input[type="search"]{
  appearance:none!important;
  -webkit-appearance:none!important;
  display:block!important;
  width:100%!important;
  height:38px!important;
  min-height:38px!important;
  margin:0!important;
  padding:0 14px!important;
  border:1px solid #bdd0ba!important;
  border-radius:12px!important;
  background:#fbfcf9!important;
  color:#07140f!important;
  font:800 14px/1 Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  outline:none!important;
  box-shadow:none!important;
}
.template-saas .saas-header-search input::-webkit-search-decoration,
.template-saas .saas-header-search input::-webkit-search-cancel-button,
.template-saas .saas-header-search input::-webkit-search-results-button,
.template-saas .saas-header-search input::-webkit-search-results-decoration{display:none!important;-webkit-appearance:none!important;}
.template-saas .saas-header-search input::placeholder{color:#66746b!important;opacity:1!important;font-weight:760!important;}
.template-saas .saas-header-search input:focus{border-color:#07140f!important;background:#fff!important;box-shadow:0 0 0 3px rgba(143,255,47,.28)!important;}
.template-saas .saas-header-search button{
  flex:0 0 auto!important;
  height:38px!important;
  min-height:38px!important;
  margin:0!important;
  padding:0 18px!important;
  border:1px solid #07140f!important;
  border-radius:12px!important;
  background:#07140f!important;
  color:#fff!important;
  font:950 13px/1 Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  box-shadow:0 10px 26px rgba(7,20,15,.12)!important;
}
.template-saas .saas-app-sidebar .saas-account-menu{justify-self:end!important;align-self:center!important;margin:0!important;padding:0 8px 0 0!important;z-index:1300!important;}
.template-saas .saas-app-sidebar .saas-account-menu summary{
  min-width:188px!important;
  min-height:40px!important;
  height:40px!important;
  margin:0!important;
  padding:4px 11px 4px 4px!important;
  border:1px solid #bdd0ba!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#07140f!important;
  box-shadow:none!important;
}
.template-saas .saas-app-sidebar .saas-account-dropdown{
  position:fixed!important;
  top:58px!important;
  right:8px!important;
  z-index:1400!important;
  width:min(760px,calc(100vw - 272px))!important;
  max-height:min(78vh,620px)!important;
  overflow:auto!important;
  border:1px solid #c6d5c2!important;
  border-radius:16px!important;
  background:#fff!important;
}
.template-saas .saas-app-sidebar .auth-main.saas-main{padding:0!important;margin:0!important;overflow-x:clip!important;}
.template-saas .saas-app-sidebar .auth-shell,
.template-saas .saas-app-sidebar .account-workspace,
.template-saas .saas-app-sidebar .project-workspace,
.template-saas .saas-app-sidebar .tariff-workspace,
.template-saas .saas-app-sidebar .payment-workspace,
.template-saas .saas-app-sidebar .system-tabs-workspace{padding-top:12px!important;}
@media(max-width:980px){
  .template-saas .saas-app-sidebar .saas-global-topbar{grid-template-columns:1fr auto!important;padding:0!important;}
  .template-saas .saas-header-search{padding-left:10px!important;}
  .template-saas .saas-app-sidebar .saas-account-dropdown{right:8px!important;width:min(760px,calc(100vw - 16px))!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:680px){
  .template-saas .saas-app-sidebar .saas-global-topbar{grid-template-columns:1fr!important;height:auto!important;min-height:0!important;padding:8px!important;gap:8px!important;}
  .template-saas .saas-header-search{padding:0!important;}
  .template-saas .saas-app-sidebar .saas-account-menu{padding:0!important;justify-self:stretch!important;}
  .template-saas .saas-app-sidebar .saas-account-menu summary{width:100%!important;min-width:0!important;}
  .template-saas .saas-app-sidebar .saas-account-dropdown{position:static!important;width:100%!important;max-height:none!important;grid-template-columns:1fr!important;margin-top:8px!important;}
}

/* CP Portal Shell v55: final fixed CRM header/account dropdown 2026-09-07 */
.template-saas .saas-app,
.template-saas .saas-app-sidebar{overflow:visible!important;}
.template-saas .saas-content{min-width:0!important;overflow:visible!important;}
.template-saas .saas-global-topbar,
.template-saas .saas-topbar{
  position:sticky!important;
  top:0!important;
  left:0!important;
  right:0!important;
  z-index:2147482500!important;
  display:grid!important;
  grid-template-columns:minmax(280px,680px) auto!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:12px!important;
  width:100%!important;
  min-height:58px!important;
  margin:0!important;
  padding:0 10px!important;
  border:0!important;
  border-radius:0!important;
  border-bottom:1px solid #c8d6c2!important;
  background:#fff!important;
  box-shadow:0 8px 22px rgba(7,16,11,.055)!important;
  overflow:visible!important;
}
.template-saas .saas-header-search{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:8px!important;
  width:min(680px,100%)!important;
  margin:0!important;
}
.template-saas .saas-header-search label{position:relative!important;display:block!important;margin:0!important;min-width:0!important;}
.template-saas .saas-header-search label>span,
.template-saas .saas-header-search label:before,
.template-saas .saas-header-search label:after{display:none!important;content:none!important;}
.template-saas .saas-header-search input{
  width:100%!important;
  min-width:0!important;
  height:42px!important;
  min-height:42px!important;
  padding:0 16px!important;
  border:1px solid #a9bea2!important;
  border-radius:12px!important;
  background:#fbfdf9!important;
  color:#07100b!important;
  font-size:14px!important;
  font-weight:780!important;
  box-shadow:none!important;
}
.template-saas .saas-header-search button{
  height:42px!important;
  min-height:42px!important;
  padding:0 19px!important;
  border-radius:12px!important;
  border:1px solid #07100b!important;
  background:#07100b!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:950!important;
  white-space:nowrap!important;
}
.template-saas .saas-account-menu{position:relative!important;justify-self:end!important;z-index:2147482800!important;overflow:visible!important;margin:0!important;padding:0!important;}
.template-saas .saas-account-menu summary{
  display:grid!important;
  grid-template-columns:36px minmax(0,1fr) 18px!important;
  align-items:center!important;
  gap:9px!important;
  width:auto!important;
  min-width:232px!important;
  max-width:300px!important;
  min-height:42px!important;
  padding:3px 10px 3px 3px!important;
  border:1px solid #a9bea2!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#07100b!important;
  cursor:pointer!important;
  list-style:none!important;
  box-shadow:none!important;
}
.template-saas .saas-account-menu summary::-webkit-details-marker{display:none!important;}
.template-saas .saas-account-menu summary::after{content:""!important;width:8px!important;height:8px!important;border-right:2px solid #07100b!important;border-bottom:2px solid #07100b!important;transform:rotate(45deg) translateY(-2px)!important;justify-self:center!important;}
.template-saas .saas-account-menu[open] summary::after,.template-saas .saas-account-menu.is-account-open summary::after{transform:rotate(225deg) translateY(-2px)!important;}
.template-saas .saas-account-menu summary>span{display:grid!important;place-items:center!important;width:36px!important;height:36px!important;border-radius:999px!important;background:#8fff2f!important;color:#06100b!important;font-size:14px!important;font-weight:950!important;}
.template-saas .saas-account-menu summary strong{display:block!important;font-size:13.5px!important;font-weight:950!important;line-height:1.05!important;color:#07100b!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.template-saas .saas-account-menu summary small{display:block!important;margin-top:2px!important;font-size:11px!important;font-weight:780!important;line-height:1!important;color:#526052!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.template-saas .saas-account-menu[open] summary{border-color:#07100b!important;box-shadow:0 12px 30px rgba(7,16,11,.13)!important;}
.template-saas .saas-account-dropdown,
.portal-account-floating{
  position:absolute!important;
  top:calc(100% + 8px)!important;
  right:0!important;
  left:auto!important;
  z-index:2147483500!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(260px,1fr))!important;
  gap:10px!important;
  width:min(720px,calc(100vw - 270px))!important;
  max-height:calc(100vh - 74px)!important;
  overflow:auto!important;
  margin:0!important;
  padding:12px!important;
  border:1px solid #07100b!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 30px 90px rgba(7,16,11,.24)!important;
}
.template-saas .saas-account-menu:not([open]) .saas-account-dropdown:not(.portal-account-floating){display:none!important;}
.template-saas .saas-account-dropdown>div,
.portal-account-floating>div{display:grid!important;align-content:start!important;gap:4px!important;padding:12px!important;border:1px solid #cfddc9!important;border-radius:12px!important;background:#f8fbf6!important;min-width:0!important;}
.template-saas .saas-account-dropdown span,
.portal-account-floating span{margin:0 0 4px!important;color:#007f73!important;font-size:11px!important;line-height:1.1!important;font-weight:950!important;text-transform:uppercase!important;}
.template-saas .saas-account-dropdown a,
.portal-account-floating a{display:flex!important;align-items:center!important;min-height:37px!important;padding:0 10px!important;border-radius:10px!important;color:#07100b!important;text-decoration:none!important;font-size:13.5px!important;line-height:1.15!important;font-weight:850!important;white-space:normal!important;overflow-wrap:anywhere!important;}
.template-saas .saas-account-dropdown a:hover,
.template-saas .saas-account-dropdown a:focus-visible,
.portal-account-floating a:hover,
.portal-account-floating a:focus-visible{background:#07100b!important;color:#fff!important;outline:none!important;}
.template-saas .saas-account-dropdown .saas-logout-link,
.portal-account-floating .saas-logout-link{grid-column:1/-1!important;justify-content:center!important;background:#07100b!important;color:#fff!important;font-weight:950!important;border-radius:999px!important;}
@media(max-width:900px){
  .template-saas .saas-global-topbar,.template-saas .saas-topbar{grid-template-columns:1fr!important;height:auto!important;min-height:0!important;padding:8px!important;gap:8px!important;}
  .template-saas .saas-header-search{width:100%!important;grid-template-columns:1fr auto!important;}
  .template-saas .saas-account-menu{justify-self:stretch!important;}
  .template-saas .saas-account-menu summary{width:100%!important;max-width:none!important;min-width:0!important;}
  .template-saas .saas-account-dropdown,.portal-account-floating{position:static!important;width:100%!important;max-height:none!important;grid-template-columns:1fr!important;margin-top:8px!important;}
}
/* CP Compact Portal Design v76: kleiner, ruhiger, CRM-artig */
.template-saas{
  --cp-ink:#07110c;
  --cp-muted:#4e5c54;
  --cp-line:#c9d6c4;
  --cp-line-strong:#9fb293;
  --cp-bg:#eef3ee;
  --cp-panel:#ffffff;
  --cp-accent:#009b8f;
  --cp-lime:#8fff2f;
  color:#07110c!important;
  font-size:13px!important;
  line-height:1.42!important;
  -webkit-font-smoothing:antialiased!important;
  text-rendering:geometricPrecision!important;
}
.template-saas .saas-app-sidebar{grid-template-columns:244px minmax(0,1fr)!important;background:var(--cp-bg)!important;}
.template-saas .saas-sidebar{width:244px!important;padding:14px 14px 16px!important;border-right:1px solid var(--cp-line)!important;background:#fbfdf9!important;box-shadow:none!important;}
.template-saas .saas-brand{min-height:38px!important;padding:0 2px 12px!important;border-bottom:1px solid #dce5d8!important;gap:10px!important;}
.template-saas .saas-brand span{width:32px!important;height:32px!important;border-radius:7px!important;font-size:12px!important;font-weight:800!important;}
.template-saas .saas-brand strong{font-size:15px!important;font-weight:760!important;letter-spacing:0!important;}
.template-saas .saas-nav{gap:16px!important;padding-top:16px!important;}
.template-saas .saas-nav-group{gap:5px!important;padding:0 0 12px!important;border-bottom:1px solid #e1e8dd!important;}
.template-saas .saas-nav-group>span{margin:0 0 6px 4px!important;color:#657166!important;font-size:10px!important;font-weight:780!important;letter-spacing:0!important;text-transform:uppercase!important;}
.template-saas .saas-nav-item{min-height:34px!important;padding:5px 7px!important;border:1px solid transparent!important;border-radius:6px!important;background:transparent!important;color:#07110c!important;gap:9px!important;font-size:13px!important;font-weight:650!important;box-shadow:none!important;}
.template-saas .saas-nav-item:hover{background:#eef5ea!important;border-color:#d0ddca!important;}
.template-saas .saas-nav-item.is-active{background:#07110c!important;border-color:#07110c!important;color:#fff!important;box-shadow:none!important;}
.template-saas .saas-nav-icon{width:25px!important;height:25px!important;border-radius:6px!important;font-size:10px!important;font-weight:800!important;background:#eff7eb!important;border:1px solid #b7c9ae!important;color:#07110c!important;}
.template-saas .saas-nav-item.is-active .saas-nav-icon{background:var(--cp-lime)!important;border-color:var(--cp-lime)!important;color:#07110c!important;}
.template-saas .saas-nav-label{font-size:13px!important;font-weight:700!important;line-height:1.15!important;}
.template-saas .saas-content{min-width:0!important;background:var(--cp-bg)!important;}
.template-saas .saas-global-topbar,.template-saas .saas-topbar{position:sticky!important;top:0!important;z-index:3000!important;min-height:52px!important;height:52px!important;padding:7px 14px!important;border-bottom:1px solid var(--cp-line)!important;background:#fff!important;box-shadow:none!important;grid-template-columns:minmax(260px,620px) auto!important;gap:12px!important;}
.template-saas .saas-header-search{height:38px!important;grid-template-columns:minmax(0,1fr) 86px!important;gap:8px!important;max-width:700px!important;}
.template-saas .saas-header-search label{height:38px!important;border-radius:6px!important;border:1px solid var(--cp-line-strong)!important;background:#fff!important;box-shadow:none!important;}
.template-saas .saas-header-search label span{display:none!important;}
.template-saas .saas-header-search input{height:36px!important;min-height:36px!important;padding:0 12px!important;font-size:13px!important;font-weight:600!important;color:#07110c!important;}
.template-saas .saas-header-search button{height:38px!important;min-height:38px!important;border-radius:6px!important;font-size:12px!important;font-weight:780!important;padding:0 14px!important;box-shadow:none!important;}
.template-saas .saas-account-menu summary{min-height:38px!important;grid-template-columns:32px minmax(0,1fr) 14px!important;min-width:194px!important;border-radius:6px!important;padding:2px 9px 2px 2px!important;box-shadow:none!important;}
.template-saas .saas-account-menu summary>span{width:32px!important;height:32px!important;border-radius:6px!important;font-size:12px!important;font-weight:850!important;}
.template-saas .saas-account-menu summary strong{font-size:12.5px!important;font-weight:760!important;}
.template-saas .saas-account-menu summary small{font-size:10.5px!important;font-weight:600!important;}
.template-saas .saas-account-dropdown,.portal-account-floating{top:calc(100% + 6px)!important;border-radius:8px!important;padding:8px!important;gap:8px!important;box-shadow:0 18px 48px rgba(7,17,12,.18)!important;}
.template-saas .saas-account-dropdown>div,.portal-account-floating>div{border-radius:7px!important;padding:9px!important;gap:3px!important;}
.template-saas .saas-account-dropdown a,.portal-account-floating a{min-height:31px!important;border-radius:5px!important;font-size:12.5px!important;font-weight:650!important;padding:0 8px!important;}
.template-saas .saas-main,.template-saas .auth-main{padding:14px!important;}
.template-saas .auth-shell,.template-saas .portal-home,.template-saas .account-workspace{max-width:none!important;margin:0!important;padding:0!important;gap:10px!important;}
.template-saas h1{font-size:clamp(24px,1.75vw,32px)!important;line-height:1.08!important;font-weight:790!important;letter-spacing:0!important;}
.template-saas h2{font-size:20px!important;line-height:1.12!important;font-weight:760!important;letter-spacing:0!important;}
.template-saas h3{font-size:15px!important;line-height:1.18!important;font-weight:740!important;letter-spacing:0!important;}
.template-saas p,.template-saas small,.template-saas li{font-weight:520!important;}
.template-saas .auth-note{font-size:13px!important;line-height:1.4!important;font-weight:520!important;color:var(--cp-muted)!important;}
.template-saas .eyebrow{font-size:10px!important;line-height:1.1!important;font-weight:780!important;letter-spacing:0!important;color:#008176!important;text-transform:uppercase!important;}
.template-saas .button,.template-saas button,.template-saas input[type=submit]{min-height:36px!important;border-radius:6px!important;font-size:12px!important;font-weight:760!important;line-height:1.1!important;box-shadow:none!important;}
.template-saas input,.template-saas select,.template-saas textarea{border-radius:6px!important;font-size:13px!important;font-weight:560!important;line-height:1.35!important;border-color:#aebfad!important;box-shadow:none!important;}
.template-saas label{font-size:11px!important;font-weight:720!important;color:#334038!important;}
.template-saas .portal-overview-panel,.template-saas .auth-card,.template-saas .account-panel,.template-saas .account-plan-card,.template-saas article,.template-saas .customer-card,.template-saas .agency-client-card{border-radius:7px!important;box-shadow:none!important;border-color:var(--cp-line)!important;}
.template-saas .portal-home-hero,.template-saas .ops-hero,.template-saas .account-hero,.template-saas .system-tabs-hero{border-radius:7px!important;padding:16px!important;box-shadow:none!important;background:#fff!important;border:1px solid var(--cp-line)!important;}
.template-saas .auth-dashboard-grid,.template-saas .system-kpi-grid,.template-saas .ops-status-strip{gap:8px!important;}
.template-saas .auth-dashboard-grid article,.template-saas .system-kpi-grid article,.template-saas .ops-status-strip article{min-height:68px!important;padding:10px!important;border-radius:6px!important;}
.template-saas .auth-dashboard-grid article span,.template-saas .system-kpi-grid article span,.template-saas .ops-status-strip article span{font-size:10px!important;font-weight:760!important;letter-spacing:0!important;}
.template-saas .auth-dashboard-grid article strong,.template-saas .system-kpi-grid article strong,.template-saas .ops-status-strip article strong{font-size:18px!important;font-weight:780!important;line-height:1.05!important;}
.template-saas .auth-actions,.template-saas .account-actions{gap:8px!important;}
.template-saas .saas-topnav{min-height:44px!important;border-radius:0!important;padding:6px 14px!important;border-left:0!important;border-right:0!important;box-shadow:none!important;}
.template-saas .saas-topnav>span{font-size:10px!important;font-weight:760!important;}
.template-saas .saas-topnav-item{min-height:30px!important;border-radius:5px!important;padding:0 10px!important;font-size:12px!important;font-weight:700!important;}
.template-saas .saas-topnav-item.is-active{box-shadow:none!important;}
@media(max-width:900px){.template-saas .saas-app-sidebar{grid-template-columns:1fr!important}.template-saas .saas-sidebar{position:relative!important;width:auto!important}.template-saas .saas-global-topbar,.template-saas .saas-topbar{height:auto!important;grid-template-columns:1fr!important}.template-saas .saas-main,.template-saas .auth-main{padding:10px!important}}
/* CP Compact Portal Design v77: sachlicher CRM-Schliff */
.template-saas{--cp-bg:#f3f6f2!important;--cp-panel:#fff!important;--cp-line:#d4ded0!important;--cp-line-strong:#aebdad!important;--cp-accent:#008f84!important;--cp-lime:#7ee72b!important;font-family:Arial,Helvetica,sans-serif!important;font-size:12.5px!important;}
.template-saas *{letter-spacing:0!important;text-shadow:none!important;}
.template-saas .saas-app-sidebar{grid-template-columns:236px minmax(0,1fr)!important;}
.template-saas .saas-sidebar{width:236px!important;padding:12px!important;background:#fff!important;}
.template-saas .saas-brand span,.template-saas .saas-nav-icon,.template-saas .saas-account-menu summary>span{border-radius:5px!important;}
.template-saas .saas-brand strong{font-size:14px!important;font-weight:750!important;}
.template-saas .saas-nav{gap:12px!important;}
.template-saas .saas-nav-group{gap:3px!important;padding-bottom:10px!important;}
.template-saas .saas-nav-item{min-height:31px!important;padding:4px 6px!important;border-radius:4px!important;font-size:12.5px!important;font-weight:620!important;}
.template-saas .saas-nav-label{font-size:12.5px!important;font-weight:660!important;}
.template-saas .saas-nav-icon{width:23px!important;height:23px!important;font-size:9.5px!important;font-weight:760!important;}
.template-saas .saas-global-topbar,.template-saas .saas-topbar{height:48px!important;min-height:48px!important;padding:6px 12px!important;background:#fff!important;}
.template-saas .saas-header-search{height:35px!important;grid-template-columns:minmax(0,1fr) 78px!important;}
.template-saas .saas-header-search label,.template-saas .saas-header-search input,.template-saas .saas-header-search button{height:35px!important;min-height:35px!important;border-radius:4px!important;}
.template-saas .saas-header-search input{font-size:12.5px!important;font-weight:560!important;}
.template-saas .saas-header-search button{font-size:11.5px!important;font-weight:740!important;}
.template-saas .saas-account-menu summary{min-height:35px!important;border-radius:4px!important;grid-template-columns:29px minmax(0,1fr) 12px!important;min-width:186px!important;}
.template-saas .saas-account-menu summary>span{width:29px!important;height:29px!important;font-size:11.5px!important;font-weight:820!important;background:#7ee72b!important;}
.template-saas .saas-account-menu summary strong{font-size:12px!important;font-weight:730!important;}
.template-saas .saas-account-menu summary small{font-size:10px!important;font-weight:560!important;}
.template-saas .saas-account-dropdown,.portal-account-floating{border-radius:6px!important;border-color:#07110c!important;box-shadow:0 14px 38px rgba(7,17,12,.16)!important;}
.template-saas .saas-account-dropdown>div,.portal-account-floating>div{border-radius:5px!important;background:#fff!important;}
.template-saas .saas-main,.template-saas .auth-main{padding:10px 12px!important;}
.template-saas .auth-shell,.template-saas .portal-home,.template-saas .account-workspace{gap:8px!important;}
.template-saas h1{font-size:clamp(22px,1.45vw,28px)!important;font-weight:780!important;line-height:1.08!important;}
.template-saas h2{font-size:18px!important;font-weight:740!important;line-height:1.12!important;}
.template-saas h3{font-size:14px!important;font-weight:720!important;line-height:1.16!important;}
.template-saas p,.template-saas li,.template-saas small{font-size:12px!important;font-weight:500!important;line-height:1.38!important;}
.template-saas .auth-note{font-size:12.5px!important;font-weight:500!important;color:#46534a!important;}
.template-saas .eyebrow{font-size:9.5px!important;font-weight:760!important;color:#007b72!important;}
.template-saas .button,.template-saas button,.template-saas input[type=submit]{min-height:32px!important;border-radius:4px!important;font-size:11.5px!important;font-weight:720!important;padding:0 10px!important;}
.template-saas input,.template-saas select,.template-saas textarea{min-height:34px!important;border-radius:4px!important;font-size:12.5px!important;font-weight:520!important;padding:7px 9px!important;background:#fff!important;}
.template-saas .portal-overview-panel,.template-saas .auth-card,.template-saas .account-panel,.template-saas .account-plan-card,.template-saas article,.template-saas .customer-card,.template-saas .agency-client-card,.template-saas .billing-legal-box{border-radius:5px!important;box-shadow:none!important;}
.template-saas .portal-home-hero,.template-saas .ops-hero,.template-saas .account-hero,.template-saas .system-tabs-hero{border-radius:5px!important;padding:12px!important;}
.template-saas .config-pill,.template-saas .premium-pill,.template-saas .free-pill,.template-saas .saas-nav-badge{border-radius:4px!important;font-size:10px!important;font-weight:720!important;}
.template-saas table{font-size:12px!important;}
.template-saas th{font-size:10px!important;font-weight:760!important;}
.template-saas td{font-size:12px!important;font-weight:500!important;}
/* CP Portal Shell v78: kleines Konto-Dropdown bleibt über dem Content */
.template-saas .saas-app-sidebar .saas-global-topbar,
.template-saas .saas-app-sidebar .saas-topbar{overflow:visible!important;z-index:2147482000!important;}
.template-saas .saas-app-sidebar .saas-account-menu{position:relative!important;overflow:visible!important;z-index:2147482600!important;}
.template-saas .saas-app-sidebar .saas-account-menu summary{min-width:178px!important;max-width:210px!important;min-height:35px!important;border-radius:4px!important;padding:2px 8px 2px 2px!important;}
.template-saas .saas-app-sidebar .saas-account-menu summary>span{width:29px!important;height:29px!important;border-radius:4px!important;font-size:11px!important;font-weight:780!important;}
.template-saas .saas-app-sidebar .saas-account-menu summary strong{font-size:12px!important;font-weight:720!important;line-height:1.05!important;}
.template-saas .saas-app-sidebar .saas-account-menu summary small{font-size:10px!important;font-weight:520!important;}
.template-saas .saas-app-sidebar .saas-account-dropdown,
.template-saas .saas-app-sidebar .portal-account-floating,
.portal-account-floating{grid-template-columns:1fr!important;width:min(390px,calc(100vw - 18px))!important;max-width:390px!important;border-radius:5px!important;padding:7px!important;gap:6px!important;background:#fff!important;border:1px solid #07110c!important;box-shadow:0 16px 42px rgba(7,17,12,.18)!important;z-index:2147483200!important;}
.template-saas .saas-app-sidebar .saas-account-dropdown>div,
.template-saas .saas-app-sidebar .portal-account-floating>div,
.portal-account-floating>div{border-radius:4px!important;padding:8px!important;gap:2px!important;background:#fff!important;border:1px solid #d5e0d0!important;}
.template-saas .saas-app-sidebar .saas-account-dropdown span,
.template-saas .saas-app-sidebar .portal-account-floating span,
.portal-account-floating span{font-size:9.5px!important;font-weight:760!important;color:#007f75!important;margin:0 0 3px!important;}
.template-saas .saas-app-sidebar .saas-account-dropdown a,
.template-saas .saas-app-sidebar .portal-account-floating a,
.portal-account-floating a{min-height:28px!important;border-radius:4px!important;padding:0 8px!important;font-size:12px!important;font-weight:600!important;line-height:1.15!important;color:#07100b!important;text-decoration:none!important;}
.template-saas .saas-app-sidebar .saas-account-dropdown .saas-logout-link,
.template-saas .saas-app-sidebar .portal-account-floating .saas-logout-link,
.portal-account-floating .saas-logout-link{min-height:32px!important;border-radius:4px!important;font-weight:720!important;background:#07100b!important;color:#fff!important;}
/* CP Portal Shell v79: Account-Menü eng, hochliegend und CRM-kompakt */
.template-saas .saas-global-topbar,
.template-saas .saas-topbar,
.template-saas .saas-content,
.template-saas .saas-main,
.template-saas .auth-main{overflow:visible!important;}
.template-saas .saas-account-menu{position:relative!important;z-index:2147483000!important;}
.template-saas .saas-account-menu summary{max-width:198px!important;min-width:168px!important;height:34px!important;min-height:34px!important;border-radius:4px!important;}
.template-saas .saas-account-dropdown,
.portal-account-floating{
  position:absolute!important;
  top:calc(100% + 5px)!important;
  right:0!important;
  left:auto!important;
  grid-template-columns:1fr!important;
  width:min(340px,calc(100vw - 16px))!important;
  max-width:340px!important;
  max-height:min(430px,calc(100vh - 66px))!important;
  overflow:auto!important;
  padding:6px!important;
  gap:6px!important;
  border-radius:4px!important;
  border:1px solid #07110c!important;
  background:#fff!important;
  box-shadow:0 14px 34px rgba(7,17,12,.18)!important;
  z-index:2147483600!important;
}
.template-saas .saas-account-dropdown>div,
.portal-account-floating>div{padding:7px!important;border-radius:4px!important;gap:1px!important;background:#fff!important;}
.template-saas .saas-account-dropdown a,
.portal-account-floating a{min-height:27px!important;font-size:11.75px!important;font-weight:600!important;border-radius:3px!important;}
.template-saas .saas-account-dropdown span,
.portal-account-floating span{font-size:9px!important;font-weight:740!important;}
@media(max-width:900px){.template-saas .saas-account-dropdown,.portal-account-floating{position:absolute!important;width:min(340px,calc(100vw - 16px))!important;right:0!important;}}
/* portal shell v97: klare Rollen-Navigation und kleineres Konto-Menü */
.saas-sidebar, .saas-topbar, .saas-account-menu, .saas-account-dropdown { font-size: 13px; }
.saas-nav a { min-height: 34px; border-radius: 6px; font-size: 13px; font-weight: 740; }
.saas-nav-group { gap: 5px; }
.saas-account-menu summary { min-height: 38px; border-radius: 7px; padding: 5px 8px; }
.saas-account-menu summary > span { width: 30px; height: 30px; font-size: 13px; }
.saas-account-dropdown { width: min(360px, calc(100vw - 28px)); right: 0; grid-template-columns: 1fr; gap: 8px; padding: 10px; border-radius: 8px; box-shadow: 0 14px 35px rgba(15,23,42,.12); }
.saas-account-dropdown div { padding: 8px; border-radius: 6px; }
.saas-account-dropdown span { font-size: 10px; letter-spacing: .03em; }
.saas-account-dropdown a { min-height: 28px; padding: 5px 6px; border-radius: 5px; font-size: 12px; }


/* CP Portal Shell v107: account menu is compact and always overlays content */
.template-saas .saas-topbar,
.template-saas .saas-app-sidebar,
.template-saas .saas-main{overflow:visible!important;}
.template-saas .saas-account-menu{position:relative!important;z-index:2147483400!important;overflow:visible!important;}
.template-saas .saas-account-menu summary{width:auto!important;min-width:156px!important;max-width:188px!important;height:32px!important;min-height:32px!important;border-radius:4px!important;padding:2px 7px 2px 2px!important;box-shadow:none!important;}
.template-saas .saas-account-menu summary>span{width:27px!important;height:27px!important;border-radius:4px!important;font-size:10.5px!important;font-weight:780!important;}
.template-saas .saas-account-menu summary strong{font-size:11.5px!important;font-weight:720!important;line-height:1!important;}
.template-saas .saas-account-menu summary small{font-size:9.5px!important;font-weight:520!important;line-height:1!important;}
.template-saas .saas-account-dropdown,
.portal-account-floating{position:absolute!important;right:0!important;top:calc(100% + 6px)!important;display:grid!important;grid-template-columns:1fr!important;width:min(310px,calc(100vw - 18px))!important;max-width:310px!important;max-height:min(72vh,560px)!important;overflow:auto!important;border:1px solid #07110c!important;border-radius:5px!important;padding:6px!important;gap:5px!important;background:#fff!important;box-shadow:0 16px 44px rgba(7,17,12,.2)!important;z-index:2147483500!important;}
.template-saas .saas-account-dropdown>div,
.portal-account-floating>div{padding:7px!important;border-radius:4px!important;gap:1px!important;background:#fff!important;border:1px solid #d8e2d3!important;}
.template-saas .saas-account-dropdown span,
.portal-account-floating span{font-size:8.75px!important;font-weight:760!important;line-height:1!important;margin:0 0 3px!important;color:#007c70!important;}
.template-saas .saas-account-dropdown a,
.portal-account-floating a{min-height:26px!important;border-radius:3px!important;padding:0 7px!important;font-size:11.5px!important;font-weight:600!important;line-height:1.1!important;white-space:normal!important;overflow-wrap:anywhere!important;}
.template-saas .saas-account-dropdown .saas-logout-link,
.portal-account-floating .saas-logout-link{min-height:30px!important;border-radius:4px!important;font-weight:720!important;}
@media(max-width:760px){.template-saas .saas-account-dropdown,.portal-account-floating{position:absolute!important;right:0!important;width:min(310px,calc(100vw - 12px))!important;}}

/* CP Portal Shell v118: simple, compact, role-clear portal shell */
.template-saas{
  --cp118-bg:#f4f7f3!important;
  --cp118-panel:#fff!important;
  --cp118-ink:#07110c!important;
  --cp118-muted:#506058!important;
  --cp118-line:#d6e0d2!important;
  --cp118-line-strong:#aebfad!important;
  --cp118-accent:#008f84!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:12.5px!important;
  color:var(--cp118-ink)!important;
}
.template-saas *{letter-spacing:0!important;text-shadow:none!important;box-shadow:none!important;box-sizing:border-box!important;}
.template-saas .saas-app-sidebar{grid-template-columns:226px minmax(0,1fr)!important;background:var(--cp118-bg)!important;}
.template-saas .saas-sidebar{width:226px!important;padding:12px 10px!important;background:#fff!important;border-right:1px solid var(--cp118-line)!important;overflow:auto!important;}
.template-saas .saas-brand{min-height:38px!important;padding:0 4px 12px!important;gap:9px!important;border-bottom:1px solid #e2e9df!important;}
.template-saas .saas-brand span{width:30px!important;height:30px!important;border-radius:5px!important;font-size:11px!important;font-weight:820!important;}
.template-saas .saas-brand strong{font-size:14px!important;font-weight:760!important;}
.template-saas .saas-nav{gap:12px!important;padding-top:14px!important;}
.template-saas .saas-nav-group{gap:3px!important;padding:0 0 11px!important;border-bottom:1px solid #e3eae1!important;}
.template-saas .saas-nav-group>span{margin:0 0 5px 4px!important;color:#647166!important;font-size:9.5px!important;font-weight:760!important;text-transform:uppercase!important;}
.template-saas .saas-nav-item{min-height:31px!important;padding:4px 6px!important;gap:8px!important;border-radius:4px!important;border:1px solid transparent!important;background:transparent!important;color:var(--cp118-ink)!important;font-size:12px!important;font-weight:650!important;}
.template-saas .saas-nav-item:hover{background:#f0f6ed!important;border-color:#d4e0cf!important;}
.template-saas .saas-nav-item.is-active{background:#07110c!important;color:#fff!important;border-color:#07110c!important;}
.template-saas .saas-nav-icon{width:23px!important;height:23px!important;border-radius:4px!important;font-size:9px!important;font-weight:780!important;background:#eff7eb!important;border:1px solid #b7c9ae!important;color:#07110c!important;}
.template-saas .saas-nav-item.is-active .saas-nav-icon{background:#7ee72b!important;border-color:#7ee72b!important;color:#07110c!important;}
.template-saas .saas-nav-label{font-size:12px!important;font-weight:680!important;line-height:1.12!important;}
.template-saas .saas-content,.template-saas .saas-main,.template-saas .auth-main{min-width:0!important;background:var(--cp118-bg)!important;overflow:visible!important;}
.template-saas .saas-global-topbar,.template-saas .saas-topbar{position:sticky!important;top:0!important;z-index:2147482000!important;display:grid!important;grid-template-columns:minmax(260px,560px) auto!important;align-items:center!important;gap:10px!important;height:48px!important;min-height:48px!important;padding:6px 10px!important;border-bottom:1px solid var(--cp118-line)!important;background:#fff!important;overflow:visible!important;}
.template-saas .saas-header-search{display:grid!important;grid-template-columns:minmax(0,1fr) 76px!important;gap:7px!important;height:35px!important;max-width:640px!important;}
.template-saas .saas-header-search label{height:35px!important;min-height:35px!important;border-radius:4px!important;border:1px solid var(--cp118-line-strong)!important;background:#fff!important;overflow:hidden!important;}
.template-saas .saas-header-search label span{display:none!important;}
.template-saas .saas-header-search input{height:33px!important;min-height:33px!important;padding:0 11px!important;border:0!important;background:#fff!important;font-size:12.5px!important;font-weight:560!important;}
.template-saas .saas-header-search button{height:35px!important;min-height:35px!important;padding:0 10px!important;border-radius:4px!important;font-size:11.5px!important;font-weight:760!important;}
.template-saas .saas-account-menu{justify-self:end!important;position:relative!important;z-index:2147483000!important;overflow:visible!important;}
.template-saas .saas-account-menu summary{display:grid!important;grid-template-columns:28px minmax(0,1fr) 11px!important;align-items:center!important;gap:7px!important;width:188px!important;min-width:0!important;max-width:188px!important;height:35px!important;min-height:35px!important;padding:2px 7px 2px 2px!important;border:1px solid var(--cp118-line-strong)!important;border-radius:4px!important;background:#fff!important;color:#07110c!important;list-style:none!important;cursor:pointer!important;}
.template-saas .saas-account-menu summary::-webkit-details-marker{display:none!important;}
.template-saas .saas-account-menu summary::after{content:""!important;width:7px!important;height:7px!important;border-right:2px solid #07110c!important;border-bottom:2px solid #07110c!important;transform:rotate(45deg) translateY(-2px)!important;}
.template-saas .saas-account-menu[open] summary::after,.template-saas .saas-account-menu.is-account-open summary::after{transform:rotate(225deg) translateY(-1px)!important;}
.template-saas .saas-account-menu summary>span{display:grid!important;place-items:center!important;width:28px!important;height:28px!important;border-radius:4px!important;background:#7ee72b!important;color:#07110c!important;font-size:11px!important;font-weight:820!important;}
.template-saas .saas-account-menu summary strong{display:block!important;font-size:11.5px!important;font-weight:720!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.template-saas .saas-account-menu summary small{display:block!important;margin-top:2px!important;font-size:9.5px!important;font-weight:520!important;line-height:1!important;color:var(--cp118-muted)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.template-saas .saas-account-dropdown,.portal-account-floating{position:absolute!important;right:0!important;top:calc(100% + 6px)!important;left:auto!important;display:grid!important;grid-template-columns:1fr!important;width:min(292px,calc(100vw - 18px))!important;max-width:292px!important;max-height:min(430px,calc(100vh - 64px))!important;overflow:auto!important;padding:6px!important;gap:5px!important;border:1px solid #07110c!important;border-radius:4px!important;background:#fff!important;z-index:2147483600!important;}
.template-saas .saas-account-menu:not([open]) .saas-account-dropdown:not(.portal-account-floating){display:none!important;}
.template-saas .saas-account-dropdown>div,.portal-account-floating>div{display:grid!important;gap:1px!important;padding:7px!important;border:1px solid #d8e2d4!important;border-radius:4px!important;background:#fff!important;min-width:0!important;}
.template-saas .saas-account-dropdown span,.portal-account-floating span{margin:0 0 4px!important;color:#007c72!important;font-size:9px!important;font-weight:760!important;line-height:1!important;text-transform:uppercase!important;}
.template-saas .saas-account-dropdown a,.portal-account-floating a{display:flex!important;align-items:center!important;min-height:26px!important;padding:0 7px!important;border-radius:3px!important;color:#07110c!important;text-decoration:none!important;font-size:11.5px!important;font-weight:610!important;line-height:1.12!important;white-space:normal!important;overflow-wrap:anywhere!important;}
.template-saas .saas-account-dropdown a:hover,.template-saas .saas-account-dropdown a:focus-visible,.portal-account-floating a:hover,.portal-account-floating a:focus-visible{background:#07110c!important;color:#fff!important;outline:none!important;}
.template-saas .saas-account-dropdown .saas-logout-link,.portal-account-floating .saas-logout-link{justify-content:center!important;min-height:30px!important;border-radius:4px!important;background:#07110c!important;color:#fff!important;font-weight:730!important;}
.template-saas .saas-main,.template-saas .auth-main{padding:10px!important;}
.template-saas h1{font-size:clamp(22px,1.45vw,28px)!important;font-weight:780!important;line-height:1.08!important;}
.template-saas h2{font-size:18px!important;font-weight:740!important;line-height:1.12!important;}
.template-saas h3{font-size:14px!important;font-weight:720!important;line-height:1.16!important;}
.template-saas p,.template-saas li,.template-saas small{font-size:12px!important;font-weight:500!important;line-height:1.38!important;}
.template-saas .button,.template-saas button,.template-saas input[type=submit],.template-saas a.button{min-height:32px!important;border-radius:4px!important;font-size:11.5px!important;font-weight:730!important;padding:0 10px!important;}
.template-saas input,.template-saas select,.template-saas textarea{border-radius:4px!important;font-size:12.5px!important;font-weight:520!important;border-color:var(--cp118-line-strong)!important;}
.template-saas .portal-overview-panel,.template-saas .auth-card,.template-saas .account-panel,.template-saas article{border-radius:5px!important;box-shadow:none!important;}
@media(max-width:900px){
  .template-saas .saas-app-sidebar{grid-template-columns:1fr!important;}
  .template-saas .saas-sidebar{position:relative!important;width:auto!important;max-height:none!important;}
  .template-saas .saas-global-topbar,.template-saas .saas-topbar{grid-template-columns:1fr!important;height:auto!important;min-height:0!important;}
  .template-saas .saas-account-menu{justify-self:stretch!important;}
  .template-saas .saas-account-menu summary{width:100%!important;max-width:none!important;}
  .template-saas .saas-account-dropdown,.portal-account-floating{position:absolute!important;right:0!important;width:min(292px,calc(100vw - 18px))!important;}
}

/* CP Enterprise SaaS v141: dense, calm and operational */
.template-saas{
  --ent-bg:#f3f5f6!important;
  --ent-surface:#ffffff!important;
  --ent-surface-muted:#f8f9fa!important;
  --ent-line:#cfd6d9!important;
  --ent-line-soft:#e3e7e9!important;
  --ent-ink:#172126!important;
  --ent-muted:#5d6970!important;
  --ent-accent:#087f78!important;
  --ent-accent-soft:#e8f5f3!important;
  --ent-focus:#0a6ed1!important;
  --ent-danger:#bb0000!important;
  --ent-warning:#9c5d00!important;
  color:var(--ent-ink)!important;
  background:var(--ent-bg)!important;
  font-family:"Segoe UI",Arial,Helvetica,sans-serif!important;
  font-size:12px!important;
  line-height:1.35!important;
}
.template-saas .saas-app-sidebar{grid-template-columns:232px minmax(0,1fr)!important;background:var(--ent-bg)!important}
.template-saas .saas-sidebar{width:232px!important;padding:0 10px 12px!important;border-right:1px solid #bfc8cc!important;background:#fff!important}
.template-saas .saas-brand{height:52px!important;min-height:52px!important;padding:0 6px!important;border-bottom:1px solid var(--ent-line)!important}
.template-saas .saas-brand span{width:28px!important;height:28px!important;border-radius:3px!important;background:var(--ent-accent)!important;color:#fff!important}
.template-saas .saas-brand strong{font-size:14px!important;font-weight:650!important;color:var(--ent-ink)!important}
.template-saas .saas-nav{gap:10px!important;padding-top:12px!important}
.template-saas .saas-nav-group{gap:1px!important;padding-bottom:9px!important;border-bottom:1px solid var(--ent-line-soft)!important}
.template-saas .saas-nav-group>span{margin:0 0 4px 8px!important;color:#66747b!important;font-size:9px!important;font-weight:700!important}
.template-saas .saas-nav-item{position:relative!important;min-height:32px!important;padding:4px 7px!important;gap:8px!important;border:0!important;border-radius:2px!important;color:#263238!important;font-size:12px!important;font-weight:550!important}
.template-saas .saas-nav-item:hover{background:#eef2f3!important;border-color:transparent!important}
.template-saas .saas-nav-item.is-active{background:var(--ent-accent-soft)!important;color:#0b514d!important;border:0!important}
.template-saas .saas-nav-item.is-active::before{content:""!important;position:absolute!important;inset:3px auto 3px 0!important;width:3px!important;background:var(--ent-accent)!important}
.template-saas .saas-nav-icon{width:22px!important;height:22px!important;border:1px solid #bdc9c5!important;border-radius:2px!important;background:#f6faf8!important;color:#28423e!important;font-size:9px!important}
.template-saas .saas-nav-item.is-active .saas-nav-icon{border-color:var(--ent-accent)!important;background:var(--ent-accent)!important;color:#fff!important}
.template-saas .saas-nav-label{font-size:12px!important;font-weight:600!important}
.template-saas .saas-global-topbar,.template-saas .saas-topbar{height:52px!important;min-height:52px!important;padding:8px 14px!important;border-bottom:1px solid #bfc8cc!important;background:#fff!important}
.template-saas .saas-header-search{height:34px!important;max-width:680px!important;grid-template-columns:minmax(0,1fr) 76px!important}
.template-saas .saas-header-search label,.template-saas .saas-header-search input,.template-saas .saas-header-search button{height:34px!important;min-height:34px!important;border-radius:2px!important}
.template-saas .saas-header-search label{border-color:#9faeb4!important}
.template-saas .saas-header-search input{font-size:12px!important;font-weight:450!important}
.template-saas .saas-header-search input:focus{outline:2px solid color-mix(in srgb,var(--ent-focus) 32%,transparent)!important;outline-offset:-2px!important}
.template-saas .saas-header-search button{border-color:#263238!important;background:#263238!important;color:#fff!important;font-weight:650!important}
.template-saas .saas-account-menu summary{height:34px!important;min-height:34px!important;width:190px!important;max-width:190px!important;border:1px solid #aeb9bd!important;border-radius:2px!important}
.template-saas .saas-account-menu summary>span{width:28px!important;height:28px!important;border-radius:2px!important;background:var(--ent-accent)!important;color:#fff!important}
.template-saas .saas-account-dropdown,.portal-account-floating{border:1px solid #87969c!important;border-radius:2px!important;box-shadow:0 8px 20px rgba(30,45,52,.16)!important}
.template-saas .saas-account-dropdown>div,.portal-account-floating>div{border-radius:2px!important;border-color:var(--ent-line)!important}
.template-saas .saas-account-dropdown a,.portal-account-floating a{border-radius:2px!important}
.template-saas .saas-main,.template-saas .auth-main{padding:12px 14px!important;background:var(--ent-bg)!important}
.template-saas .auth-shell,.template-saas .portal-home,.template-saas .account-workspace{gap:8px!important}
.template-saas h1{font-size:24px!important;font-weight:650!important;line-height:1.15!important}
.template-saas h2{font-size:17px!important;font-weight:650!important;line-height:1.2!important}
.template-saas h3{font-size:14px!important;font-weight:650!important;line-height:1.25!important}
.template-saas p,.template-saas li,.template-saas small{font-size:12px!important;font-weight:400!important;line-height:1.4!important}
.template-saas .eyebrow{font-size:9px!important;font-weight:700!important;color:var(--ent-accent)!important}
.template-saas .auth-note{font-size:12px!important;font-weight:400!important;color:var(--ent-muted)!important}
.template-saas .portal-home-hero,.template-saas .ops-hero,.template-saas .account-hero,.template-saas .system-tabs-hero{min-height:0!important;padding:13px 14px!important;border:1px solid var(--ent-line)!important;border-radius:2px!important;background:#fff!important}
.template-saas .portal-overview-panel,.template-saas .auth-card,.template-saas .account-panel,.template-saas .account-plan-card,.template-saas .customer-card,.template-saas .agency-client-card{border:1px solid var(--ent-line)!important;border-radius:2px!important;background:#fff!important;box-shadow:none!important}
.template-saas .portal-overview-panel,.template-saas .account-panel{padding:12px!important}
.template-saas .account-section-head{margin-bottom:8px!important;padding-bottom:7px!important;border-bottom:1px solid var(--ent-line-soft)!important}
.template-saas .account-section-head span,.template-saas .config-pill,.template-saas .queue-status,.template-saas .invoice-status,.template-saas .team-status{border-radius:2px!important;font-size:9px!important;font-weight:650!important;text-transform:uppercase!important}
.template-saas .button,.template-saas button,.template-saas input[type=submit],.template-saas a.button{min-height:32px!important;padding:0 11px!important;border-radius:2px!important;font-size:11.5px!important;font-weight:650!important;box-shadow:none!important}
.template-saas .button:not(.ghost),.template-saas button:not(.ghost),.template-saas input[type=submit]{background:var(--ent-accent)!important;border-color:var(--ent-accent)!important;color:#fff!important}
.template-saas .button.ghost,.template-saas button.ghost{background:#fff!important;border-color:#87969c!important;color:#263238!important}
.template-saas .button:hover,.template-saas button:hover{filter:brightness(.94)!important}
.template-saas input,.template-saas select,.template-saas textarea{min-height:34px!important;border:1px solid #9faeb4!important;border-radius:2px!important;background:#fff!important;color:var(--ent-ink)!important;font-size:12px!important;font-weight:400!important}
.template-saas textarea{padding:8px!important}
.template-saas input:focus,.template-saas select:focus,.template-saas textarea:focus{border-color:var(--ent-focus)!important;outline:2px solid color-mix(in srgb,var(--ent-focus) 24%,transparent)!important;outline-offset:0!important}
.template-saas label{font-size:10.5px!important;font-weight:600!important;color:#435159!important}
.template-saas table{width:100%!important;border-collapse:collapse!important;background:#fff!important}
.template-saas th{height:34px!important;padding:7px 9px!important;border-bottom:1px solid #aeb9bd!important;background:#eef1f2!important;color:#435159!important;font-size:10px!important;font-weight:650!important;text-align:left!important;text-transform:uppercase!important}
.template-saas td{padding:8px 9px!important;border-bottom:1px solid var(--ent-line-soft)!important;color:#263238!important;font-size:11.5px!important;vertical-align:middle!important}
.template-saas tbody tr:hover td{background:#f5faf9!important}
.template-saas .auth-success,.template-saas .auth-warning,.template-saas .auth-error,.template-saas .billing-legal-box{border-radius:2px!important;box-shadow:none!important}
.template-saas .auth-dashboard-grid,.template-saas .system-kpi-grid,.template-saas .ops-status-strip,.template-saas .account-kpis,.template-saas .notification-kpi-grid{gap:6px!important}
.template-saas .auth-dashboard-grid article,.template-saas .system-kpi-grid article,.template-saas .ops-status-strip article,.template-saas .account-kpis article,.template-saas .notification-kpi-grid article{min-height:62px!important;padding:9px 10px!important;border:1px solid var(--ent-line)!important;border-radius:2px!important;background:#fff!important}
.template-saas .auth-dashboard-grid article strong,.template-saas .system-kpi-grid article strong,.template-saas .ops-status-strip article strong,.template-saas .account-kpis article strong,.template-saas .notification-kpi-grid article strong{font-size:18px!important;font-weight:650!important}
.template-saas .saas-topnav{min-height:40px!important;padding:5px 12px!important;border:1px solid var(--ent-line)!important;border-radius:2px!important;background:#fff!important}
.template-saas .saas-topnav-item{min-height:28px!important;border-radius:2px!important;font-size:11px!important;font-weight:600!important}
.template-saas .saas-topnav-item.is-active{background:var(--ent-accent)!important;color:#fff!important}
@media(max-width:900px){
  .template-saas .saas-app-sidebar{grid-template-columns:1fr!important}
  .template-saas .saas-sidebar{position:relative!important;width:auto!important;padding:8px!important}
  .template-saas .saas-brand{height:42px!important;min-height:42px!important}
  .template-saas .saas-nav{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .template-saas .saas-main,.template-saas .auth-main{padding:8px!important}
}
@media(max-width:600px){
  .template-saas .saas-nav{grid-template-columns:1fr!important}
  .template-saas h1{font-size:21px!important}
  .template-saas .portal-home-hero,.template-saas .ops-hero,.template-saas .account-hero{padding:11px!important}
}

/* CP Brutalist Enterprise v142: hard-edged operations portal */
.template-saas{
  --br-bg:#e9edef!important;
  --br-panel:#ffffff!important;
  --br-ink:#080d0f!important;
  --br-muted:#4d5a60!important;
  --br-line:#829097!important;
  --br-dark:#10191d!important;
  --br-dark-2:#1d292e!important;
  --br-teal:#00a092!important;
  --br-lime:#9cff38!important;
  --br-blue:#0a6ed1!important;
  --br-red:#c80000!important;
  background:var(--br-bg)!important;
  color:var(--br-ink)!important;
}
.template-saas .saas-app-sidebar{grid-template-columns:238px minmax(0,1fr)!important;background:var(--br-bg)!important}
.template-saas .saas-sidebar{width:238px!important;padding:0 10px 14px!important;border-right:2px solid #05090b!important;background:var(--br-dark)!important;color:#fff!important}
.template-saas .saas-brand{height:56px!important;min-height:56px!important;margin:0 -10px 8px!important;padding:0 14px!important;border-bottom:2px solid var(--br-teal)!important;background:#05090b!important;color:#fff!important}
.template-saas .saas-brand span{width:30px!important;height:30px!important;border:1px solid var(--br-lime)!important;border-radius:0!important;background:var(--br-lime)!important;color:#05090b!important;font-weight:900!important}
.template-saas .saas-brand strong{color:#fff!important;font-size:14px!important;font-weight:800!important;text-transform:uppercase!important}
.template-saas .saas-nav{gap:13px!important}
.template-saas .saas-nav-group{gap:2px!important;padding-bottom:11px!important;border-bottom:1px solid #344249!important}
.template-saas .saas-nav-group>span{margin:0 0 5px 8px!important;color:#9eabb0!important;font-size:9px!important;font-weight:800!important}
.template-saas .saas-nav-item{min-height:34px!important;border-radius:0!important;color:#e8edef!important;font-weight:600!important}
.template-saas .saas-nav-item:hover{background:var(--br-dark-2)!important;color:#fff!important}
.template-saas .saas-nav-item.is-active{background:#fff!important;color:#05090b!important}
.template-saas .saas-nav-item.is-active::before{inset:0 auto 0 0!important;width:5px!important;background:var(--br-teal)!important}
.template-saas .saas-nav-icon{width:23px!important;height:23px!important;border:1px solid #53636a!important;border-radius:0!important;background:#1f2b30!important;color:#dfe6e8!important}
.template-saas .saas-nav-item.is-active .saas-nav-icon{border-color:#05090b!important;border-radius:0!important;background:var(--br-lime)!important;color:#05090b!important}
.template-saas .saas-nav-badge{border-radius:0!important;background:var(--br-red)!important;color:#fff!important}
.template-saas .saas-global-topbar,.template-saas .saas-topbar{height:56px!important;min-height:56px!important;padding:9px 14px!important;border-bottom:2px solid #05090b!important;background:#fff!important}
.template-saas .saas-header-search{height:36px!important}
.template-saas .saas-header-search label,.template-saas .saas-header-search input,.template-saas .saas-header-search button{height:36px!important;min-height:36px!important;border-radius:0!important}
.template-saas .saas-header-search label{border:1px solid #53636a!important;border-left:4px solid var(--br-teal)!important}
.template-saas .saas-header-search button{border:1px solid #05090b!important;background:#05090b!important;color:#fff!important;text-transform:uppercase!important}
.template-saas .saas-account-menu summary{height:36px!important;min-height:36px!important;border:1px solid #05090b!important;border-radius:0!important;background:#fff!important}
.template-saas .saas-account-menu summary>span{width:29px!important;height:29px!important;border-radius:0!important;background:var(--br-lime)!important;color:#05090b!important;font-weight:900!important}
.template-saas .saas-account-dropdown,.portal-account-floating{border:2px solid #05090b!important;border-radius:0!important;box-shadow:8px 8px 0 rgba(5,9,11,.18)!important}
.template-saas .saas-account-dropdown>div,.portal-account-floating>div{border-radius:0!important;border-color:#a6b0b4!important}
.template-saas .saas-account-dropdown a,.portal-account-floating a{border-radius:0!important}
.template-saas .saas-account-dropdown a:hover,.portal-account-floating a:hover{background:#05090b!important;color:#fff!important}
.template-saas .saas-main,.template-saas .auth-main{padding:12px!important;background:var(--br-bg)!important}
.template-saas h1{font-size:26px!important;font-weight:850!important;line-height:1.05!important}
.template-saas h2{font-size:18px!important;font-weight:800!important}
.template-saas h3{font-size:14px!important;font-weight:750!important}
.template-saas .eyebrow{font-size:9px!important;font-weight:900!important;color:#007a70!important}
.template-saas .portal-home-hero,.template-saas .ops-hero,.template-saas .account-hero,.template-saas .system-tabs-hero{padding:14px 16px!important;border:2px solid #10191d!important;border-radius:0!important;background:#fff!important}
.template-saas .portal-home-hero::before,.template-saas .ops-hero::before,.template-saas .system-tabs-hero::before{content:""!important;position:absolute!important;inset:0 auto 0 0!important;width:6px!important;background:var(--br-teal)!important}
.template-saas .portal-home-hero,.template-saas .ops-hero,.template-saas .system-tabs-hero{position:relative!important}
.template-saas .portal-overview-panel,.template-saas .auth-card,.template-saas .account-panel,.template-saas .account-plan-card,.template-saas .customer-card,.template-saas .agency-client-card{border:1px solid var(--br-line)!important;border-radius:0!important;background:#fff!important}
.template-saas .portal-overview-panel>h2:first-child,.template-saas .account-section-head{border-bottom:2px solid #10191d!important}
.template-saas .account-section-head{padding-bottom:8px!important}
.template-saas .account-section-head span,.template-saas .config-pill,.template-saas .queue-status,.template-saas .invoice-status,.template-saas .team-status{border-radius:0!important;font-weight:800!important}
.template-saas .button,.template-saas button,.template-saas input[type=submit],.template-saas a.button{min-height:34px!important;border-radius:0!important;font-weight:800!important;text-transform:none!important}
.template-saas .button:not(.ghost),.template-saas button:not(.ghost),.template-saas input[type=submit]{border:1px solid #05090b!important;background:#05090b!important;color:#fff!important}
.template-saas .button:not(.ghost):hover,.template-saas button:not(.ghost):hover{background:var(--br-teal)!important;border-color:#006f67!important}
.template-saas .button.ghost,.template-saas button.ghost{border:1px solid #53636a!important;border-radius:0!important;background:#fff!important;color:#10191d!important}
.template-saas .button.ghost:hover,.template-saas button.ghost:hover{border-color:#05090b!important;background:#e8edee!important}
.template-saas input,.template-saas select,.template-saas textarea{border:1px solid #6f7e85!important;border-radius:0!important;background:#fff!important}
.template-saas input:focus,.template-saas select:focus,.template-saas textarea:focus{border-color:var(--br-blue)!important;outline:2px solid var(--br-blue)!important;outline-offset:-2px!important}
.template-saas table{border:1px solid #65747b!important}
.template-saas th{height:36px!important;border-right:1px solid #adb7bb!important;border-bottom:2px solid #10191d!important;background:#dce2e4!important;color:#10191d!important;font-weight:800!important}
.template-saas td{border-right:1px solid #d0d7da!important}
.template-saas tbody tr:nth-child(even) td{background:#f4f6f7!important}
.template-saas tbody tr:hover td{background:#e1f4f1!important}
.template-saas .auth-dashboard-grid article,.template-saas .system-kpi-grid article,.template-saas .ops-status-strip article,.template-saas .account-kpis article,.template-saas .notification-kpi-grid article{border:1px solid #65747b!important;border-radius:0!important;background:#fff!important}
.template-saas .auth-dashboard-grid article::before,.template-saas .system-kpi-grid article::before,.template-saas .ops-status-strip article::before,.template-saas .account-kpis article::before,.template-saas .notification-kpi-grid article::before{content:""!important;display:block!important;width:34px!important;height:3px!important;margin-bottom:7px!important;background:var(--br-teal)!important}
.template-saas .saas-topnav{min-height:42px!important;border:1px solid #65747b!important;border-radius:0!important;background:#fff!important}
.template-saas .saas-topnav-item{border-radius:0!important}
.template-saas .saas-topnav-item.is-active{background:#05090b!important;color:#fff!important}
.template-saas .auth-success{border:1px solid #147d3f!important;border-left:6px solid #147d3f!important;border-radius:0!important;background:#edf8f1!important}
.template-saas .auth-warning,.template-saas .billing-legal-box{border:1px solid #a46a00!important;border-left:6px solid #d99300!important;border-radius:0!important;background:#fff8e6!important}
.template-saas .auth-error{border:1px solid var(--br-red)!important;border-left:6px solid var(--br-red)!important;border-radius:0!important;background:#fff1f1!important}
.template-saas meter,.template-saas progress{height:8px!important;border-radius:0!important}
.template-saas ::-webkit-scrollbar{width:10px!important;height:10px!important}
.template-saas ::-webkit-scrollbar-track{background:#dce2e4!important}
.template-saas ::-webkit-scrollbar-thumb{background:#65747b!important;border:2px solid #dce2e4!important}
@media(max-width:900px){
  .template-saas .saas-sidebar{background:var(--br-dark)!important}
  .template-saas .saas-nav{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .template-saas .saas-global-topbar,.template-saas .saas-topbar{border-top:1px solid #05090b!important}
}
@media(max-width:600px){.template-saas .saas-nav{grid-template-columns:1fr!important}}

/* CP Precision Enterprise v181: angular, compact, operational */
.template-saas{
  --pe-bg:#eef1f2!important;
  --pe-panel:#ffffff!important;
  --pe-line:#bdc7ca!important;
  --pe-line-strong:#6f7d82!important;
  --pe-ink:#101719!important;
  --pe-muted:#526067!important;
  --pe-dark:#10191d!important;
  --pe-accent:#008c80!important;
  --pe-focus:#0a6ed1!important;
  background:var(--pe-bg)!important;
}
.template-saas .saas-app-sidebar{grid-template-columns:222px minmax(0,1fr)!important;background:var(--pe-bg)!important}
.template-saas .saas-sidebar{width:222px!important;border-right:1px solid #253238!important;background:var(--pe-dark)!important}
.template-saas .saas-brand{height:54px!important;min-height:54px!important;border-bottom:1px solid #344249!important;background:#0b1215!important}
.template-saas .saas-brand strong{font-size:12px!important;font-weight:680!important;text-transform:none!important}
.template-saas .saas-brand span{width:28px!important;height:28px!important;border:0!important;background:#58dec4!important;font-size:10px!important}
.template-saas .saas-nav{gap:10px!important}
.template-saas .saas-nav-group{padding-bottom:9px!important;border-bottom-color:#2e3b40!important}
.template-saas .saas-nav-group>span{color:#89979c!important;font-size:8px!important;font-weight:700!important;letter-spacing:.04em!important}
.template-saas .saas-nav-item{min-height:32px!important;padding:4px 7px!important;font-size:11px!important;font-weight:560!important}
.template-saas .saas-nav-item.is-active{background:#e9f4f1!important;color:#0c1714!important;font-weight:680!important}
.template-saas .saas-nav-item.is-active::before{width:3px!important;background:var(--pe-accent)!important}
.template-saas .saas-nav-icon{width:22px!important;height:22px!important;border-color:#506067!important;background:#19252a!important;font-size:9px!important}
.template-saas .saas-nav-item.is-active .saas-nav-icon{border-color:#7ca99e!important;background:#fff!important;color:#006d64!important}
.template-saas .saas-global-topbar,.template-saas .saas-topbar{height:54px!important;min-height:54px!important;padding:8px 12px!important;border-bottom:1px solid var(--pe-line-strong)!important}
.template-saas .saas-header-search{height:34px!important}
.template-saas .saas-header-search label,.template-saas .saas-header-search input,.template-saas .saas-header-search button{height:34px!important;min-height:34px!important}
.template-saas .saas-header-search label{border:1px solid #8f9da2!important;border-left:2px solid var(--pe-accent)!important}
.template-saas .saas-header-search button{border-color:#263238!important;background:#263238!important;font-size:10px!important;text-transform:none!important}
.template-saas .saas-account-menu summary{height:34px!important;min-height:34px!important;border:1px solid #829096!important}
.template-saas .saas-account-menu summary>span{width:27px!important;height:27px!important;background:#58dec4!important}
.template-saas .saas-account-dropdown,.portal-account-floating{border:1px solid #58676d!important;box-shadow:0 12px 30px rgba(16,25,29,.18)!important}
.template-saas .saas-main,.template-saas .auth-main{padding:10px 12px!important;background:var(--pe-bg)!important}
.template-saas h1{font-size:24px!important;font-weight:720!important;line-height:1.08!important}
.template-saas h2{font-size:17px!important;font-weight:680!important}
.template-saas h3{font-size:13px!important;font-weight:680!important}
.template-saas .eyebrow{font-weight:720!important;color:#00786f!important;letter-spacing:.025em!important}
.template-saas .portal-home-hero,.template-saas .ops-hero,.template-saas .account-hero,.template-saas .system-tabs-hero{padding:12px 14px!important;border:1px solid var(--pe-line-strong)!important}
.template-saas .portal-home-hero::before,.template-saas .ops-hero::before,.template-saas .system-tabs-hero::before{width:3px!important;background:var(--pe-accent)!important}
.template-saas .portal-overview-panel,.template-saas .auth-card,.template-saas .account-panel,.template-saas .account-plan-card,.template-saas .customer-card,.template-saas .agency-client-card{border-color:var(--pe-line)!important;box-shadow:none!important}
.template-saas .portal-overview-panel>h2:first-child,.template-saas .account-section-head{border-bottom:1px solid #9eaaae!important}
.template-saas .button,.template-saas button,.template-saas input[type=submit],.template-saas a.button{min-height:32px!important;font-weight:650!important}
.template-saas .button:not(.ghost),.template-saas button:not(.ghost),.template-saas input[type=submit]{border-color:#1f2b30!important;background:#1f2b30!important}
.template-saas .button:not(.ghost):hover,.template-saas button:not(.ghost):hover{border-color:#006f67!important;background:#007f75!important}
.template-saas .button.ghost,.template-saas button.ghost{border-color:#89969b!important;color:#273238!important}
.template-saas input,.template-saas select,.template-saas textarea{border-color:#919ea3!important}
.template-saas table{border:1px solid #9ba7ab!important}
.template-saas th{height:34px!important;border-right-color:#c4cccf!important;border-bottom:1px solid #69777c!important;background:#e3e8e9!important;font-weight:680!important}
.template-saas td{border-right-color:#d8dfe1!important}
.template-saas .auth-dashboard-grid article,.template-saas .system-kpi-grid article,.template-saas .ops-status-strip article,.template-saas .account-kpis article,.template-saas .notification-kpi-grid article{border-color:#aeb9bd!important}
.template-saas .auth-dashboard-grid article::before,.template-saas .system-kpi-grid article::before,.template-saas .ops-status-strip article::before,.template-saas .account-kpis article::before,.template-saas .notification-kpi-grid article::before{width:24px!important;height:2px!important;background:var(--pe-accent)!important}
.template-saas .saas-topnav{min-height:38px!important;border-color:#9aa7ab!important}
.template-saas .saas-topnav-item{min-height:28px!important;font-weight:600!important}
.template-saas .saas-topnav-item.is-active{background:#1f2b30!important}
@media(max-width:900px){.template-saas .saas-app-sidebar{grid-template-columns:1fr!important}.template-saas .saas-sidebar{width:auto!important}.template-saas .saas-main,.template-saas .auth-main{padding:8px!important}}
/* CP Portal Shell v182: account menu stays anchored below its trigger */
.template-saas .saas-global-topbar,
.template-saas .saas-topbar,
.template-saas .saas-content {
  overflow: visible !important;
}
.template-saas .saas-account-menu {
  position: relative !important;
  z-index: 2147483000 !important;
}
.template-saas .saas-account-menu .saas-account-dropdown {
  position: absolute !important;
  top: calc(100% + 6px) !important;
  right: 0 !important;
  bottom: auto !important;
  left: auto !important;
  width: min(292px, calc(100vw - 18px)) !important;
  max-width: 292px !important;
  max-height: min(430px, calc(100vh - 70px)) !important;
  overflow: auto !important;
  grid-template-columns: 1fr !important;
  border-radius: 2px !important;
  box-shadow: 0 12px 30px rgba(16,25,29,.18) !important;
}
.template-saas .saas-account-menu:not([open]) .saas-account-dropdown {
  display: none !important;
}
@media(max-width:760px){
  .template-saas .saas-account-menu .saas-account-dropdown {
    right: 0 !important;
    left: auto !important;
    width: min(292px, calc(100vw - 16px)) !important;
  }
}
/* CP Shell geometry v202: sidebar width includes padding and never covers content */
body.template-saas .saas-app-sidebar{min-width:0!important;}
html body.template-saas .saas-app-sidebar .saas-sidebar{box-sizing:border-box!important;width:222px!important;min-width:0!important;max-width:222px!important;}
body.template-saas .saas-content,body.template-saas .saas-main,body.template-saas .auth-main{min-width:0!important;}@media(max-width:900px){html body.template-saas .saas-app-sidebar .saas-sidebar{width:auto!important;max-width:none!important;}}