:root{--bk-navy:#003b73;--bk-navy2:#00549b;--bk-blue:#0b63ad;--bk-blue-soft:#eaf4fb;--bk-red:#e30613;--bk-red-dark:#b8000a;--bk-red-soft:#fff0f1;--bk-bg:#f4f7fa;--bk-card:rgba(255,255,255,.94);--bk-line:#d7e2eb;--bk-text:#0d2238;--bk-muted:#677a8e;--bk-good:#137a4b;--bk-warn:#a76500;--bk-bad:#a62f36;--bk-shadow:0 18px 50px rgba(0,42,82,.11);--bk-shadow-hover:0 22px 50px rgba(0,59,115,.17)}
body .entry-content:has(.bk-portal-app),body .entry-content:has(.bk-login-shell){max-width:none!important;padding:0!important;margin:0!important}.bk-portal-app,.bk-login-shell{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--bk-text)}
.bk-login-shell{max-width:1120px;margin:48px auto;display:grid;grid-template-columns:1.05fr .95fr;background:#fff;border:1px solid var(--bk-line);border-radius:28px;overflow:hidden;box-shadow:var(--bk-shadow);min-height:610px}.bk-login-brand{background:linear-gradient(145deg,#061a35,#0b315f);color:#fff;padding:64px;position:relative;overflow:hidden}.bk-login-brand:after{content:"";position:absolute;width:340px;height:340px;border:58px solid rgba(225,32,43,.15);border-radius:48% 52% 58% 42%;right:-130px;bottom:-120px;transform:rotate(18deg)}.bk-login-brand-inner{position:relative;z-index:2;max-width:480px}.bk-brand-mark{width:76px;height:76px;border-radius:22px;background:var(--bk-red);display:grid;place-items:center;margin-bottom:42px;box-shadow:0 12px 30px rgba(225,32,43,.32)}.bk-brand-mark .dashicons{font-size:42px;width:42px;height:42px}.bk-login-brand h1{font-size:48px;line-height:1.05;margin:8px 0 20px;color:#fff}.bk-login-brand p:not(.bk-eyebrow){font-size:19px;line-height:1.6;color:#d6e2ef}.bk-eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:11px!important;font-weight:800;color:#8191a4;margin:0 0 4px}.bk-login-brand .bk-eyebrow{color:#ff9ba1}.bk-login-points{display:flex;flex-wrap:wrap;gap:8px;margin-top:34px}.bk-login-points span{border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:8px 12px;color:#eaf1f8;font-size:12px}.bk-login-card{display:flex;align-items:center;padding:56px}.bk-login-card-inner{width:100%;max-width:420px;margin:auto}.bk-login-card h2{font-size:34px;margin:4px 0 8px;color:var(--bk-navy)}.bk-muted{color:var(--bk-muted)}.bk-login-form{display:grid;gap:18px;margin-top:28px}.bk-login-form label span{display:block;font-weight:700;font-size:13px;margin-bottom:7px}.bk-login-form input{width:100%;box-sizing:border-box;border:1px solid #cbd6df;border-radius:12px;padding:13px 14px;font-size:15px;outline:none;background:#fff}.bk-login-form input:focus{border-color:#4e749a;box-shadow:0 0 0 3px rgba(27,75,122,.1)}.bk-portal-primary{border:0;background:var(--bk-red);color:#fff;border-radius:12px;padding:13px 18px;font-weight:800;font-size:15px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.bk-portal-primary:hover{background:var(--bk-red-dark)}.bk-login-foot{font-size:12px;color:var(--bk-muted);margin-top:22px;text-align:center}
.bk-portal-app{display:grid;grid-template-columns:252px minmax(0,1fr);min-height:calc(100vh - 70px);background:var(--bk-bg);border-radius:20px;overflow:hidden;box-shadow:var(--bk-shadow);max-width:1500px;margin:22px auto}.bk-portal-sidebar{background:linear-gradient(180deg,#061a35,#09294e);color:#fff;padding:24px 16px;display:flex;flex-direction:column;min-height:850px}.bk-portal-logo{display:flex;align-items:center;gap:12px;color:#fff!important;text-decoration:none!important;padding:7px 8px 24px}.bk-portal-logo-icon{width:43px;height:43px;border-radius:13px;background:var(--bk-red);display:grid;place-items:center}.bk-portal-logo-icon .dashicons{font-size:26px;width:26px;height:26px}.bk-portal-logo strong,.bk-portal-logo small{display:block}.bk-portal-logo strong{font-size:16px}.bk-portal-logo small{font-size:11px;color:#a9bfd4;margin-top:2px}.bk-portal-nav{display:grid;gap:5px}.bk-portal-nav a{display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:11px;color:#c7d5e4!important;text-decoration:none!important;font-size:14px;font-weight:650}.bk-portal-nav a:hover{background:rgba(255,255,255,.07);color:#fff!important}.bk-portal-nav a.is-active{background:#fff;color:var(--bk-navy)!important}.bk-portal-nav .dashicons{font-size:19px;width:19px;height:19px}.bk-portal-side-user{margin-top:auto;padding:17px 10px 4px;border-top:1px solid rgba(255,255,255,.12);display:flex;gap:10px;align-items:center}.bk-avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--bk-navy);font-weight:900;font-size:12px}.bk-portal-side-user strong,.bk-portal-side-user small{display:block}.bk-portal-side-user strong{font-size:12px;color:#fff}.bk-portal-side-user small{font-size:10px;color:#9fb4c9;margin-top:2px}.bk-portal-main{min-width:0}.bk-portal-topbar{background:#fff;border-bottom:1px solid var(--bk-line);min-height:86px;padding:16px 26px;display:flex;align-items:center;justify-content:space-between;gap:20px}.bk-portal-topbar>div:first-child{display:flex;align-items:center;gap:12px}.bk-portal-topbar h1{font-size:23px;margin:0;color:var(--bk-navy)}.bk-top-actions{display:flex;align-items:center;gap:12px}.bk-role-pill{font-size:11px;font-weight:800;background:#edf3f8;color:#385a7a;padding:8px 11px;border-radius:999px}.bk-logout{border:1px solid var(--bk-line);background:#fff;padding:8px 11px;border-radius:9px;color:var(--bk-text);font-weight:700;display:flex;align-items:center;gap:5px;cursor:pointer}.bk-logout .dashicons{font-size:17px;width:17px;height:17px}.bk-mobile-menu{display:none;border:0;background:transparent}.bk-portal-content{padding:26px;display:grid;gap:18px}.bk-welcome,.bk-page-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.bk-welcome h2,.bk-page-intro h2{font-size:28px;margin:2px 0 6px;color:var(--bk-navy)}.bk-welcome p,.bk-page-intro p{margin:0;color:var(--bk-muted)}.bk-readonly-badge{background:#e7eef5;border:1px solid #d6e1ea;color:#43617e;border-radius:999px;padding:9px 12px;font-size:11px;font-weight:800;display:flex;align-items:center;gap:6px}.bk-readonly-badge .dashicons{font-size:15px;width:15px;height:15px}.bk-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.bk-stat-card{background:#fff;border:1px solid var(--bk-line);border-radius:15px;padding:18px;display:flex;align-items:center;gap:14px}.bk-stat-icon{width:42px;height:42px;border-radius:12px;background:#edf3f8;color:#1b4d7a;display:grid!important;place-items:center;font-size:21px!important}.bk-stat-card strong,.bk-stat-card span:not(.bk-stat-icon){display:block}.bk-stat-card strong{font-size:25px;color:var(--bk-navy);line-height:1}.bk-stat-card span:not(.bk-stat-icon){font-size:11px;color:var(--bk-muted);margin-top:5px}.bk-dashboard-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:18px}.bk-span-2{min-width:0}.bk-portal-card{background:#fff;border:1px solid var(--bk-line);border-radius:16px;padding:18px;min-width:0}.bk-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.bk-card-head h3{margin:0 0 3px;color:var(--bk-navy);font-size:17px}.bk-card-head p{margin:0;color:var(--bk-muted);font-size:12px}.bk-card-head a{font-size:12px;font-weight:800;color:#1c5b94}.bk-quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.bk-quick-grid a{border:1px solid var(--bk-line);border-radius:12px;padding:14px 10px;text-decoration:none!important;color:var(--bk-text)!important;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:750}.bk-quick-grid a:hover{border-color:#9db4c8;background:#f7fafc}.bk-table-wrap{overflow:auto}.bk-portal-table{width:100%;border-collapse:collapse;min-width:720px}.bk-portal-table th{text-align:left;color:#6f7e8e;font-size:10px;text-transform:uppercase;letter-spacing:.07em;padding:9px 10px;border-bottom:1px solid var(--bk-line);white-space:nowrap}.bk-portal-table td{padding:12px 10px;border-bottom:1px solid #edf1f4;font-size:12px;vertical-align:top}.bk-portal-table tr:last-child td{border-bottom:0}.bk-portal-table td small{display:block;color:var(--bk-muted);font-size:10px;margin-top:3px;max-width:340px}.bk-status{display:inline-flex;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:800;white-space:nowrap}.bk-status.is-success{background:#e8f6ef;color:var(--bk-good)}.bk-status.is-warning{background:#fff4df;color:var(--bk-warn)}.bk-status.is-danger{background:#fae8ea;color:var(--bk-bad)}.bk-status.is-neutral{background:#edf2f6;color:#53697d}.bk-small-button{display:inline-flex;padding:7px 9px;border-radius:8px;background:#edf3f8;color:#173f65!important;text-decoration:none!important;font-size:11px;font-weight:800}.bk-portal-search{background:#fff;border:1px solid var(--bk-line);border-radius:13px;padding:8px 9px;display:flex;align-items:center;gap:8px}.bk-portal-search .dashicons{color:#8493a3}.bk-portal-search input{border:0!important;box-shadow:none!important;outline:0!important;flex:1;padding:7px 2px!important;background:transparent!important;font-size:13px}.bk-portal-search button{border:0;border-radius:8px;background:var(--bk-navy);color:#fff;padding:8px 14px;font-weight:800}.bk-empty{text-align:center;padding:35px 12px;color:var(--bk-muted)}.bk-empty .dashicons{font-size:28px;width:28px;height:28px}.bk-portal-alert{border-radius:12px;padding:13px 15px;display:flex;gap:7px;flex-wrap:wrap;font-size:12px}.bk-portal-alert strong{font-weight:900}.bk-portal-alert-error{background:#fceced;border:1px solid #f4cdd0;color:#8f252b}.bk-portal-alert-warning{background:#fff6e5;border:1px solid #f1ddb6;color:#895b10}.bk-info-strip{background:#eaf2f8;border:1px solid #d6e3ed;border-radius:12px;padding:13px 15px;font-size:12px;color:#345573}.bk-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.bk-setting-card{background:#fff;border:1px solid var(--bk-line);border-radius:15px;padding:16px;display:flex;align-items:center;gap:13px}.bk-setting-card>.dashicons{width:40px;height:40px;border-radius:11px;background:#edf3f8;color:#1b4d7a;display:grid;place-items:center}.bk-setting-card small,.bk-setting-card strong{display:block}.bk-setting-card small{color:var(--bk-muted);font-size:10px}.bk-setting-card strong{font-size:13px;margin-top:3px;overflow-wrap:anywhere}.bk-setting-row,.bk-progress-list>div{display:flex;justify-content:space-between;gap:20px;padding:11px 0;border-bottom:1px solid #edf1f4;font-size:12px}.bk-setting-row:last-child,.bk-progress-list>div:last-child{border-bottom:0}.bk-setting-row span{color:var(--bk-muted)}.bk-progress-list strong{color:#2c648e}.bk-login-shell .bk-portal-alert{margin-top:18px}
@media(max-width:1050px){.bk-portal-app{grid-template-columns:210px minmax(0,1fr)}.bk-stat-grid{grid-template-columns:1fr 1fr}.bk-dashboard-grid{grid-template-columns:1fr}.bk-login-shell{margin:20px}.bk-login-brand{padding:45px}.bk-login-card{padding:40px}}
@media(max-width:760px){.bk-login-shell{grid-template-columns:1fr;margin:10px;border-radius:18px}.bk-login-brand{display:none}.bk-login-card{padding:34px 22px;min-height:500px}.bk-portal-app{display:block;margin:0;border-radius:0;min-height:100vh}.bk-portal-sidebar{min-height:auto;padding:12px;display:block}.bk-portal-logo{padding-bottom:10px}.bk-portal-nav{display:flex;overflow-x:auto;padding-bottom:4px}.bk-portal-nav a{white-space:nowrap}.bk-portal-side-user{display:none}.bk-portal-topbar{padding:14px 16px}.bk-role-pill{display:none}.bk-portal-content{padding:16px}.bk-welcome,.bk-page-intro{align-items:flex-start;flex-direction:column}.bk-readonly-badge{align-self:flex-start}.bk-stat-grid{grid-template-columns:1fr 1fr}.bk-settings-grid{grid-template-columns:1fr}.bk-quick-grid{grid-template-columns:1fr 1fr}}
@media(max-width:460px){.bk-stat-grid,.bk-quick-grid{grid-template-columns:1fr}.bk-logout{font-size:0}.bk-logout .dashicons{font-size:18px}.bk-portal-topbar h1{font-size:20px}}


/* ==========================================================
   VAS BrannDok Portal 2.0 / plugin 0.9.45
   Branded VAS full-screen layout + animation layer
   ========================================================== */
body.bk-branndok-page{
  --bk-page-blue:#003b73;
  --bk-page-blue-deep:#00284f;
  --bk-page-blue-bright:#0969b8;
  --bk-page-red:#e30613;
  margin:0!important;
  background:#eef3f7!important;
  overflow-x:hidden;
}
body.bk-branndok-page .fusion-header-wrapper,
body.bk-branndok-page .fusion-tb-header,
body.bk-branndok-page .fusion-footer,
body.bk-branndok-page .fusion-tb-footer,
body.bk-branndok-page #slidingbar-area,
body.bk-branndok-page #toTop,
body.bk-branndok-page .to-top-container,
body.bk-branndok-page .fusion-page-title-bar{display:none!important}
body.bk-branndok-page #wrapper,
body.bk-branndok-page #main,
body.bk-branndok-page #main .fusion-row,
body.bk-branndok-page .post-content,
body.bk-branndok-page .entry-content{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
}
body.bk-branndok-page #main{min-height:100vh!important}

.bk-portal-app{
  max-width:none!important;
  width:100%!important;
  min-height:100vh!important;
  margin:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  grid-template-columns:272px minmax(0,1fr)!important;
  background:#eef3f7!important;
  position:relative;
  isolation:isolate;
}
.bk-portal-sidebar{
  position:sticky;
  top:0;
  height:100vh;
  min-height:100vh!important;
  overflow-y:auto;
  padding:26px 18px 22px!important;
  background:
    radial-gradient(circle at 10% 4%,rgba(9,105,184,.28),transparent 30%),
    radial-gradient(circle at 88% 82%,rgba(227,6,19,.20),transparent 30%),
    linear-gradient(165deg,#003b73 0%,#002b56 58%,#001f3e 100%)!important;
  box-shadow:18px 0 50px rgba(0,35,70,.09);
  z-index:20;
}
.bk-portal-sidebar:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.20;
  background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
  background-size:32px 32px;
  mask-image:linear-gradient(to bottom,black,transparent 85%);
}
.bk-portal-logo,.bk-portal-nav,.bk-portal-side-user{position:relative;z-index:1}
.bk-portal-logo{padding:3px 7px 27px!important;gap:13px!important}
.bk-portal-logo-icon{
  width:58px!important;height:58px!important;border-radius:17px!important;
  overflow:hidden;background:#fff!important;padding:0!important;
  box-shadow:0 10px 28px rgba(0,0,0,.25),0 0 0 1px rgba(255,255,255,.13)!important;
  transition:transform .28s ease,box-shadow .28s ease;
}
.bk-portal-logo:hover .bk-portal-logo-icon{transform:translateY(-2px) rotate(-1.5deg) scale(1.025);box-shadow:0 16px 34px rgba(0,0,0,.30),0 0 0 1px rgba(255,255,255,.16)!important}
.bk-portal-logo-icon img,.bk-brand-mark img{width:100%;height:100%;display:block;object-fit:cover}
.bk-portal-logo strong{font-size:18px!important;letter-spacing:-.02em;color:#fff!important}
.bk-portal-logo small{font-size:11px!important;color:#bfd2e4!important;letter-spacing:.02em}
.bk-portal-nav{gap:7px!important}
.bk-portal-nav a{
  position:relative;
  overflow:hidden;
  padding:12px 14px!important;
  border-radius:13px!important;
  color:#d1dfec!important;
  font-size:14px!important;
  transition:transform .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease!important;
}
.bk-portal-nav a:before{
  content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:3px;background:var(--bk-red);transform:scaleY(0);transition:transform .2s ease;
}
.bk-portal-nav a:hover{background:rgba(255,255,255,.09)!important;color:#fff!important;transform:translateX(3px)}
.bk-portal-nav a:hover:before{transform:scaleY(.55)}
.bk-portal-nav a.is-active{
  color:#07325d!important;
  background:linear-gradient(135deg,#fff,#f1f7fb)!important;
  box-shadow:0 9px 24px rgba(0,0,0,.16)!important;
  transform:translateX(2px);
}
.bk-portal-nav a.is-active:before{transform:scaleY(1)}
.bk-portal-nav .dashicons{color:currentColor!important}
.bk-portal-side-user{border-top-color:rgba(255,255,255,.14)!important;padding-top:20px!important}
.bk-avatar{background:linear-gradient(135deg,#fff,#eaf4fb)!important;color:#003b73!important;box-shadow:0 6px 15px rgba(0,0,0,.16)}

.bk-portal-main{
  position:relative;
  min-width:0;
  background:
    radial-gradient(circle at 88% 12%,rgba(9,105,184,.12),transparent 22%),
    radial-gradient(circle at 18% 48%,rgba(227,6,19,.075),transparent 19%),
    linear-gradient(180deg,#f8fbfd 0%,#f1f5f8 48%,#eef3f7 100%);
  overflow:hidden;
}
.bk-portal-main:before,.bk-portal-main:after{
  content:"";position:fixed;pointer-events:none;z-index:-1;border-radius:50%;filter:blur(4px);opacity:.85;
}
.bk-portal-main:before{
  width:430px;height:430px;right:-130px;top:110px;
  background:radial-gradient(circle,rgba(9,105,184,.18),rgba(9,105,184,0) 68%);
  animation:bkOrbBlue 18s ease-in-out infinite alternate;
}
.bk-portal-main:after{
  width:360px;height:360px;left:255px;bottom:-120px;
  background:radial-gradient(circle,rgba(227,6,19,.13),rgba(227,6,19,0) 68%);
  animation:bkOrbRed 22s ease-in-out infinite alternate;
}
.bk-portal-topbar{
  position:sticky!important;top:0;z-index:15;
  min-height:92px!important;
  padding:17px 34px!important;
  background:rgba(255,255,255,.82)!important;
  border-bottom:1px solid rgba(202,218,231,.88)!important;
  backdrop-filter:blur(17px) saturate(1.25);
  -webkit-backdrop-filter:blur(17px) saturate(1.25);
  box-shadow:0 8px 30px rgba(0,52,101,.045);
}
.bk-portal-topbar:after{
  content:"";position:absolute;left:0;bottom:-1px;width:210px;height:2px;
  background:linear-gradient(90deg,var(--bk-red),rgba(227,6,19,0));
}
.bk-portal-topbar h1{font-size:25px!important;line-height:1.15!important;margin:0!important;color:#07325d!important;letter-spacing:-.02em!important}
.bk-portal-topbar .bk-eyebrow{color:#6d8499!important}
.bk-role-pill{background:#eaf3f9!important;color:#255b88!important;border:1px solid #d5e5f0!important}
.bk-logout{transition:all .2s ease!important}
.bk-logout:hover{border-color:rgba(227,6,19,.35)!important;color:#b8000a!important;background:#fff5f5!important;transform:translateY(-1px)}

.bk-portal-content{
  position:relative;
  z-index:2;
  padding:34px 36px 52px!important;
  gap:22px!important;
  min-height:calc(100vh - 92px);
}
.bk-portal-content:before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.27;
  background-image:linear-gradient(rgba(0,59,115,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(0,59,115,.035) 1px,transparent 1px);
  background-size:44px 44px;
  mask-image:linear-gradient(to bottom,transparent,black 15%,black 75%,transparent);
}
.bk-welcome,.bk-page-intro{padding:5px 1px 2px}
.bk-welcome h2,.bk-page-intro h2{font-size:36px!important;line-height:1.08!important;margin:4px 0 8px!important;color:#062d56!important;letter-spacing:-.04em!important}
.bk-welcome p,.bk-page-intro p{font-size:15px!important;color:#6f8091!important}
.bk-eyebrow{color:#6e8296!important;font-size:11px!important;letter-spacing:.14em!important}
.bk-readonly-badge{background:rgba(255,255,255,.72)!important;border-color:#d3e1eb!important;color:#436786!important;box-shadow:0 8px 22px rgba(0,59,115,.06);backdrop-filter:blur(8px)}

.bk-stat-grid{gap:16px!important}
.bk-stat-card,.bk-portal-card,.bk-setting-card{
  background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(250,253,255,.91))!important;
  border:1px solid rgba(202,218,231,.9)!important;
  box-shadow:0 11px 30px rgba(0,50,95,.07)!important;
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important;
  backdrop-filter:blur(9px);
}
.bk-stat-card{border-radius:18px!important;padding:19px!important;position:relative;overflow:hidden}
.bk-stat-card:after{content:"";position:absolute;right:-35px;bottom:-55px;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,rgba(9,105,184,.10),transparent 70%)}
.bk-stat-card:hover,.bk-portal-card:hover,.bk-setting-card:hover{transform:translateY(-3px);box-shadow:var(--bk-shadow-hover)!important;border-color:#bfd2e0!important}
.bk-stat-icon{
  width:46px!important;height:46px!important;border-radius:14px!important;
  background:linear-gradient(145deg,#eaf4fb,#dfeef8)!important;color:#075a9e!important;
  box-shadow:inset 0 0 0 1px rgba(9,105,184,.06);
}
.bk-stat-card strong{font-size:27px!important;color:#052f59!important}
.bk-stat-card span:not(.bk-stat-icon){font-size:12px!important}
.bk-portal-card{border-radius:20px!important;padding:22px!important}
.bk-card-head{margin-bottom:17px!important}
.bk-card-head h3{font-size:22px!important;line-height:1.15!important;margin:0 0 4px!important;color:#062f59!important;letter-spacing:-.025em!important}
.bk-card-head p{font-size:12px!important}
.bk-card-head a{color:#075fa6!important;text-decoration:none!important;position:relative}
.bk-card-head a:after{content:"";position:absolute;left:0;right:100%;bottom:-2px;height:1px;background:var(--bk-red);transition:right .2s ease}
.bk-card-head a:hover:after{right:0}

.bk-quick-grid{gap:10px!important}
.bk-quick-grid a{
  position:relative;overflow:hidden;border-radius:14px!important;padding:15px 12px!important;
  background:rgba(255,255,255,.80)!important;
  transition:all .22s ease!important;
}
.bk-quick-grid a:before{content:"";position:absolute;top:-120%;left:-40%;width:55%;height:340%;transform:rotate(24deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent);transition:left .55s ease}
.bk-quick-grid a:hover{border-color:#aac8dd!important;background:#f5fbff!important;transform:translateY(-2px);box-shadow:0 10px 22px rgba(0,59,115,.08)}
.bk-quick-grid a:hover:before{left:115%}
.bk-quick-grid a .dashicons{color:#075b9f!important}

.bk-today-list{display:grid;gap:11px}
.bk-today-job{
  display:grid;grid-template-columns:118px minmax(0,1fr) auto;align-items:center;gap:18px;
  padding:15px 16px;border:1px solid #dce7ef;border-radius:16px;background:rgba(248,252,255,.83);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease;
}
.bk-today-job:hover{transform:translateX(3px);border-color:#bad3e5;background:#fff;box-shadow:0 10px 22px rgba(0,59,115,.07)}
.bk-job-time{display:grid;grid-template-columns:22px 1fr;align-items:center;column-gap:7px}
.bk-job-time .dashicons{grid-row:1/3;color:#0764ad;width:20px;height:20px;font-size:20px}
.bk-job-time strong{font-size:14px;color:#062f59}
.bk-job-time small{font-size:10px;color:#7b8b9b}
.bk-job-main>strong{display:block;font-size:14px;color:#10273f;margin-bottom:3px}
.bk-job-main>span{display:block;font-size:11px;color:#748598;margin-bottom:8px}
.bk-chip-row{display:flex;flex-wrap:wrap;gap:5px}
.bk-type-chip{display:inline-flex;padding:4px 7px;border-radius:999px;background:#eaf4fb;color:#245f8f;border:1px solid #d7e9f5;font-size:9px;font-weight:800}
.bk-job-state{display:flex;align-items:flex-end;justify-content:center;flex-direction:column;gap:8px;min-width:105px}

.bk-followup-card{overflow:hidden;position:relative}
.bk-followup-card:before{content:"";position:absolute;right:-80px;top:-100px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(227,6,19,.08),transparent 70%);pointer-events:none}
.bk-followup-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;position:relative}
.bk-followup-item{display:grid;grid-template-columns:42px minmax(0,1fr) 20px;align-items:center;gap:11px;padding:14px;border:1px solid #dce7ef;border-radius:15px;background:rgba(249,252,255,.82);color:var(--bk-text)!important;text-decoration:none!important;transition:all .22s ease}
.bk-followup-item:hover{transform:translateY(-2px);border-color:#c7ddea;background:#fff;box-shadow:0 9px 20px rgba(0,59,115,.07)}
.bk-followup-icon{width:42px!important;height:42px!important;border-radius:12px;background:linear-gradient(145deg,#fff1f2,#ffe3e6);color:#c6000c;display:grid!important;place-items:center;font-size:20px!important}
.bk-followup-copy strong,.bk-followup-copy small{display:block}
.bk-followup-copy strong{font-size:12px;color:#12304f}
.bk-followup-copy small{font-size:10px;color:#748699;margin-top:3px;line-height:1.35}
.bk-followup-item>.dashicons:last-child{color:#8aa0b4}

.bk-portal-table th{color:#65798e!important;font-size:10px!important}
.bk-portal-table td{font-size:12px!important;color:#13273d}
.bk-portal-table tbody tr{transition:background .18s ease}
.bk-portal-table tbody tr:hover{background:#f7fbfe}
.bk-small-button{background:#e9f4fb!important;color:#075692!important;border:1px solid #d5e8f4!important;transition:all .18s ease}
.bk-small-button:hover{background:#075b9f!important;color:#fff!important;border-color:#075b9f!important;transform:translateY(-1px)}
.bk-portal-search{box-shadow:0 8px 22px rgba(0,59,115,.04);border-color:#d4e1ea!important}
.bk-portal-search:focus-within{border-color:#88b6d7!important;box-shadow:0 0 0 3px rgba(9,105,184,.08)}
.bk-portal-search button{background:linear-gradient(135deg,#075b9f,#003b73)!important;transition:transform .2s ease,box-shadow .2s ease}
.bk-portal-search button:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(0,59,115,.18)}

.bk-status.is-success{background:#e6f6ee!important;color:#0c7646!important}
.bk-status.is-warning{background:#fff4df!important;color:#9b6200!important}
.bk-status.is-danger{background:#fee9eb!important;color:#a11f28!important}
.bk-status.is-neutral{background:#eaf2f8!important;color:#486b88!important}

.bk-login-shell{max-width:1180px!important;border:0!important;box-shadow:0 25px 70px rgba(0,43,83,.16)!important}
.bk-login-brand{background:radial-gradient(circle at 18% 14%,rgba(9,105,184,.5),transparent 35%),linear-gradient(145deg,#003b73,#002447 72%)!important}
.bk-login-brand:before{content:"";position:absolute;inset:0;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:34px 34px}
.bk-brand-mark{width:92px!important;height:92px!important;padding:0!important;overflow:hidden;background:#fff!important;border-radius:24px!important;box-shadow:0 18px 42px rgba(0,0,0,.28)!important}
.bk-login-brand h1{font-size:46px!important}
.bk-portal-primary{background:linear-gradient(135deg,#e30613,#b9000b)!important;box-shadow:0 10px 25px rgba(227,6,19,.22);transition:transform .2s ease,box-shadow .2s ease}
.bk-portal-primary:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(227,6,19,.29)!important}

.bk-sidebar-backdrop{display:none}
.bk-reveal{opacity:1;transform:none}
.bk-js .bk-reveal{opacity:0;transform:translateY(13px);transition:opacity .5s ease,transform .5s ease}
.bk-js .bk-reveal.is-visible{opacity:1;transform:translateY(0)}
.bk-js .bk-stat-card:nth-child(2){transition-delay:.04s}
.bk-js .bk-stat-card:nth-child(3){transition-delay:.08s}
.bk-js .bk-stat-card:nth-child(4){transition-delay:.12s}

@keyframes bkOrbBlue{0%{transform:translate3d(0,0,0) scale(1)}100%{transform:translate3d(-65px,38px,0) scale(1.16)}}
@keyframes bkOrbRed{0%{transform:translate3d(0,0,0) scale(.95)}100%{transform:translate3d(72px,-48px,0) scale(1.12)}}

@media(max-width:1100px){
  .bk-portal-app{grid-template-columns:224px minmax(0,1fr)!important}
  .bk-portal-content{padding:28px 24px 42px!important}
  .bk-followup-grid{grid-template-columns:1fr!important}
  .bk-today-job{grid-template-columns:105px minmax(0,1fr)}
  .bk-job-state{grid-column:2;flex-direction:row;align-items:center;justify-content:flex-start}
}
@media(max-width:760px){
  body.bk-branndok-page{background:#f3f7fa!important}
  .bk-portal-app{display:block!important;min-height:100vh!important}
  .bk-portal-sidebar{
    position:fixed!important;left:0;top:0;bottom:0;width:min(86vw,310px);height:100vh!important;
    transform:translateX(-105%);transition:transform .28s ease;z-index:60;display:flex!important;padding:22px 16px!important;
  }
  .bk-portal-app.is-menu-open .bk-portal-sidebar{transform:translateX(0)}
  .bk-portal-nav{display:grid!important;overflow:visible!important;padding:0!important}
  .bk-portal-side-user{display:flex!important}
  .bk-sidebar-backdrop{position:fixed;inset:0;background:rgba(0,25,50,.48);border:0;z-index:50;backdrop-filter:blur(2px)}
  .bk-portal-app.is-menu-open .bk-sidebar-backdrop{display:block}
  .bk-mobile-menu{display:grid!important;place-items:center;width:40px;height:40px;border-radius:11px;background:#edf5fa!important;color:#064d87!important;cursor:pointer}
  .bk-portal-topbar{padding:13px 15px!important;min-height:74px!important}
  .bk-portal-topbar h1{font-size:20px!important}
  .bk-portal-content{padding:20px 15px 35px!important}
  .bk-welcome h2,.bk-page-intro h2{font-size:29px!important}
  .bk-stat-grid{grid-template-columns:1fr 1fr!important}
  .bk-dashboard-grid{grid-template-columns:1fr!important}
  .bk-today-job{grid-template-columns:1fr!important;gap:10px}
  .bk-job-time{grid-template-columns:22px auto 1fr}
  .bk-job-time .dashicons{grid-row:auto}
  .bk-job-time small{text-align:right}
  .bk-job-state{grid-column:auto;justify-content:space-between}
}
@media(max-width:480px){
  .bk-stat-grid,.bk-quick-grid{grid-template-columns:1fr!important}
  .bk-role-pill{display:none!important}
  .bk-welcome h2,.bk-page-intro h2{font-size:26px!important}
  .bk-portal-card{padding:17px!important}
}
@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}
  .bk-js .bk-reveal{opacity:1!important;transform:none!important}
}


/* ==========================================================
   Portal 2.0 / plugin 0.9.45
   ========================================================== */
html:has(body.bk-branndok-page){margin-top:0!important;padding-top:0!important}
body.bk-branndok-page #wpadminbar{display:none!important}
body.bk-branndok-page{padding-top:0!important}

/* Sidebaren skal oppleves som fast app-navigasjon. Bare menydelen ruller. */
.bk-portal-sidebar{overflow:hidden!important}
.bk-portal-logo{flex:0 0 auto}
.bk-portal-nav{
  flex:1 1 auto;min-height:0;overflow-y:auto!important;overflow-x:hidden!important;
  scrollbar-width:none;-ms-overflow-style:none;padding-right:2px!important;
}
.bk-portal-nav::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}
.bk-portal-side-user{flex:0 0 auto;margin-top:16px!important}

/* Litt større ikon, mindre hvit/glødende ramme. */
.bk-portal-logo-icon{
  width:64px!important;height:64px!important;border-radius:18px!important;
  box-shadow:0 11px 26px rgba(0,0,0,.22)!important;
}
.bk-portal-logo:hover .bk-portal-logo-icon{
  box-shadow:0 15px 30px rgba(0,0,0,.27)!important;
}

/* Testindikatoren skal være sekundær informasjon. */
.bk-readonly-badge{
  padding:6px 9px!important;font-size:9px!important;gap:4px!important;
  opacity:.82;box-shadow:0 5px 14px rgba(0,59,115,.04)!important;
}
.bk-readonly-badge .dashicons{font-size:13px!important;width:13px!important;height:13px!important}

/* Gjør VAS-bakgrunnsbevegelsen synlig, men fortsatt bak innholdet. */
.bk-portal-main{isolation:isolate}
.bk-portal-main:before,.bk-portal-main:after{z-index:0!important;filter:blur(8px)!important}
.bk-portal-main:before{opacity:.72!important;animation-duration:15s!important}
.bk-portal-main:after{opacity:.62!important;animation-duration:19s!important}
.bk-portal-content{z-index:2!important}
.bk-portal-content:after{
  content:"";position:fixed;pointer-events:none;z-index:-1;
  width:300px;height:300px;left:42%;top:34%;border-radius:50%;
  background:radial-gradient(circle,rgba(53,151,220,.10),rgba(53,151,220,0) 70%);
  animation:bkOrbCenter 24s ease-in-out infinite alternate;
}
@keyframes bkOrbCenter{0%{transform:translate3d(-35px,22px,0) scale(.9)}100%{transform:translate3d(55px,-42px,0) scale(1.18)}}

/* Hele dagens oppdragskort er nå klikkbart. */
a.bk-today-job{color:inherit!important;text-decoration:none!important;cursor:pointer}
a.bk-today-job:focus-visible{outline:3px solid rgba(9,105,184,.22);outline-offset:3px}
a.bk-today-job:hover .bk-small-button{background:#075b9f!important;color:#fff!important;border-color:#075b9f!important}

/* Oppfølgingskortet kollapser naturlig og får en positiv empty-state. */
.bk-followup-card{min-height:0!important}
.bk-followup-clear{
  display:flex;align-items:center;gap:13px;padding:16px 17px;border-radius:15px;
  border:1px solid #cee9dc;background:linear-gradient(135deg,#f4fbf7,#eef9f4);
  color:#155f42;position:relative;z-index:1;
}
.bk-followup-clear>.dashicons{
  width:42px;height:42px;border-radius:50%;display:grid;place-items:center;
  background:#dcf3e7;color:#0d7a4c;font-size:24px;
}
.bk-followup-clear strong,.bk-followup-clear small{display:block}
.bk-followup-clear strong{font-size:13px}
.bk-followup-clear small{font-size:10px;color:#5d7d6e;margin-top:3px}

/* Chips i Nylig fullført skal være kompakte i tabell. */
.bk-portal-table .bk-chip-row{gap:4px;max-width:320px}
.bk-portal-table .bk-type-chip{padding:3px 6px;font-size:8px}

@media(max-width:760px){
  .bk-portal-sidebar{overflow:hidden!important}
  .bk-portal-nav{overflow-y:auto!important;overflow-x:hidden!important}
  .bk-portal-logo-icon{width:58px!important;height:58px!important}
  .bk-readonly-badge{font-size:9px!important}
}

/* Portal 2.0: eksisterende VAS BrannDok-adminmoduler inne i frontendportalen */
.bk-portal-legacy{max-width:none!important;margin:0!important;padding:0!important}
.bk-portal-legacy .wrap.bk{max-width:none!important;margin:0!important;padding:0!important}
.bk-portal-legacy .bk-head,.bk-portal-legacy .bk-nav{display:none!important}
.bk-portal-legacy .bk-panel{border-color:rgba(32,103,163,.18);border-radius:22px;box-shadow:0 16px 42px rgba(12,48,82,.08);background:rgba(255,255,255,.92);backdrop-filter:blur(14px);padding:24px}
.bk-portal-legacy .bk-panel h2,.bk-portal-legacy .bk-panel h3{color:#072e57}
.bk-portal-legacy .bk-toolbar{align-items:flex-start}
.bk-portal-legacy .button,.bk-portal-legacy button.button{border-radius:10px!important;min-height:40px!important;padding:0 14px!important;text-decoration:none!important}
.bk-portal-legacy .button.button-primary,.bk-portal-legacy .button-primary{background:#e61f2b!important;border-color:#e61f2b!important;color:#fff!important}
.bk-portal-legacy .button.button-primary:hover,.bk-portal-legacy .button-primary:hover{background:#bf1822!important;border-color:#bf1822!important}
.bk-portal-legacy .bk-field input,.bk-portal-legacy .bk-field select,.bk-portal-legacy .bk-field textarea,.bk-portal-legacy .bk-search input{border:1px solid #c8d9e8!important;border-radius:10px!important;background:#fff!important;min-height:44px!important;color:#10243c!important}
.bk-portal-legacy .bk-field input:focus,.bk-portal-legacy .bk-field select:focus,.bk-portal-legacy .bk-field textarea:focus,.bk-portal-legacy .bk-search input:focus{border-color:#1d77b7!important;box-shadow:0 0 0 3px rgba(29,119,183,.12)!important}
.bk-portal-legacy .bk-scroll{border:1px solid #d8e4ee!important;border-radius:16px!important;background:#fff}
.bk-portal-legacy .widefat thead th{background:#0c3a68!important;color:#fff!important}
.bk-portal-legacy .widefat.striped>tbody>:nth-child(odd){background:#f8fbfe!important}
.bk-portal-legacy .widefat.striped>tbody>:hover{background:#eef7ff!important}
.bk-portal-legacy .bk a{color:#0d67a8}
.bk-portal-legacy .notice{margin:0 0 18px!important;padding:12px 16px!important;border-radius:12px!important;border:1px solid #cfe0ef!important;background:#f7fbff!important}
.bk-portal-legacy .notice-success{border-color:#bce4ca!important;background:#effaf3!important}
.bk-portal-legacy .notice-warning{border-color:#f0d69a!important;background:#fff9eb!important}
.bk-portal-legacy .notice-error{border-color:#efbcc0!important;background:#fff2f3!important}
.bk-inline-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:flex-end}
.bk-inline-form{display:inline-flex;margin:0}
.bk-portal-form .bk-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.bk-portal-form label{display:flex;flex-direction:column;gap:7px;font-weight:700;color:#17324f}
.bk-portal-form input,.bk-portal-form textarea,.bk-portal-form select{width:100%;border:1px solid #c8d9e8;border-radius:10px;padding:10px 12px;background:#fff;color:#10243c}
.bk-portal-form .bk-span-2{grid-column:1/-1}
.bk-portal-alert-success{border-color:#bce4ca!important;background:#effaf3!important;color:#165a32!important}
.bk-portal-v20 .bk-readonly-badge{background:rgba(255,255,255,.68);border-color:rgba(13,103,168,.16);color:#285d89}
@media(max-width:800px){.bk-portal-form .bk-form-grid{grid-template-columns:1fr}.bk-portal-form .bk-span-2{grid-column:auto}.bk-inline-actions{justify-content:flex-start}}

.bk-portal-legacy .button{border:1px solid #b9c9d6!important;line-height:1.2!important}.bk-portal-legacy a.button{text-decoration:none!important}.bk-portal-legacy table{border-collapse:collapse;width:100%}

.bk-portal-legacy .bk-footer{display:none!important}

/* ==========================================================
   Portal 2.1 / plugin 0.9.46
   Finpuss for innebygde adminmoduler i frontendportalen.
   ========================================================== */
.bk-portal-main,.bk-portal-content{min-width:0;overflow-x:hidden}
.bk-portal-legacy{width:100%!important;min-width:0!important;overflow:visible!important}
.bk-portal-legacy>.wrap.bk,
.bk-portal-legacy .wrap.bk{width:100%!important;min-width:0!important;max-width:100%!important}
.bk-portal-legacy .bk-panel{width:100%!important;min-width:0!important;max-width:100%!important;overflow:hidden}
.bk-portal-legacy .bk-panel>*{max-width:100%;min-width:0}

/* Toolbarer skal bryte pent, aldri skyve handlingsknapper utenfor skjermen. */
.bk-portal-legacy .bk-toolbar{display:flex!important;flex-wrap:wrap!important;align-items:flex-start!important;gap:14px 18px!important;width:100%!important;min-width:0!important}
.bk-portal-legacy .bk-toolbar>div:first-child{flex:1 1 560px;min-width:0!important;max-width:100%!important}
.bk-portal-legacy .bk-toolbar>div:last-child{flex:0 1 auto;min-width:0!important;max-width:100%!important;margin-left:auto}
.bk-portal-legacy .bk-toolbar>.button,
.bk-portal-legacy .bk-toolbar>a.button{flex:0 1 auto;max-width:100%!important;white-space:normal!important;text-align:center!important}
.bk-portal-legacy .bk-toolbar p{overflow-wrap:anywhere}

/* Skjema skal tilpasse seg portalbredden i stedet for WP-admin-bredden. */
.bk-portal-legacy .bk-form{grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;min-width:0!important}
.bk-portal-legacy .bk-field{min-width:0!important}
.bk-portal-legacy .bk-field input:not([type=checkbox]):not([type=radio]),
.bk-portal-legacy .bk-field select,
.bk-portal-legacy .bk-field textarea{max-width:100%!important;min-width:0!important}
.bk-portal-legacy .bk-inspector-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))!important;align-items:stretch!important}
.bk-portal-legacy .bk-inspector-option{min-height:64px!important;height:auto!important;align-items:center!important;padding:14px 16px!important;line-height:1.3!important;background:rgba(249,252,255,.9)!important;border-color:#d6e2eb!important}
.bk-portal-legacy .bk-inspector-option input[type=checkbox]{margin:0 2px 0 0!important;flex:0 0 auto!important}
.bk-portal-legacy .bk-inspector-option span{min-width:0!important}
.bk-portal-legacy .bk-inspector-option strong{overflow-wrap:anywhere}

/* Tabeller: scroll kun selve tabellen og hold datokolonnen lesbar. */
.bk-portal-legacy .bk-scroll{width:100%!important;max-width:100%!important;overflow:auto!important;-webkit-overflow-scrolling:touch}
.bk-portal-legacy .widefat{width:100%!important;max-width:none!important}
.bk-portal-legacy .widefat th:first-child,
.bk-portal-legacy .widefat td:first-child{white-space:nowrap}
.bk-portal-legacy .widefat td,.bk-portal-legacy .widefat th{overflow-wrap:break-word}
.bk-portal-legacy .bk-price-table{min-width:980px!important}

/* Knapper og skjema-actions skal alltid bli værende innenfor kortet. */
.bk-portal-legacy .bk-form-actions,
.bk-portal-legacy .bk-panel form>p:last-child{max-width:100%!important;display:flex!important;flex-wrap:wrap!important;gap:10px!important}
.bk-portal-legacy .button{white-space:normal!important;height:auto!important;min-height:42px!important;padding:10px 16px!important}

/* Litt strammere hierarki i de gjenbrukte adminmodulene. */
.bk-portal-legacy .bk-panel h2{font-size:clamp(26px,3vw,42px)!important;letter-spacing:-.035em!important;line-height:1.08!important}
.bk-portal-legacy .bk-panel h3{font-size:clamp(20px,2vw,28px)!important}
.bk-portal-legacy .bk-muted{line-height:1.55!important}

@media(max-width:980px){
  .bk-portal-legacy .bk-form{grid-template-columns:1fr!important}
  .bk-portal-legacy .bk-span-2{grid-column:auto!important}
  .bk-portal-legacy .bk-toolbar>div:first-child{flex-basis:100%}
  .bk-portal-legacy .bk-toolbar>div:last-child{margin-left:0;width:100%}
  .bk-portal-legacy .bk-toolbar>.button,
  .bk-portal-legacy .bk-toolbar>a.button{width:auto!important}
}