.bk-auth-page{
    min-height:calc(100vh - 76px);
    padding:28px 18px 42px;
    direction:rtl;
    background:
        radial-gradient(circle at 88% 8%,rgba(13,148,136,.10),transparent 28%),
        radial-gradient(circle at 8% 92%,rgba(15,118,110,.06),transparent 28%),
        #f6faf9;
}
.bk-auth-shell{
    width:min(1080px,100%);
    margin:0 auto;
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(360px,450px);
    grid-template-areas:"visual form";
    gap:20px;
    direction:ltr;
    align-items:stretch;
}
.bk-auth-visual{
    grid-area:visual;
    position:relative;
    min-height:590px;
    overflow:hidden;
    border-radius:24px;
    background:linear-gradient(145deg,#0f766e,#0f4c5c 55%,#0f172a);
    border:1px solid rgba(15,23,42,.08);
    box-shadow:0 24px 65px rgba(15,23,42,.10);
}
.bk-auth-media{
    position:absolute;
    inset:0;
}
.bk-auth-media-slide{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    opacity:0;
    transition:opacity .55s ease;
}
.bk-auth-media-slide.is-active{opacity:1}
.bk-auth-media-fallback{
    width:100%;
    height:100%;
    display:grid;
    place-items:center;
    color:rgba(255,255,255,.28);
    font-size:86px;
}
.bk-auth-card{
    grid-area:form;
    direction:rtl;
    min-height:590px;
    padding:27px 29px 24px;
    border-radius:24px;
    background:#fff;
    border:1px solid rgba(15,23,42,.08);
    box-shadow:0 24px 65px rgba(15,23,42,.09);
    display:flex;
    flex-direction:column;
}
.bk-auth-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-bottom:15px;
}
.bk-role-pill{
    display:inline-flex;
    align-items:center;
    gap:7px;
    min-height:31px;
    padding:0 10px;
    border-radius:999px;
    color:#047857;
    background:#ecfdf5;
    font-size:10.5px;
    font-weight:900;
}
.bk-auth-tabs{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:5px;
    padding:5px;
    margin-bottom:24px;
    border-radius:15px;
    background:#f1f6f5;
    border:1px solid rgba(15,118,110,.08);
}
.bk-auth-tab{
    min-height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:11px;
    text-decoration:none;
    color:#64748b;
    font-size:12px;
    font-weight:900;
}
.bk-auth-tab.active{
    color:#fff;
    background:linear-gradient(135deg,#0f766e,#0d9488);
    box-shadow:0 8px 18px rgba(15,118,110,.18);
}
.bk-auth-title{
    margin:0 0 18px;
    color:#0f172a;
    font-size:22px;
    line-height:1.55;
    font-weight:950;
}
.bk-alert{
    margin-bottom:13px;
    padding:10px 12px;
    border-radius:11px;
    font-size:10.5px;
    line-height:1.8;
}
.bk-alert.ok{background:#ecfdf5;border:1px solid #bbf7d0;color:#166534}
.bk-alert.error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}
.bk-google-area{margin-bottom:16px}
.bk-google-wrap{
    min-height:42px;
    width:100%;
    display:flex;
    justify-content:center;
    overflow:hidden;
    border-radius:11px;
}
.bk-google-wrap>div{width:100%!important}
.bk-google-disabled{
    min-height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid #e2e8f0;
    border-radius:11px;
    color:#94a3b8;
    font-size:10.5px;
}
.bk-divider{
    display:flex;
    align-items:center;
    gap:10px;
    margin:14px 0 16px;
    color:#94a3b8;
    font-size:9.7px;
}
.bk-divider:before,.bk-divider:after{
    content:"";
    flex:1;
    height:1px;
    background:#e2e8f0;
}
.bk-field{margin-bottom:12px}
.bk-input-wrap{position:relative}
.bk-input{
    width:100%;
    box-sizing:border-box;
    height:44px;
    border:1px solid #cbd5e1;
    border-radius:11px;
    background:#fff;
    color:#0f172a;
    padding:0 13px;
    outline:none;
    font:inherit;
    font-size:12px;
    transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;
}
.bk-input::placeholder{color:#94a3b8}
.bk-input:focus{
    border-color:#0d9488;
    box-shadow:0 0 0 3px rgba(13,148,136,.10);
}
.bk-input.is-password{padding-left:44px}
.bk-pass-toggle{
    position:absolute;
    left:5px;
    top:50%;
    transform:translateY(-50%);
    width:34px;
    height:34px;
    border:0;
    border-radius:9px;
    display:grid;
    place-items:center;
    background:#f1f5f4;
    color:#64748b;
    cursor:pointer;
}
.bk-pass-toggle:hover{color:#0f766e;background:#e7f6f2}
.bk-password-meta{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin:-2px 1px 13px;
    color:#64748b;
    font-size:9.8px;
}
.bk-forgot{
    color:#0f766e;
    font-weight:900;
    text-decoration:none;
}
.bk-remember{
    display:flex;
    align-items:center;
    gap:7px;
    margin:3px 0 14px;
    color:#64748b;
    font-size:10.5px;
    cursor:pointer;
}
.bk-remember input{accent-color:#0d9488}
.bk-submit{
    width:100%;
    min-height:44px;
    border:0;
    border-radius:11px;
    color:#fff;
    background:linear-gradient(135deg,#0f766e,#0d9488);
    box-shadow:0 10px 22px rgba(15,118,110,.18);
    font:inherit;
    font-size:12px;
    font-weight:950;
    cursor:pointer;
    transition:transform .16s ease,box-shadow .16s ease;
}
.bk-submit:hover{
    transform:translateY(-1px);
    box-shadow:0 13px 26px rgba(15,118,110,.22);
}
.bk-agency-note{
    margin-top:15px;
    padding:11px 12px;
    border-radius:12px;
    background:#f0fdfa;
    border:1px solid rgba(15,118,110,.18);
    color:#47645d;
    font-size:9.8px;
    line-height:1.8;
}
.bk-agency-note strong{color:#064e3b}
.bk-agency-note a{
    display:inline-block;
    margin-top:4px;
    color:#0f766e;
    font-weight:950;
    text-decoration:none;
}
.bk-sr-only{
    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;
}
html[data-theme="dark"] .bk-auth-page{background:#08110f}
html[data-theme="dark"] .bk-auth-card{background:#0f1917;border-color:#20332f}
html[data-theme="dark"] .bk-auth-title{color:#eefaf7}
html[data-theme="dark"] .bk-auth-tabs{background:#15231f;border-color:#20332f}
html[data-theme="dark"] .bk-input{background:#0b1513;border-color:#2a403a;color:#eefaf7}
html[data-theme="dark"] .bk-pass-toggle{background:#172521;color:#9fb5b0}
html[data-theme="dark"] .bk-divider:before,
html[data-theme="dark"] .bk-divider:after{background:#263934}
html[data-theme="dark"] .bk-google-disabled{border-color:#2a403a}
html[data-theme="dark"] .bk-agency-note{background:rgba(15,118,110,.10);border-color:rgba(45,212,191,.18);color:#9fb5b0}
html[data-theme="dark"] .bk-agency-note strong{color:#d7fff6}

@media(max-width:980px){
    .bk-auth-shell{
        max-width:600px;
        grid-template-columns:1fr;
        grid-template-areas:"form" "visual";
    }
    .bk-auth-card{min-height:0}
    .bk-auth-visual{min-height:340px}
}
@media(max-width:520px){
    .bk-auth-page{padding:16px 10px 30px}
    .bk-auth-card{padding:20px 18px;border-radius:19px}
    .bk-auth-visual{min-height:280px;border-radius:19px}
    .bk-auth-title{font-size:20px}
    .bk-auth-tabs{margin-bottom:20px}
}

/* Final auth UX: larger balanced composition, clean media, compact copy */
.bk-auth-page{
    min-height:calc(100vh - 76px);
    padding:30px 22px 52px;
    overflow-x:hidden;
}
.bk-auth-shell{
    width:min(1200px,100%);
    max-width:1200px;
    grid-template-columns:minmax(0,1fr) minmax(400px,455px);
    gap:24px;
    align-items:start;
}
.bk-auth-visual{
    grid-area:auto;
    grid-column:1;
    grid-row:1;
    min-height:620px;
    border-radius:26px;
    border-color:rgba(15,118,110,.16);
    box-shadow:0 28px 72px rgba(15,23,42,.12);
}
.bk-auth-form-column{
    grid-column:2;
    grid-row:1;
    min-width:0;
    direction:rtl;
    display:flex;
    flex-direction:column;
    gap:12px;
}
.bk-auth-card{
    grid-area:auto;
    min-height:620px;
    padding:31px 32px 28px;
    border-radius:26px;
    box-shadow:0 28px 72px rgba(15,23,42,.10);
}
.bk-google-area{
    margin-bottom:2px;
}
.bk-divider{
    margin:13px 0 15px;
    font-size:10px;
}
.bk-field{
    margin-bottom:12px;
}
.bk-input{
    min-height:46px;
    height:46px;
    border-radius:12px;
}
.bk-submit{
    min-height:46px;
    border-radius:12px;
}
.bk-agency-note-outside{
    margin:0;
    display:flex;
    align-items:flex-start;
    gap:10px;
    padding:11px 13px;
    border-radius:14px;
    background:rgba(240,253,250,.92);
    box-shadow:0 10px 26px rgba(15,118,110,.07);
}
.bk-agency-note-outside>i{
    width:32px;
    height:32px;
    flex:0 0 32px;
    display:grid;
    place-items:center;
    border-radius:10px;
    color:#fff;
    background:linear-gradient(135deg,#0f766e,#0d9488);
}
.bk-agency-note-outside span{
    display:block;
    color:#49655f;
    font-size:9.7px;
    line-height:1.85;
}
.bk-agency-note-outside b{
    color:#064e3b;
    font-weight:950;
}
.bk-agency-note-outside a{
    margin-top:3px;
}

/* Dark auth mode stays in the Bonyadkar teal family instead of blue/purple. */
html[data-theme="dark"] .bk-auth-page{
    background:
        radial-gradient(circle at 90% 4%,rgba(20,184,166,.10),transparent 30%),
        radial-gradient(circle at 8% 94%,rgba(15,118,110,.10),transparent 30%),
        #07110f;
}
html[data-theme="dark"] .bk-auth-card{
    background:linear-gradient(180deg,#101d19 0%,#0b1513 100%);
    border-color:rgba(94,234,212,.12);
    box-shadow:0 30px 80px rgba(0,0,0,.35);
}
html[data-theme="dark"] .bk-auth-visual{
    border-color:rgba(45,212,191,.18);
    box-shadow:0 30px 82px rgba(0,0,0,.38);
}
html[data-theme="dark"] .bk-role-pill{
    background:rgba(15,118,110,.18);
    border-color:rgba(45,212,191,.15);
    color:#99f6e4;
}
html[data-theme="dark"] .bk-auth-tabs{
    background:#12211d;
    border-color:rgba(94,234,212,.10);
}
html[data-theme="dark"] .bk-auth-tab{
    color:#9fb8b2;
}
html[data-theme="dark"] .bk-auth-tab.active{
    color:#fff;
    background:linear-gradient(135deg,#0f766e,#0d9488);
    box-shadow:0 8px 20px rgba(13,148,136,.18);
}
html[data-theme="dark"] .bk-input{
    background:#0b1613;
    border-color:#29433c;
    color:#f0fdfa;
}
html[data-theme="dark"] .bk-input::placeholder{
    color:#78938c;
}
html[data-theme="dark"] .bk-input:focus{
    border-color:#14b8a6;
    box-shadow:0 0 0 3px rgba(20,184,166,.10);
}
html[data-theme="dark"] .bk-password-meta,
html[data-theme="dark"] .bk-remember{
    color:#91aaa4;
}
html[data-theme="dark"] .bk-forgot{
    color:#5eead4;
}
html[data-theme="dark"] .bk-agency-note-outside{
    background:rgba(15,118,110,.10);
    border-color:rgba(45,212,191,.16);
    box-shadow:none;
}
html[data-theme="dark"] .bk-agency-note-outside span{
    color:#a8c2bc;
}
html[data-theme="dark"] .bk-agency-note-outside b{
    color:#d5fff7;
}
html[data-theme="dark"] .bk-agency-note-outside a{
    color:#5eead4;
}
@media(max-width:980px){
    .bk-auth-shell{
        max-width:650px;
        grid-template-columns:1fr;
    }
    .bk-auth-form-column{
        grid-column:1;
        grid-row:1;
    }
    .bk-auth-visual{
        grid-column:1;
        grid-row:2;
        min-height:360px;
    }
    .bk-auth-card{
        min-height:0;
    }
}
@media(max-width:520px){
    .bk-auth-page{padding:16px 10px 32px}
    .bk-auth-card{padding:21px 18px 20px;border-radius:20px}
    .bk-auth-visual{min-height:290px;border-radius:20px}
    .bk-agency-note-outside{border-radius:12px}
}

/* Robust desktop alignment: image left, form right. */
.bk-auth-shell{
    display:flex !important;
    flex-direction:row !important;
    align-items:flex-start !important;
    direction:ltr !important;
}
.bk-auth-visual{
    order:1;
    flex:1 1 auto;
    min-width:0;
    width:auto;
}
.bk-auth-form-column{
    order:2;
    flex:0 0 455px;
    width:455px;
    max-width:455px;
}
@media(max-width:980px){
    .bk-auth-shell{
        flex-direction:column !important;
        max-width:650px;
    }
    .bk-auth-form-column{
        order:1;
        flex:0 0 auto;
        width:100%;
        max-width:none;
    }
    .bk-auth-visual{
        order:2;
        flex:0 0 auto;
        width:100%;
    }
}

/* 2026-09-23 final auth sizing + professional theme */
.bk-auth-page{
    min-height:calc(100vh - 72px);
    padding:24px 18px 42px;
    background:radial-gradient(circle at 92% 6%,rgba(13,148,136,.085),transparent 27%),radial-gradient(circle at 5% 92%,rgba(15,118,110,.055),transparent 29%),#f5faf8;
}
.bk-auth-shell{width:min(1320px,calc(100vw - 36px)) !important;max-width:1320px !important;gap:26px !important}
.bk-auth-visual{min-height:690px !important;border-radius:28px !important;background:#dce9e5;border:1px solid rgba(15,118,110,.14);box-shadow:0 28px 74px rgba(15,23,42,.115)}
.bk-auth-media,.bk-auth-media-slide{border-radius:inherit}
.bk-auth-media-slide{object-fit:cover}
.bk-auth-form-column{flex:0 0 500px !important;width:500px !important;max-width:500px !important;gap:14px !important}
.bk-auth-card{min-height:690px !important;padding:34px 36px 31px !important;border-radius:28px !important;border:1px solid rgba(15,23,42,.075);background:rgba(255,255,255,.985);box-shadow:0 28px 74px rgba(15,23,42,.095)}
.bk-auth-head{margin-bottom:14px}
.bk-role-pill{min-height:34px;padding:0 12px;border-radius:999px;background:#ecfdf5;color:#047857;border:1px solid #d1fae5}
.bk-auth-tabs{margin-bottom:22px !important;padding:5px !important;border-radius:14px !important;background:#edf4f2 !important;border:1px solid #dce9e5 !important}
.bk-auth-tab{min-height:44px !important;border-radius:11px !important}
.bk-auth-title{margin:0 0 20px !important;font-size:23px !important;line-height:1.5}
.bk-google-area{margin:0 0 16px !important}
.bk-google-wrap{min-height:46px;border-radius:12px;overflow:hidden}
.bk-divider{margin:13px 0 0 !important;color:#94a3b8}
.bk-field{margin-bottom:12px !important}
.bk-input{height:48px !important;min-height:48px !important;border-radius:12px !important;padding-inline:14px;font-size:12.5px;border:1px solid #cbd5e1;background:#fff}
.bk-input::placeholder{color:#8a9aab}
.bk-input:focus{border-color:#0d9488 !important;box-shadow:0 0 0 3px rgba(13,148,136,.10) !important}
.bk-input-wrap .bk-input{padding-left:46px}
.bk-pass-toggle{border-radius:10px}
.bk-password-meta{min-height:24px;margin:-2px 0 10px;font-size:10.5px;color:#64748b}
.bk-remember{margin:5px 0 13px;color:#64748b}
.bk-submit{min-height:48px !important;border-radius:12px !important;background:linear-gradient(135deg,#0f766e,#0d9488) !important;box-shadow:0 11px 25px rgba(13,148,136,.18) !important}
.bk-submit:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(13,148,136,.23) !important}
.bk-security-note{margin-top:14px !important;padding:10px 12px !important;border-radius:11px !important;background:#f8fafc !important;border:1px solid #e7edf2 !important;color:#64748b !important;font-size:9.7px !important;line-height:1.75 !important}
.bk-agency-note-outside{margin:0 !important;padding:13px 15px !important;border-radius:15px !important;border:1px solid rgba(15,118,110,.18) !important;background:linear-gradient(135deg,#f0fdfa,#ecfdf5) !important;box-shadow:0 12px 28px rgba(15,118,110,.07) !important}
.bk-agency-note-outside>i{width:36px !important;height:36px !important;flex-basis:36px !important;border-radius:11px !important}
.bk-agency-note-outside span{color:#48665e !important;font-size:10px !important;line-height:1.9 !important}
.bk-agency-note-outside b{color:#065f46 !important}
.bk-agency-note-outside a{display:inline-flex;margin-top:4px !important;color:#0f766e !important;font-size:10.3px;font-weight:950}
.bk-auth-visual .bk-auth-brand,.bk-auth-visual .bk-auth-visual-content,.bk-auth-visual .bk-auth-visual-copy,.bk-auth-visual .bk-auth-media-overlay{display:none !important}
html[data-theme="dark"] .bk-auth-page{background:radial-gradient(circle at 92% 4%,rgba(20,184,166,.075),transparent 28%),radial-gradient(circle at 7% 94%,rgba(13,148,136,.055),transparent 30%),#07100e !important}
html[data-theme="dark"] .bk-auth-card{background:linear-gradient(180deg,#101b18 0%,#0b1513 100%) !important;border-color:rgba(94,234,212,.11) !important;box-shadow:0 30px 82px rgba(0,0,0,.34) !important}
html[data-theme="dark"] .bk-auth-visual{background:#0a1714 !important;border-color:rgba(94,234,212,.13) !important;box-shadow:0 30px 82px rgba(0,0,0,.34) !important}
html[data-theme="dark"] .bk-role-pill{color:#99f6e4 !important;background:rgba(13,148,136,.12) !important;border-color:rgba(94,234,212,.12) !important}
html[data-theme="dark"] .bk-auth-tabs{background:#14211e !important;border-color:#263a35 !important}
html[data-theme="dark"] .bk-auth-tab{color:#95aaa5 !important}
html[data-theme="dark"] .bk-auth-tab.active{color:#fff !important;background:linear-gradient(135deg,#0f766e,#0d9488) !important}
html[data-theme="dark"] .bk-auth-title{color:#f1fbf8 !important}
html[data-theme="dark"] .bk-input{color:#f2fbf8 !important;background:#0a1512 !important;border-color:#29423c !important}
html[data-theme="dark"] .bk-input::placeholder{color:#6f8d85 !important}
html[data-theme="dark"] .bk-input:focus{border-color:#14b8a6 !important;box-shadow:0 0 0 3px rgba(20,184,166,.11) !important}
html[data-theme="dark"] .bk-pass-toggle{color:#8fa9a2 !important;background:#15231f !important}
html[data-theme="dark"] .bk-password-meta,html[data-theme="dark"] .bk-remember{color:#91a9a3 !important}
html[data-theme="dark"] .bk-forgot{color:#5eead4 !important}
html[data-theme="dark"] .bk-security-note{color:#8fa9a2 !important;background:#101c18 !important;border-color:#243832 !important}
html[data-theme="dark"] .bk-agency-note-outside{background:linear-gradient(135deg,rgba(15,118,110,.13),rgba(6,78,59,.09)) !important;border-color:rgba(94,234,212,.15) !important;box-shadow:none !important}
html[data-theme="dark"] .bk-agency-note-outside span{color:#a8c1bb !important}
html[data-theme="dark"] .bk-agency-note-outside b{color:#d7fff7 !important}
html[data-theme="dark"] .bk-agency-note-outside a{color:#5eead4 !important}
@media(max-width:1100px){
    .bk-auth-shell{width:min(1040px,calc(100vw - 30px)) !important}
    .bk-auth-form-column{flex-basis:470px !important;width:470px !important;max-width:470px !important}
}
@media(max-width:980px){
    .bk-auth-shell{width:min(680px,calc(100vw - 24px)) !important;max-width:680px !important;flex-direction:column !important}
    .bk-auth-form-column{width:100% !important;max-width:none !important;flex:0 0 auto !important}
    .bk-auth-card{min-height:0 !important}
    .bk-auth-visual{width:100% !important;min-height:390px !important}
}
@media(max-width:520px){
    .bk-auth-page{padding:14px 10px 26px !important}
    .bk-auth-card{padding:22px 18px 21px !important;border-radius:20px !important}
    .bk-auth-visual{min-height:300px !important;border-radius:20px !important}
}

/* 2026-09-24 final auth proportions and dark-mode polish */
.bk-auth-page{
    padding:22px 14px 46px !important;
    background:
        radial-gradient(circle at 94% 4%,rgba(13,148,136,.09),transparent 25%),
        radial-gradient(circle at 6% 96%,rgba(15,118,110,.055),transparent 26%),
        #f4f9f7 !important;
}
.bk-auth-shell{
    width:min(1460px,calc(100vw - 28px)) !important;
    max-width:1460px !important;
    gap:28px !important;
}
.bk-auth-visual{
    min-height:748px !important;
    border-radius:30px !important;
    border:1px solid rgba(15,118,110,.14) !important;
    box-shadow:0 30px 78px rgba(15,23,42,.12) !important;
}
.bk-auth-form-column{
    flex:0 0 540px !important;
    width:540px !important;
    max-width:540px !important;
    gap:15px !important;
}
.bk-auth-card{
    min-height:748px !important;
    padding:36px 38px 32px !important;
    border-radius:30px !important;
    border:1px solid rgba(15,23,42,.075) !important;
    box-shadow:0 30px 78px rgba(15,23,42,.10) !important;
}
.bk-auth-title{
    margin-bottom:22px !important;
    font-size:24px !important;
}
.bk-google-area{
    margin-bottom:18px !important;
}
.bk-google-wrap{
    min-height:48px !important;
}
.bk-input{
    height:50px !important;
    min-height:50px !important;
    font-size:13px !important;
}
.bk-submit{
    min-height:50px !important;
}
.bk-password-meta{
    margin-top:0 !important;
}
.bk-agency-note-outside{
    padding:14px 16px !important;
    border-radius:16px !important;
}
.bk-agency-note-outside span{
    font-size:10.4px !important;
    line-height:1.95 !important;
}
.bk-agency-note-outside a{
    margin-top:5px !important;
}
.bk-auth-media-fallback{
    background:linear-gradient(145deg,#dcebe6,#cbded8) !important;
}
html[data-theme="dark"] .bk-auth-page{
    background:
        radial-gradient(circle at 92% 4%,rgba(20,184,166,.08),transparent 26%),
        radial-gradient(circle at 7% 96%,rgba(13,148,136,.06),transparent 27%),
        #06100d !important;
}
html[data-theme="dark"] .bk-auth-card{
    background:linear-gradient(180deg,#0f1b18 0%,#0a1412 100%) !important;
    border-color:rgba(94,234,212,.11) !important;
    box-shadow:0 34px 90px rgba(0,0,0,.42) !important;
}
html[data-theme="dark"] .bk-auth-visual{
    background:#091713 !important;
    border-color:rgba(94,234,212,.13) !important;
    box-shadow:0 34px 90px rgba(0,0,0,.40) !important;
}
html[data-theme="dark"] .bk-auth-title{
    color:#f0fdfa !important;
}
html[data-theme="dark"] .bk-role-pill{
    background:rgba(13,148,136,.12) !important;
    border-color:rgba(94,234,212,.12) !important;
    color:#99f6e4 !important;
}
html[data-theme="dark"] .bk-auth-tabs{
    background:#111e1a !important;
    border-color:rgba(94,234,212,.09) !important;
}
html[data-theme="dark"] .bk-auth-tab{
    color:#8fa9a2 !important;
}
html[data-theme="dark"] .bk-auth-tab.active{
    color:#fff !important;
    background:linear-gradient(135deg,#0f766e,#0d9488) !important;
    box-shadow:0 8px 22px rgba(13,148,136,.17) !important;
}
html[data-theme="dark"] .bk-input{
    background:#091310 !important;
    border-color:#29433c !important;
    color:#f0fdfa !important;
}
html[data-theme="dark"] .bk-input::placeholder{
    color:#78918b !important;
}
html[data-theme="dark"] .bk-pass-toggle{
    background:#14231f !important;
    color:#8fa9a2 !important;
}
html[data-theme="dark"] .bk-security-note{
    background:#0d1815 !important;
    border-color:#20352f !important;
    color:#829d96 !important;
}
html[data-theme="dark"] .bk-google-wrap{
    background:#fff !important;
    border-radius:12px !important;
}
html[data-theme="dark"] .bk-agency-note-outside{
    background:linear-gradient(135deg,rgba(15,118,110,.12),rgba(6,78,59,.08)) !important;
    border-color:rgba(94,234,212,.13) !important;
}
html[data-theme="dark"] .bk-auth-media-fallback{
    background:linear-gradient(145deg,#10231e,#091411) !important;
}
@media(max-width:1280px){
    .bk-auth-shell{
        width:min(1180px,calc(100vw - 28px)) !important;
        gap:22px !important;
    }
    .bk-auth-form-column{
        flex-basis:500px !important;
        width:500px !important;
        max-width:500px !important;
    }
    .bk-auth-card,
    .bk-auth-visual{
        min-height:700px !important;
    }
}
@media(max-width:980px){
    .bk-auth-shell{
        width:min(700px,calc(100vw - 24px)) !important;
        max-width:700px !important;
        flex-direction:column !important;
    }
    .bk-auth-form-column{
        width:100% !important;
        max-width:none !important;
        flex:0 0 auto !important;
    }
    .bk-auth-card{
        min-height:0 !important;
    }
    .bk-auth-visual{
        width:100% !important;
        min-height:420px !important;
    }
}
@media(max-width:520px){
    .bk-auth-page{padding:14px 8px 30px !important}
    .bk-auth-shell{width:100% !important}
    .bk-auth-card{padding:22px 18px 20px !important;border-radius:21px !important}
    .bk-auth-visual{min-height:310px !important;border-radius:21px !important}
}

/* 2026-09-24 auth final visual polish */
.bk-auth-page{
    padding:22px 10px 50px !important;
}
.bk-auth-shell{
    width:min(1500px,calc(100vw - 20px)) !important;
    max-width:1500px !important;
    gap:30px !important;
}
.bk-auth-form-column{
    flex:0 0 560px !important;
    width:560px !important;
    max-width:560px !important;
    gap:16px !important;
}
.bk-auth-card{
    min-height:780px !important;
    padding:38px 40px 34px !important;
    border-radius:30px !important;
}
.bk-auth-visual{
    min-height:780px !important;
    border-radius:30px !important;
}
.bk-auth-media-slide{
    object-position:center center;
}
.bk-auth-head{
    margin-bottom:16px !important;
}
.bk-auth-tabs{
    margin-bottom:24px !important;
}
.bk-auth-title{
    margin-bottom:22px !important;
}
.bk-google-area{
    margin-bottom:18px !important;
}
.bk-google-wrap{
    min-height:50px !important;
}
.bk-input{
    height:50px !important;
    min-height:50px !important;
}
.bk-submit{
    min-height:50px !important;
}
.bk-agency-note-outside{
    padding:14px 16px !important;
    background:linear-gradient(135deg,#f0fdfa 0%,#ecfdf5 100%) !important;
    border:1px solid rgba(13,148,136,.18) !important;
    box-shadow:0 14px 34px rgba(15,118,110,.07) !important;
}
.bk-agency-note-outside span{
    font-size:10.7px !important;
    line-height:1.95 !important;
}
html[data-theme="dark"] .bk-auth-page{
    background:
        radial-gradient(circle at 92% 4%,rgba(20,184,166,.095),transparent 27%),
        radial-gradient(circle at 8% 96%,rgba(13,148,136,.07),transparent 29%),
        linear-gradient(180deg,#07110f 0%,#06100d 100%) !important;
}
html[data-theme="dark"] .bk-auth-card{
    background:linear-gradient(180deg,#101d19 0%,#0a1512 100%) !important;
    border:1px solid rgba(94,234,212,.13) !important;
    box-shadow:0 34px 90px rgba(0,0,0,.43) !important;
}
html[data-theme="dark"] .bk-auth-visual{
    background:#091713 !important;
    border:1px solid rgba(94,234,212,.15) !important;
    box-shadow:0 34px 90px rgba(0,0,0,.41) !important;
}
html[data-theme="dark"] .bk-auth-tabs{
    background:#12201c !important;
    border-color:rgba(94,234,212,.11) !important;
}
html[data-theme="dark"] .bk-input{
    background:#0a1512 !important;
    border-color:#2a443d !important;
    color:#f0fdfa !important;
}
html[data-theme="dark"] .bk-input::placeholder{
    color:#78958d !important;
}
html[data-theme="dark"] .bk-input:focus{
    border-color:#2dd4bf !important;
    box-shadow:0 0 0 3px rgba(45,212,191,.10) !important;
}
html[data-theme="dark"] .bk-agency-note-outside{
    background:linear-gradient(135deg,rgba(15,118,110,.16),rgba(6,78,59,.10)) !important;
    border-color:rgba(94,234,212,.17) !important;
    box-shadow:0 14px 34px rgba(0,0,0,.10) !important;
}
@media(max-width:1320px){
    .bk-auth-shell{
        width:min(1240px,calc(100vw - 24px)) !important;
        gap:24px !important;
    }
    .bk-auth-form-column{
        flex-basis:520px !important;
        width:520px !important;
        max-width:520px !important;
    }
    .bk-auth-card,
    .bk-auth-visual{
        min-height:720px !important;
    }
}
@media(max-width:980px){
    .bk-auth-shell{
        width:min(720px,calc(100vw - 20px)) !important;
        max-width:720px !important;
        gap:16px !important;
    }
    .bk-auth-form-column{
        width:100% !important;
        max-width:none !important;
    }
    .bk-auth-card{
        min-height:0 !important;
    }
    .bk-auth-visual{
        min-height:430px !important;
    }
}
@media(max-width:520px){
    .bk-auth-page{padding:12px 8px 28px !important}
    .bk-auth-shell{width:100% !important}
    .bk-auth-card{padding:23px 18px 21px !important;border-radius:21px !important}
    .bk-auth-visual{min-height:315px !important;border-radius:21px !important}
}

/* Firefox-safe final auth composition */
.bk-auth-page{
    width:100% !important;
    box-sizing:border-box !important;
    padding:22px 12px 46px !important;
}
.bk-auth-shell{
    width:min(1320px,100%) !important;
    max-width:1320px !important;
    box-sizing:border-box !important;
    gap:24px !important;
    overflow:visible !important;
}
.bk-auth-form-column{
    flex:0 0 500px !important;
    width:500px !important;
    max-width:500px !important;
}
.bk-auth-card,
.bk-auth-visual{
    min-height:710px !important;
}
.bk-auth-card{
    padding:34px 34px 30px !important;
}
@media(max-width:1180px){
    .bk-auth-shell{
        width:min(1120px,100%) !important;
        gap:20px !important;
    }
    .bk-auth-form-column{
        flex-basis:480px !important;
        width:480px !important;
        max-width:480px !important;
    }
    .bk-auth-card,
    .bk-auth-visual{
        min-height:680px !important;
    }
}
@media(max-width:980px){
    .bk-auth-shell{
        width:min(700px,100%) !important;
        max-width:700px !important;
    }
    .bk-auth-form-column{
        width:100% !important;
        max-width:none !important;
        flex:0 0 auto !important;
    }
    .bk-auth-card{
        min-height:0 !important;
    }
    .bk-auth-visual{
        min-height:410px !important;
    }
}

/* 2026-09-24 auth alignment / agency-note final */
.bk-auth-shell{
    align-items:stretch !important;
}
.bk-auth-form-column{
    align-self:stretch !important;
    display:flex !important;
}
.bk-auth-card{
    flex:1 1 auto !important;
    width:100% !important;
    height:100% !important;
    display:flex !important;
    flex-direction:column !important;
}
.bk-auth-visual{
    align-self:stretch !important;
    height:auto !important;
}
.bk-agency-note-inside{
    margin-top:20px !important;
    padding:13px 14px !important;
    border-radius:14px !important;
    background:linear-gradient(135deg,#f0fdfa 0%,#ecfdf5 100%) !important;
    border:1px solid rgba(13,148,136,.18) !important;
    box-shadow:none !important;
}
.bk-agency-note-inside>i{
    width:34px !important;
    height:34px !important;
    flex:0 0 34px !important;
    border-radius:10px !important;
}
.bk-agency-note-inside span{
    color:#3f6259 !important;
    font-size:10.3px !important;
    line-height:1.95 !important;
}
.bk-agency-note-inside b{
    color:#065f46 !important;
}
.bk-agency-note-inside a{
    display:inline-flex !important;
    width:max-content !important;
    margin-top:5px !important;
    color:#0f766e !important;
    font-size:10.4px !important;
    font-weight:950 !important;
    text-decoration:none !important;
}
.bk-remember{
    display:inline-flex !important;
    width:max-content !important;
    max-width:100% !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:6px !important;
    direction:rtl !important;
    margin:6px 0 14px !important;
    white-space:nowrap !important;
}
.bk-remember input{
    width:16px !important;
    height:16px !important;
    min-width:16px !important;
    margin:0 !important;
    padding:0 !important;
    flex:0 0 16px !important;
}
.bk-remember span{
    display:inline !important;
    line-height:1.5 !important;
}
html[data-theme="dark"] .bk-agency-note-inside{
    background:linear-gradient(135deg,rgba(15,118,110,.16),rgba(6,78,59,.10)) !important;
    border-color:rgba(94,234,212,.16) !important;
}
html[data-theme="dark"] .bk-agency-note-inside span{
    color:#a7c7bf !important;
}
html[data-theme="dark"] .bk-agency-note-inside b,
html[data-theme="dark"] .bk-agency-note-inside a{
    color:#5eead4 !important;
}

/* Firefox flex min-content guard */
.bk-auth-shell{
    overflow:visible !important;
}
.bk-auth-visual{
    flex:1 1 0% !important;
    min-width:0 !important;
    width:auto !important;
    max-width:none !important;
}
.bk-auth-form-column{
    min-width:0 !important;
    flex-shrink:0 !important;
}
@media(max-width:980px){
    .bk-auth-visual,
    .bk-auth-form-column{
        width:100% !important;
        max-width:100% !important;
    }
}

/* Cross-browser final auth grid */
.bk-auth-shell{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(440px,500px) !important;
    grid-template-areas:"visual form" !important;
    direction:ltr !important;
    align-items:stretch !important;
    width:min(1320px,100%) !important;
    max-width:1320px !important;
    gap:24px !important;
}
.bk-auth-visual{
    grid-area:visual !important;
    grid-column:auto !important;
    grid-row:auto !important;
    order:initial !important;
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    height:100% !important;
    min-height:710px !important;
    flex:none !important;
}
.bk-auth-form-column{
    grid-area:form !important;
    grid-column:auto !important;
    grid-row:auto !important;
    order:initial !important;
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    height:100% !important;
    flex:none !important;
    display:flex !important;
}
.bk-auth-card{
    width:100% !important;
    height:100% !important;
    min-height:710px !important;
    flex:1 1 auto !important;
}
@media(max-width:1180px){
    .bk-auth-shell{
        grid-template-columns:minmax(0,1fr) minmax(420px,470px) !important;
        width:min(1120px,100%) !important;
        gap:20px !important;
    }
}
@media(max-width:980px){
    .bk-auth-shell{
        grid-template-columns:1fr !important;
        grid-template-areas:"form" "visual" !important;
        width:min(700px,100%) !important;
        max-width:700px !important;
    }
    .bk-auth-card{
        min-height:0 !important;
    }
    .bk-auth-visual{
        min-height:410px !important;
    }
}

/* iPhone/Safari auth and header layout: final responsive overrides */
@media (max-width: 760px) {
    .bk-navbar-auth .bk-nav-inner {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        grid-template-areas: "brand actions" "menu menu" !important;
        align-items: center !important;
        gap: 6px 12px !important;
        padding: 8px 0 !important;
        min-height: 0 !important;
    }
    .bk-navbar-auth .bk-header-main { display: contents !important; }
    .bk-navbar-auth .bk-brand {
        grid-area: brand !important; justify-self: start !important;
        min-width: 0 !important; gap: 0 !important;
    }
    .bk-navbar-auth .bk-brand-logo-box {
        width: 44px !important; height: 44px !important; min-width: 44px !important;
        flex: 0 0 44px !important; border-radius: 11px !important;
    }
    .bk-navbar-auth .bk-menu {
        grid-area: menu !important; display: flex !important; width: 100% !important;
        max-width: 100% !important; min-width: 0 !important; flex-wrap: nowrap !important;
        justify-content: flex-start !important; gap: 4px !important;
        overflow-x: auto !important; overflow-y: hidden !important; white-space: nowrap !important;
        -webkit-overflow-scrolling: touch; scrollbar-width: none; padding: 0 0 2px !important;
    }
    .bk-navbar-auth .bk-menu::-webkit-scrollbar { display: none; }
    .bk-navbar-auth .bk-menu a {
        flex: 0 0 auto !important; white-space: nowrap !important;
        font-size: 12px !important; padding: 7px 9px !important;
    }
    .bk-navbar-auth .bk-actions {
        grid-area: actions !important; justify-self: end !important;
        justify-content: flex-end !important; flex-wrap: nowrap !important;
        min-width: 0 !important; gap: 6px !important;
    }
    .bk-navbar-auth .bk-actions .bk-btn {
        min-width: 42px !important; width: auto !important;
        height: 40px !important; padding: 0 10px !important; white-space: nowrap !important;
    }
    .bk-auth-page {
        width: 100% !important; min-width: 0 !important;
        min-height: calc(100vh - 76px) !important;
        min-height: calc(100svh - 76px) !important;
        box-sizing: border-box !important; padding: 16px 12px 30px !important;
        overflow-x: clip !important;
    }
    .bk-auth-shell {
        display: grid !important; grid-template-columns: minmax(0, 1fr) !important;
        grid-template-areas: "form" "visual" !important;
        width: min(680px, 100%) !important; max-width: 680px !important;
        min-width: 0 !important; gap: 14px !important; margin-inline: auto !important;
        overflow: visible !important;
    }
    .bk-auth-form-column {
        grid-area: form !important; grid-column: 1 !important; grid-row: 1 !important;
        width: 100% !important; max-width: 100% !important; min-width: 0 !important;
        height: auto !important; min-height: 0 !important; flex: initial !important;
    }
    .bk-auth-card {
        width: 100% !important; max-width: 100% !important; height: auto !important;
        min-height: 0 !important; box-sizing: border-box !important;
    }
    .bk-auth-visual {
        grid-area: visual !important; grid-column: 1 !important; grid-row: 2 !important;
        width: 100% !important; max-width: 100% !important; min-width: 0 !important;
        height: clamp(240px, 56vw, 360px) !important; min-height: 0 !important;
        max-height: 360px !important; box-sizing: border-box !important;
    }
    .bk-auth-tabs {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        width: 100% !important; min-width: 0 !important;
    }
    .bk-auth-tab {
        min-width: 0 !important; padding: 8px 5px !important; text-align: center !important;
        white-space: normal !important; overflow-wrap: anywhere !important; line-height: 1.45 !important;
    }
    .bk-auth-title {
        max-width: 100% !important; overflow-wrap: anywhere !important; line-height: 1.5 !important;
    }
    .bk-auth-card form, .bk-auth-card input, .bk-google-area, .bk-google-wrap {
        min-width: 0 !important; max-width: 100% !important; box-sizing: border-box !important;
    }
    .bk-auth-card input { font-size: 16px !important; }
}
@media (max-width: 520px) {
    .bk-auth-page { padding: 14px 10px 26px !important; }
    .bk-auth-shell { width: 100% !important; max-width: 480px !important; gap: 12px !important; }
    .bk-auth-card { padding: 20px 16px 18px !important; border-radius: 20px !important; }
    .bk-auth-head { min-width: 0 !important; gap: 8px !important; }
    .bk-auth-tabs { gap: 5px !important; padding: 5px !important; margin-bottom: 18px !important; }
    .bk-auth-tab { min-height: 42px !important; font-size: 12px !important; }
    .bk-auth-title { font-size: clamp(19px, 5.5vw, 22px) !important; }
    .bk-auth-visual {
        height: clamp(220px, 70vw, 300px) !important;
        max-height: 300px !important; border-radius: 20px !important;
    }
}
@media (max-width: 360px) {
    .bk-navbar-auth .bk-menu a { font-size: 11px !important; padding: 6px 8px !important; }
    .bk-auth-card { padding-inline: 14px !important; }
    .bk-auth-tab { font-size: 11px !important; }
}


/* 2026-10-29 auth compact viewport balance — eNamad moved to footer */
@media (min-width: 981px) {
    .bk-auth-page{
        padding:18px 20px 26px !important;
        min-height:calc(100vh - 76px) !important;
    }
    .bk-auth-shell{
        width:min(1180px,calc(100vw - 40px)) !important;
        max-width:1180px !important;
        grid-template-columns:minmax(0,1fr) minmax(400px,455px) !important;
        gap:20px !important;
        align-items:stretch !important;
    }
    .bk-auth-visual,
    .bk-auth-card{
        height:clamp(548px,calc(100vh - 118px),640px) !important;
        min-height:548px !important;
        max-height:640px !important;
    }
    .bk-auth-form-column{
        height:clamp(548px,calc(100vh - 118px),640px) !important;
        min-height:548px !important;
        max-height:640px !important;
    }
    .bk-auth-card{
        padding:23px 27px 21px !important;
        overflow:auto !important;
        scrollbar-width:thin;
    }
    .bk-auth-head{margin-bottom:10px !important;}
    .bk-auth-tabs{margin-bottom:16px !important;}
    .bk-auth-title{margin-bottom:12px !important;font-size:20px !important;}
    .bk-google-area{margin-bottom:0 !important;}
    .bk-divider{margin:10px 0 12px !important;}
    .bk-field{margin-bottom:10px !important;}
    .bk-input{height:42px !important;min-height:42px !important;}
    .bk-submit{min-height:42px !important;}
    .bk-remember{margin:2px 0 10px !important;}
    .bk-agency-note-inside{margin-top:10px !important;padding:8px 10px !important;}
}
@media (min-width:981px) and (max-height:720px){
    .bk-auth-page{padding-top:12px !important;padding-bottom:18px !important;}
    .bk-auth-visual,.bk-auth-card,.bk-auth-form-column{
        height:clamp(520px,calc(100vh - 100px),600px) !important;
        min-height:520px !important;
    }
    .bk-auth-card{padding-top:18px !important;padding-bottom:17px !important;}
    .bk-role-pill{min-height:27px !important;}
    .bk-auth-tabs{margin-bottom:12px !important;}
    .bk-auth-title{margin-bottom:9px !important;font-size:19px !important;}
}

/* 2026-10-29 auth height +4cm (~151px at 96dpi) */
@media (min-width: 981px) {
    .bk-auth-visual,
    .bk-auth-card,
    .bk-auth-form-column{
        height:clamp(699px,calc(100vh + 33px),791px) !important;
        min-height:699px !important;
        max-height:791px !important;
    }
}
@media (min-width:981px) and (max-height:720px){
    .bk-auth-visual,
    .bk-auth-card,
    .bk-auth-form-column{
        height:clamp(671px,calc(100vh + 51px),751px) !important;
        min-height:671px !important;
        max-height:751px !important;
    }
}