/*
 * Bimehkar Reference UI v81 — pixel-alignment and brand-lock pass.
 * Loaded after v80. Original project logo assets are never recolored or filtered.
 */
:root{
  --bk81-blue:#0a63f6;
  --bk81-blue-deep:#0754d6;
  --bk81-navy:#06245a;
  --bk81-sidebar:#05245a;
  --bk81-sidebar-deep:#031a43;
  --bk81-ink:#12213e;
  --bk81-text:#44536b;
  --bk81-muted:#7f8ba0;
  --bk81-line:#e6ebf2;
  --bk81-soft:#f7f9fc;
  --bk81-soft-blue:#f1f6ff;
  --bk81-card:#ffffff;
  --bk81-radius:14px;
  --bk81-radius-sm:10px;
  --bk81-shadow:0 5px 20px rgba(8,36,81,.045);
  --bk81-shadow-raised:0 10px 30px rgba(8,36,81,.075);
  --bk81-container:1180px;
}

/* ---------- universal alignment ---------- */
html,body{min-width:320px}
body{font-size:13px;line-height:1.7}
.container{width:min(var(--bk81-container),calc(100% - 48px))!important;max-width:var(--bk81-container)!important}
h1,h2,h3,h4,p{overflow-wrap:anywhere}
button,input,select,textarea{font:inherit}
input,select,textarea{font-size:13px!important}
.btn,.small-btn,.tp-btn{font-size:12px!important;letter-spacing:0!important}
.card,.table-card,.chart-card,.report-card,.customer-card,.auth-card,.tp-card{overflow:hidden}

/* All product/app logos are treated as locked artwork. */
.bk47-brand img,.bk47-footer .footer-brand img,.sidebar .logo-image,.customer-header .brand img,.auth-logo img,.tp-brand img,.tp-login-logo img{
  filter:none!important;mix-blend-mode:normal!important;opacity:1!important;object-fit:contain!important;
}

/* ---------- PUBLIC: header ---------- */
.bk47-header{height:72px!important;background:#fff!important;border-bottom:1px solid #edf1f6!important;box-shadow:0 2px 18px rgba(8,36,81,.025)!important}
.bk47-header .bk47-nav{height:72px!important;gap:24px!important;direction:rtl!important}
.bk47-brand{
  margin-left:2px!important;margin-right:0!important;width:152px!important;height:46px!important;min-width:152px!important;
  padding:7px 12px!important;border-radius:11px!important;background:linear-gradient(135deg,#052259,#0b3d86)!important;
  display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:none!important;
}
.bk47-brand img{width:auto!important;height:31px!important;max-width:128px!important}
.bk47-desktop-nav{gap:26px!important;white-space:nowrap!important}
.bk47-desktop-nav a{font-size:12px!important;font-weight:700!important;color:#43516a!important;padding:26px 0!important}
.bk47-nav-actions{gap:9px!important}
.bk58-login{height:38px!important;padding-inline:16px!important;border-radius:9px!important;font-size:11px!important}
.bk58-search-trigger,.bk47-menu-button{width:38px!important;height:38px!important;border-radius:9px!important}
.bk47-menu-button{display:none!important}

/* ---------- PUBLIC: reference home composition ---------- */
.bk80-home-hero{padding:30px 0 20px!important}
.bk80-home-hero-grid{grid-template-columns:minmax(390px,.92fr) minmax(570px,1.18fr)!important;gap:34px!important;min-height:350px!important;align-items:center!important}
.bk80-home-copy{padding:10px 0!important;align-self:center!important}
.bk80-home-kicker{font-size:10px!important;margin-bottom:8px!important}
.bk80-home-copy h1{font-size:38px!important;line-height:1.48!important;letter-spacing:-1px!important;margin:0 0 11px!important;max-width:480px!important}
.bk80-home-copy>p{font-size:12px!important;line-height:2!important;max-width:500px!important;margin-bottom:13px!important}
.bk80-home-checks{gap:7px 18px!important;margin-top:13px!important;max-width:500px!important}
.bk80-home-checks span{font-size:10px!important;white-space:nowrap!important}
.bk80-feature-cards{gap:12px!important;align-items:stretch!important}
.bk80-feature-card{min-height:286px!important;padding:17px 15px 14px!important;border-radius:15px!important;box-shadow:0 5px 18px rgba(8,36,81,.045)!important}
.bk80-feature-card h3{font-size:14px!important;line-height:1.5!important}
.bk80-feature-card p{font-size:9px!important;line-height:1.9!important;min-height:39px!important}
.bk80-feature-visual{height:133px!important;margin:5px 0 3px!important}
.bk80-feature-visual:before{width:112px!important;height:112px!important;border-radius:30px!important}
.bk80-feature-visual img{width:92px!important;height:92px!important}
.bk80-feature-card>a{height:36px!important;border-radius:9px!important;font-size:10px!important}

.bk80-section{padding:27px 0!important}
.bk80-section-head{margin-bottom:14px!important;align-items:center!important}
.bk80-section-head h2{font-size:18px!important;line-height:1.45!important}
.bk80-section-head p{font-size:10px!important;line-height:1.8!important}
.bk80-insurance-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:9px!important}
.bk80-insurance-card{min-height:98px!important;border-radius:12px!important;font-size:10px!important;gap:6px!important;box-shadow:none!important}
.bk80-insurance-card img{width:43px!important;height:43px!important}
.bk80-home-split{gap:11px!important}
.bk80-home-banner{min-height:154px!important;border-radius:14px!important;box-shadow:none!important}
.bk80-home-banner-copy{padding:19px 20px!important}
.bk80-home-banner h3{font-size:15px!important}
.bk80-app-card,.bk80-trust-strip{box-shadow:none!important}

/* Public inner pages: one rhythm for every title, card and form. */
.bk47-page-hero,.health-hero,.bk61-mag-hero-section{padding:30px 0!important}
.bk47-page-hero .container,.health-hero .container,.bk61-mag-hero-section .container{max-width:1180px!important}
.bk47-page-hero h1,.health-hero h1,.bk61-mag-hero-copy h1{font-size:27px!important;line-height:1.55!important;margin-bottom:7px!important}
.bk47-page-hero p,.health-hero p,.bk61-mag-hero-copy p{font-size:12px!important;max-width:720px!important}
.bk47-content-page,.bk47-contact-section,.bk47-support-section,.bk47-subservices,.health-content-section,.health-calculator-section,.health-info-section,.health-form-section{padding-top:28px!important;padding-bottom:28px!important}
.bk47-category-grid,.bk47-subservice-grid,.bk47-feature-grid,.bk47-value-grid,.health-benefit-grid,.health-info-grid,.bk61-card-grid{gap:11px!important}
.bk47-category-card,.bk47-service-card,.bk47-subservice-card,.bk47-prose-card,.bk47-support-form-card,.health-hero-card,.health-calculator-card,.health-info-grid article{border-radius:14px!important;box-shadow:none!important}

/* Forms: Azki-like clean, stable field geometry. */
.clean-form,.claim-form,.corporate-form,.health-form,.tp-form{gap:14px!important}
.clean-form label,.claim-form label,.corporate-form label,.health-form label,.tp-form label{display:grid;gap:6px;font-size:11px!important;font-weight:750!important;color:#526078!important}
input[type=text],input[type=password],input[type=number],input[type=date],input[type=email],input[type=tel],input[type=search],select,.form-control,.control{
  min-height:44px!important;height:44px;border-radius:10px!important;padding-inline:12px!important;
}
textarea{border-radius:10px!important;padding:11px 12px!important;line-height:1.9!important}
.form-grid-2,.health-form-grid{gap:12px!important}
.auth-layout{max-width:1180px!important;margin:0 auto!important;min-height:calc(100vh - 72px)!important;background:#fff!important}
.auth-visual{padding:44px!important}
.auth-card-wrap{padding:34px!important}
.auth-card{max-width:470px!important;margin:auto!important;padding:24px!important;box-shadow:none!important}

/* Footer: retain locked white brand artwork on a navy plate so it remains legible. */
.brand-footer.bk47-footer{margin-top:28px!important}
.bk47-footer .footer-grid{padding-top:30px!important;padding-bottom:22px!important;gap:24px!important}
.bk47-footer .footer-brand img{height:31px!important;max-width:128px!important}
.bk47-footer .footer-brand{position:relative}
.bk47-footer .footer-brand:before{content:"";position:absolute;right:-10px;top:-7px;width:150px;height:45px;background:#052259;border-radius:10px;z-index:0}
.bk47-footer .footer-brand img{position:relative;z-index:1;margin:0 4px 12px!important}

/* ---------- ADMIN shell: reference proportions ---------- */
body.bk58-panel-shell{background:#f5f8fc!important;color:var(--bk81-ink)!important}
body.bk58-panel-shell .sidebar{width:220px!important;background:linear-gradient(180deg,#052259 0%,#073474 100%)!important;box-shadow:none!important}
body.bk58-panel-shell .sidebar-header{height:92px!important;padding:18px 14px 12px!important}
body.bk58-panel-shell .sidebar .logo{height:56px!important;min-height:56px!important;padding:6px 8px!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:11px!important;background:rgba(255,255,255,.035)!important}
body.bk58-panel-shell .sidebar .logo-image{width:158px!important;max-height:42px!important}
body.bk58-panel-shell .sidebar-menu{height:calc(100vh - 92px)!important;padding:9px 11px 146px!important}
body.bk58-panel-shell .menu-group{margin-bottom:3px!important}
body.bk58-panel-shell .menu-group-header{min-height:42px!important;padding:0 10px!important;border-radius:9px!important;font-size:11px!important;gap:9px!important}
body.bk58-panel-shell .menu-group-header .group-icon{width:24px!important;height:24px!important;border-radius:7px!important;background:rgba(255,255,255,.08)!important;display:grid!important;place-items:center!important;font-size:12px!important}
body.bk58-panel-shell .menu-group.has-active>.menu-group-header{background:rgba(255,255,255,.075)!important}
body.bk58-panel-shell .menu-items{padding:3px 4px 4px 0!important}
body.bk58-panel-shell .menu-item{min-height:36px!important;border-radius:8px!important;font-size:10.5px!important;padding:0 9px!important}
body.bk58-panel-shell .menu-item.active{background:#0a63f6!important;box-shadow:0 7px 18px rgba(0,95,244,.24)!important}
body.bk58-panel-shell .bk80-sidebar-footer{right:11px!important;left:11px!important;bottom:11px!important;padding-top:9px!important}
body.bk58-panel-shell .bk80-sidebar-site{height:43px!important;border-radius:9px!important;font-size:10px!important}
body.bk58-panel-shell .bk80-sidebar-brand{margin-top:9px!important;padding:8px 4px!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:9px!important;background:rgba(255,255,255,.025)!important}

body.bk58-panel-shell .main{margin-right:220px!important;width:calc(100% - 220px)!important;min-height:100vh!important;background:#f5f8fc!important}
body.bk58-panel-shell .app>.main>.header{height:68px!important;min-height:68px!important;padding:0 18px!important;background:#fff!important;border-bottom:1px solid #e8edf4!important;box-shadow:none!important;display:grid!important;grid-template-columns:minmax(170px,1fr) minmax(300px,430px) minmax(310px,1fr)!important;align-items:center!important;gap:16px!important;direction:rtl!important;position:sticky!important;top:0!important;z-index:60!important}
body.bk58-panel-shell .header-context{min-width:0!important;display:flex!important;align-items:center!important;gap:10px!important}
body.bk58-panel-shell .header-page-meta{min-width:0!important}
body.bk58-panel-shell .header-page-title{font-size:12px!important;color:#182946!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.bk58-panel-shell .header-date{font-size:8.5px!important;color:#8a96a8!important;white-space:nowrap!important}
body.bk58-panel-shell .header-left{margin:0!important;justify-self:end!important;display:flex!important;align-items:center!important;gap:7px!important;direction:ltr!important;position:static!important}
body.bk58-panel-shell .header-action-btn,body.bk58-panel-shell .notif-btn{width:36px!important;height:36px!important;border:0!important;background:#fff!important;border-radius:9px!important;color:#53627b!important}
body.bk58-panel-shell .header-action-btn:hover,body.bk58-panel-shell .notif-btn:hover{background:#f4f7fb!important;color:#0a63f6!important}
body.bk58-panel-shell .avatar-btn{height:46px!important;padding:0 6px!important;border:0!important;background:#fff!important;gap:7px!important}
body.bk58-panel-shell .avatar-icon{width:35px!important;height:35px!important;background:#f4e5d7!important;color:#8d5d3c!important}
body.bk58-panel-shell .header-user-summary strong{font-size:10.5px!important;color:#24334c!important}
body.bk58-panel-shell .header-user-summary span{font-size:8px!important;color:#8995a7!important}
.bk81-mobile-admin-brand{display:none}

/* Global search is a permanent centered field on desktop, like the approved dashboard. */
body.bk58-panel-shell .bk55-global-search{position:absolute!important;left:50%!important;top:14px!important;transform:translateX(-50%)!important;width:min(360px,34vw)!important;direction:rtl!important;z-index:2!important}
body.bk58-panel-shell .bk55-search-trigger{display:none!important}
body.bk58-panel-shell .global-search.bk55-search-popover{display:flex!important;position:static!important;visibility:visible!important;opacity:1!important;transform:none!important;width:100%!important;height:40px!important;padding:0!important;background:#f6f8fb!important;border:1px solid #e9edf3!important;border-radius:9px!important;box-shadow:none!important;overflow:hidden!important}
body.bk58-panel-shell .global-search.bk55-search-popover input{height:38px!important;min-height:38px!important;border:0!important;background:transparent!important;border-radius:0!important;padding:0 13px!important;font-size:10px!important;box-shadow:none!important}
body.bk58-panel-shell .global-search.bk55-search-popover button{width:40px!important;height:38px!important;border:0!important;background:transparent!important;color:#60718d!important}
body.bk58-panel-shell .header-left{grid-column:3!important;grid-row:1!important}
body.bk58-panel-shell .header-context{grid-column:1!important;grid-row:1!important}
body.bk58-panel-shell .content{padding:20px 18px 30px!important;max-width:1480px!important;width:100%!important;margin:0 auto!important}

/* Dashboard: target order and density. */
body.bk58-tab-dashboard .bk71-desk-nav{display:none!important}
body.bk58-tab-dashboard .bk71-health-strip{display:none!important}
.bk80-dashboard{gap:12px!important}
.bk80-dashboard-head{min-height:54px!important;align-items:center!important}
.bk80-dashboard-welcome .wave{font-size:27px!important}
.bk80-dashboard-welcome h1{font-size:18px!important;letter-spacing:-.2px!important}
.bk80-dashboard-welcome p{font-size:9.5px!important}
.bk80-date-chip{height:39px!important;padding:0 12px!important;border-radius:9px!important;box-shadow:none!important}
.bk80-kpis{gap:10px!important}
.bk80-kpi{min-height:130px!important;padding:13px 13px 37px!important;border-radius:12px!important;box-shadow:none!important}
.bk80-kpi-title{font-size:10px!important}
.bk80-kpi-icon{width:34px!important;height:34px!important;border-radius:9px!important}
.bk80-kpi-value{font-size:23px!important;margin-top:6px!important}
.bk80-kpi-meta{font-size:8px!important;margin-top:7px!important}
.bk80-kpi-link{height:27px!important;border-radius:7px!important;font-size:8px!important}
.bk80-dashboard-grid{grid-template-columns:1.15fr .85fr!important;gap:10px!important;direction:ltr!important}
.bk80-dashboard-grid>*{direction:rtl!important}
.bk80-chart-panel,.bk80-panel,.bk71-action-card{border-radius:12px!important;box-shadow:none!important}
.bk80-panel-head{height:45px!important;padding:0 13px!important}
.bk80-panel-head h2{font-size:11px!important}
.bk80-chart-wrap{height:218px!important}
.bk80-dashboard-tables{gap:10px!important;direction:ltr!important}
.bk80-dashboard-tables>*{direction:rtl!important}
.bk80-dashboard-table table{table-layout:fixed!important}
.bk80-dashboard-table th,.bk80-dashboard-table td{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.bk80-quick-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important}
.bk80-quick-link{min-height:64px!important;border-radius:9px!important;font-size:8.5px!important;box-shadow:none!important}
.bk80-quick-link i{font-size:17px!important}

/* Every admin table uses one visual geometry, without crushing wide data. */
body.bk58-panel-shell .table-wrapper,body.bk58-panel-shell .table-container,body.bk58-panel-shell .bk71-table-scroll{border-radius:10px!important;box-shadow:none!important;overflow:auto!important;overscroll-behavior-inline:contain!important}
body.bk58-panel-shell table{font-variant-numeric:tabular-nums!important}
body.bk58-panel-shell thead th{height:40px!important;padding:9px 10px!important;font-size:10px!important;white-space:nowrap!important}
body.bk58-panel-shell tbody td{height:42px!important;padding:9px 10px!important;font-size:10.5px!important;vertical-align:middle!important}
body.bk58-panel-shell .card,body.bk58-panel-shell .table-card,body.bk58-panel-shell .report-card,body.bk58-panel-shell .filter-section{border-radius:12px!important;box-shadow:none!important}
body.bk58-panel-shell .page-title,body.bk58-panel-shell .section-title{font-size:17px!important;line-height:1.5!important;color:#182946!important}

/* ---------- Customer / treatment ---------- */
.customer-header{height:68px!important}
.customer-header .container{height:68px!important}
.customer-header .brand{width:145px!important;height:44px!important;background:#052259!important;border-radius:10px!important;padding:7px 10px!important;display:flex!important;align-items:center!important;justify-content:center!important}
.customer-header .brand img{height:29px!important;max-width:124px!important}
.customer-panel-shell{max-width:1180px!important;margin-inline:auto!important}
.customer-panel-sidebar,.customer-card,.customer-stats article,.customer-action-grid a,.customer-quick-grid a,.customer-support-grid a{box-shadow:none!important}
.tp-card,.tp-head{box-shadow:none!important}
.tp-login-logo,.tp-brand{background:#052259!important;border-radius:10px!important;padding:8px 12px!important;display:inline-flex!important}
.tp-login-logo img,.tp-brand img{max-height:34px!important}

/* ---------- responsive: desktop/tablet/mobile parity ---------- */
@media (max-width:1180px){
  .container{width:calc(100% - 36px)!important}
  .bk80-home-hero-grid{grid-template-columns:1fr!important;gap:22px!important}
  .bk80-home-copy{max-width:720px!important;margin:auto!important;text-align:center!important}
  .bk80-home-copy h1,.bk80-home-copy>p{margin-inline:auto!important}
  .bk80-home-checks{margin-inline:auto!important}
  .bk80-feature-cards{max-width:820px!important;margin-inline:auto!important}
}
@media (max-width:980px){
  .bk47-desktop-nav{display:none!important}.bk47-menu-button{display:grid!important}
  .bk47-brand{width:138px!important;min-width:138px!important;height:43px!important}.bk47-brand img{height:28px!important}
  body.bk58-panel-shell .sidebar{width:250px!important;transform:translateX(104%)!important}
  body.bk58-panel-shell .sidebar.open{transform:translateX(0)!important}
  body.bk58-panel-shell .main{margin-right:0!important;width:100%!important}
  body.bk58-panel-shell .header{grid-template-columns:auto 1fr auto!important;padding-inline:12px!important;gap:8px!important}
  body.bk58-panel-shell .bk55-global-search{width:min(330px,38vw)!important;left:50%!important}
  body.bk58-panel-shell .header-left{grid-column:3!important}
  body.bk58-panel-shell .header-context{grid-column:1!important}
  body.bk58-panel-shell .header-page-meta{display:none!important}
  body.bk58-panel-shell .content{padding:16px 12px 82px!important}
  .bk80-insurance-grid{grid-template-columns:repeat(3,1fr)!important}
}
@media (max-width:700px){
  .container{width:calc(100% - 22px)!important}
  .bk47-header,.bk47-header .bk47-nav{height:62px!important}
  .bk47-header .bk47-nav{gap:7px!important}
  .bk47-brand{width:126px!important;min-width:126px!important;height:40px!important;padding:6px 9px!important}.bk47-brand img{height:27px!important;max-width:108px!important}
  .bk58-login{height:35px!important;padding-inline:11px!important;font-size:9.5px!important}
  .bk58-search-trigger,.bk47-menu-button{width:35px!important;height:35px!important}
  .bk80-home-hero{padding:18px 0 10px!important}
  .bk80-home-copy{text-align:right!important;padding:3px 0!important}
  .bk80-home-copy h1{font-size:27px!important;line-height:1.55!important;max-width:none!important}
  .bk80-home-copy>p{font-size:10.5px!important;line-height:1.95!important}
  .bk80-home-checks{grid-template-columns:1fr 1fr!important;gap:7px 9px!important}.bk80-home-checks span{font-size:8.5px!important;white-space:normal!important}
  .bk80-feature-cards{grid-template-columns:1fr!important;gap:9px!important}
  .bk80-feature-card{min-height:144px!important;display:grid!important;grid-template-columns:minmax(0,1fr) 112px!important;grid-template-rows:auto 1fr 32px!important;column-gap:9px!important;padding:12px!important}
  .bk80-feature-card h3{font-size:12.5px!important}.bk80-feature-card p{font-size:8px!important;min-height:0!important}
  .bk80-feature-visual{grid-column:2!important;grid-row:1/4!important;height:116px!important;margin:0!important}.bk80-feature-visual:before{width:85px!important;height:85px!important}.bk80-feature-visual img{width:70px!important;height:70px!important}
  .bk80-feature-card>a{grid-column:1!important;grid-row:3!important;height:31px!important}
  .bk80-section{padding:21px 0!important}.bk80-section-head{align-items:flex-start!important}.bk80-section-head h2{font-size:15px!important}.bk80-section-head p{font-size:8.5px!important}.bk80-section-head>a{font-size:8.5px!important}
  .bk80-insurance-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}.bk80-insurance-card{min-height:82px!important;font-size:9px!important}.bk80-insurance-card img{width:36px!important;height:36px!important}
  .bk80-home-split{grid-template-columns:1fr!important}.bk80-home-banner{min-height:138px!important}
  .footer-grid{grid-template-columns:1fr 1fr!important;gap:20px 14px!important}
  .bk47-footer .footer-brand:before{width:135px!important;height:42px!important}
  .bk47-footer .footer-brand img{max-width:114px!important;height:28px!important}
  .form-grid-2,.health-form-grid{grid-template-columns:1fr!important}
  .auth-layout{display:block!important}.auth-visual{padding:24px 18px!important;min-height:190px!important}.auth-card-wrap{padding:18px 11px 90px!important}.auth-card{padding:18px!important}
  body.bk58-panel-shell .app>.main>.header{height:60px!important;min-height:60px!important;display:flex!important;justify-content:space-between!important;background:linear-gradient(135deg,#052259,#073474)!important;border-bottom:0!important;padding:0 11px!important;direction:rtl!important}
  body.bk58-panel-shell .bk55-global-search{display:none!important}
  body.bk58-panel-shell .bk81-mobile-admin-brand{display:flex!important;align-items:center!important;justify-content:center!important;width:118px!important;height:38px!important;margin-right:0!important;order:1!important}
  body.bk58-panel-shell .bk81-mobile-admin-brand img{width:110px!important;max-height:34px!important;object-fit:contain!important;filter:none!important}
  body.bk58-panel-shell .header-context{display:flex!important;order:3!important;margin-right:auto!important}
  body.bk58-panel-shell .app>.main>.header .header-context .menu-toggle{width:38px!important;height:38px!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:9px!important;background:rgba(255,255,255,.06)!important;color:#fff!important}
  body.bk58-panel-shell .header-left{order:2!important;margin:0!important;gap:2px!important;display:flex!important}
  body.bk58-panel-shell .header-left>a.header-action-btn,body.bk58-panel-shell .header-left>.bk55-global-search,body.bk58-panel-shell .header-left>.user-menu{display:none!important}
  body.bk58-panel-shell .app>.main>.header .header-action-btn,body.bk58-panel-shell .app>.main>.header .notif-btn{width:34px!important;height:34px!important;color:#fff!important;background:transparent!important}
  body.bk58-panel-shell .notif-badge{border-color:#052259!important}
  body.bk58-panel-shell .header-user-summary{display:none!important}
  body.bk58-panel-shell .avatar-btn{height:38px!important}.avatar-btn .chevron-icon{display:none!important}
  .bk80-dashboard-head{display:block!important}.bk80-date-chip{margin-top:8px!important}
  .bk80-kpis{grid-template-columns:1fr 1fr!important;gap:7px!important}.bk80-kpi{min-height:110px!important}.bk80-kpi:nth-child(5){grid-column:1/-1!important}
  .bk80-dashboard-grid,.bk80-dashboard-tables{display:block!important}.bk80-dashboard-grid>* ,.bk80-dashboard-tables>*{margin-bottom:8px!important}
  .bk80-chart-wrap{height:190px!important}
  .bk80-quick-grid{grid-template-columns:1fr 1fr!important}
  body.bk58-panel-shell table{min-width:max-content!important}
  body.bk58-panel-shell .table-wrapper,body.bk58-panel-shell .table-container,body.bk58-panel-shell .bk71-table-scroll{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}
  body.bk58-panel-shell thead th{font-size:9.5px!important}body.bk58-panel-shell tbody td{font-size:10px!important}
}
@media (max-width:390px){
  .container{width:calc(100% - 18px)!important}
  .bk47-brand{width:116px!important;min-width:116px!important}.bk47-brand img{max-width:100px!important}
  .bk80-home-copy h1{font-size:25px!important}
  .bk80-home-checks{grid-template-columns:1fr!important}
  .bk80-kpis{grid-template-columns:1fr!important}.bk80-kpi:nth-child(5){grid-column:auto!important}
  .footer-grid{grid-template-columns:1fr!important}
}

/* v81.2 — final header alignment against the approved desktop/mobile reference. */
@media (min-width:981px){
  body.bk58-panel-shell .app>.main>.header .header-context{display:none!important}
  body.bk58-panel-shell .app>.main>.header .header-left{position:absolute!important;left:18px!important;right:auto!important;top:10px!important;height:48px!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:6px!important;direction:ltr!important}
  body.bk58-panel-shell .app>.main>.header .user-menu{order:1!important}
  body.bk58-panel-shell .app>.main>.header .notif-menu{order:2!important}
  body.bk58-panel-shell .app>.main>.header .bk81-header-messages{order:3!important}
  body.bk58-panel-shell .app>.main>.header .bk55-global-search{left:50%!important;right:auto!important;top:14px!important}
}
@media (min-width:701px) and (max-width:980px){
  body.bk58-panel-shell .app>.main>.header .header-page-meta{display:none!important}
  body.bk58-panel-shell .app>.main>.header .header-context{display:flex!important}
}
@media (min-width:981px){
  body.bk58-panel-shell .app>.main>.header .header-left{position:static!important;left:auto!important;right:auto!important;top:auto!important;height:auto!important;grid-column:3!important;grid-row:1!important;justify-self:end!important}
}

/* Reference mobile dashboard: the primary KPI is the strong blue focus card. */
@media (max-width:390px){
  body.bk58-tab-dashboard .bk80-kpis .bk80-kpi:first-child{
    background:linear-gradient(145deg,#0a63f6 0%,#0649b7 100%)!important;
    border-color:transparent!important;color:#fff!important;box-shadow:0 10px 24px rgba(10,99,246,.18)!important;
  }
  body.bk58-tab-dashboard .bk80-kpis .bk80-kpi:first-child .bk80-kpi-title,
  body.bk58-tab-dashboard .bk80-kpis .bk80-kpi:first-child .bk80-kpi-value,
  body.bk58-tab-dashboard .bk80-kpis .bk80-kpi:first-child .bk80-kpi-meta{color:#fff!important}
  body.bk58-tab-dashboard .bk80-kpis .bk80-kpi:first-child .bk80-kpi-meta{opacity:.8!important}
  body.bk58-tab-dashboard .bk80-kpis .bk80-kpi:first-child .bk80-kpi-icon{background:rgba(255,255,255,.14)!important;color:#fff!important}
  body.bk58-tab-dashboard .bk80-kpis .bk80-kpi:first-child .bk80-kpi-link{background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.2)!important;color:#fff!important}
  body.bk58-tab-dashboard .bk80-kpis .bk80-kpi:first-child:after{content:"";position:absolute;left:16px;right:16px;bottom:38px;height:16px;opacity:.55;background:linear-gradient(170deg,transparent 43%,rgba(255,255,255,.82) 45% 48%,transparent 50%) no-repeat;background-size:100% 100%;pointer-events:none}
}