/* BIE BLACK LABEL — ADMIN V4 | isolated from V3.1 | 2026-10 */
/* The stylesheet ONLY applies inside #bieAdminV4Console.bie4. */
#bieAdminV4Console.bie4 {
  --b4-bg:#080d10;--b4-panel:#0e1518;--b4-card:#121a1e;--b4-line:#253034;
  --b4-muted:#8b989b;--b4-text:#f4f4ee;--b4-gold:#d6b65e;--b4-green:#50d38d;
  --b4-amber:#efb46a;--b4-red:#ff7d7c;--b4-blue:#84b5ea;
  position:fixed;inset:0;z-index:99999;background:var(--b4-bg);color:var(--b4-text);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;
  overflow:hidden;line-height:1.45;font-size:14px;color-scheme:dark
}
#bieAdminV4Console.bie4 *{box-sizing:border-box}
#bieAdminV4Console.bie4 button,#bieAdminV4Console.bie4 input,#bieAdminV4Console.bie4 select{font:inherit}
#bieAdminV4Console.bie4 button{cursor:pointer}
#bieAdminV4Console.bie4 button:disabled{cursor:not-allowed;opacity:.45}
#bieAdminV4Console.bie4 button:focus-visible,#bieAdminV4Console.bie4 input:focus-visible,
#bieAdminV4Console.bie4 select:focus-visible{outline:2px solid var(--b4-gold);outline-offset:3px}
#bieAdminV4Console.bie4 .b4-frame{height:100%;display:grid;grid-template-columns:246px minmax(0,1fr);grid-template-rows:76px minmax(0,1fr)}
#bieAdminV4Console.bie4 .b4-top{grid-column:1/-1;display:flex;align-items:center;gap:24px;
 padding:0 32px;border-bottom:1px solid var(--b4-line);background:#0a1013}
#bieAdminV4Console.bie4 .b4-brand{font-weight:900;letter-spacing:-.6px;font-size:22px;white-space:nowrap}
#bieAdminV4Console.bie4 .b4-brand strong{color:var(--b4-gold)}
#bieAdminV4Console.bie4 .b4-kicker{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--b4-muted)}
#bieAdminV4Console.bie4 .b4-top-spacer{flex:1}
#bieAdminV4Console.bie4 .b4-live{display:flex;align-items:center;gap:8px;font-size:11px;
 letter-spacing:1.3px;color:var(--b4-muted);white-space:nowrap}
#bieAdminV4Console.bie4 .b4-live i{display:block;width:7px;height:7px;border-radius:50%;background:var(--b4-green)}
#bieAdminV4Console.bie4 .b4-live.demo i{background:var(--b4-amber)}
#bieAdminV4Console.bie4 .b4-icon-btn{height:38px;min-width:38px;border:1px solid var(--b4-line);
 border-radius:11px;background:#141b20;color:var(--b4-text);display:inline-flex;align-items:center;justify-content:center}
#bieAdminV4Console.bie4 .b4-icon-btn:hover{border-color:var(--b4-gold)}
#bieAdminV4Console.bie4 .b4-side{border-right:1px solid var(--b4-line);min-height:0;overflow-y:auto;
 display:flex;flex-direction:column;padding:27px 13px;background:#0a1013}
#bieAdminV4Console.bie4 .b4-side-label{font-size:10px;letter-spacing:2px;color:#78878c;
 font-weight:800;padding:0 12px;margin:21px 0 10px}
#bieAdminV4Console.bie4 .b4-side-label:first-child{margin-top:0}
#bieAdminV4Console.bie4 .b4-nav-btn{width:100%;text-align:left;border:0;border-left:3px solid transparent;
 background:transparent;color:#a5b0b2;border-radius:0 10px 10px 0;min-height:44px;
 padding:0 14px;display:flex;align-items:center;gap:12px;font-weight:640;font-size:12px}
#bieAdminV4Console.bie4 .b4-nav-btn svg{width:16px;height:16px;opacity:.75;flex-shrink:0}
#bieAdminV4Console.bie4 .b4-nav-btn:hover{color:var(--b4-text);background:#141d20}
#bieAdminV4Console.bie4 .b4-nav-btn.active{color:var(--b4-gold);background:linear-gradient(90deg,#312716,#161811);
 border-left-color:var(--b4-gold)}
#bieAdminV4Console.bie4 .b4-side-foot{margin-top:auto;padding:16px 12px 6px;border-top:1px solid var(--b4-line);
 color:var(--b4-muted);font-size:11px}
#bieAdminV4Console.bie4 .b4-side-foot b{display:block;color:var(--b4-text);margin-bottom:4px}
#bieAdminV4Console.bie4 .b4-main{overflow:auto;min-height:0;padding:40px clamp(20px,4vw,68px) 80px}
#bieAdminV4Console.bie4 .b4-eyebrow{color:var(--b4-gold);font-size:10px;letter-spacing:2px;
 font-weight:800;text-transform:uppercase;margin:0 0 9px}
#bieAdminV4Console.bie4 .b4-page-header{display:flex;gap:16px;align-items:flex-end;
 justify-content:space-between;margin-bottom:29px;flex-wrap:wrap}
#bieAdminV4Console.bie4 h1{font-size:clamp(27px,3vw,38px);letter-spacing:-1.15px;font-weight:750;
 margin:0 0 6px;line-height:1.1}
#bieAdminV4Console.bie4 .b4-sub{color:var(--b4-muted);font-size:14px;margin:0;max-width:750px}
#bieAdminV4Console.bie4 .b4-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}
#bieAdminV4Console.bie4 .b4-button{padding:10px 15px;border:1px solid var(--b4-line);
 border-radius:11px;color:var(--b4-text);background:#182126;font-size:12px;font-weight:750}
#bieAdminV4Console.bie4 .b4-button:hover{border-color:var(--b4-gold)}
#bieAdminV4Console.bie4 .b4-button.primary{background:var(--b4-gold);color:#161911;border-color:var(--b4-gold)}
#bieAdminV4Console.bie4 .b4-button:focus-visible{outline-color:var(--b4-green)}
#bieAdminV4Console.bie4 .b4-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:15px}
#bieAdminV4Console.bie4 .b4-col3{grid-column:span 3}
#bieAdminV4Console.bie4 .b4-col4{grid-column:span 4}
#bieAdminV4Console.bie4 .b4-col6{grid-column:span 6}
#bieAdminV4Console.bie4 .b4-col8{grid-column:span 8}
#bieAdminV4Console.bie4 .b4-col12{grid-column:span 12}
#bieAdminV4Console.bie4 .b4-card{border:1px solid var(--b4-line);border-radius:16px;background:var(--b4-panel);padding:23px;min-width:0}
#bieAdminV4Console.bie4 .b4-card-header{display:flex;align-items:center;gap:10px;justify-content:space-between;margin-bottom:17px}
#bieAdminV4Console.bie4 .b4-card-title{font-size:14px;font-weight:750;margin:0}
#bieAdminV4Console.bie4 .b4-card-sub{font-size:11px;color:var(--b4-muted)}
#bieAdminV4Console.bie4 .b4-card-label{font-size:10px;font-weight:750;letter-spacing:1.3px;color:var(--b4-muted);margin:0 0 13px}
#bieAdminV4Console.bie4 .b4-big{font-size:clamp(23px,2.5vw,34px);font-weight:780;line-height:1.12;margin-bottom:7px}
#bieAdminV4Console.bie4 .b4-small{font-size:11px;color:var(--b4-muted);overflow-wrap:anywhere}
#bieAdminV4Console.bie4 .b4-muted{color:var(--b4-muted)}
#bieAdminV4Console.bie4 .b4-ok{color:var(--b4-green)}
#bieAdminV4Console.bie4 .b4-warn{color:var(--b4-amber)}
#bieAdminV4Console.bie4 .b4-fail{color:var(--b4-red)}
#bieAdminV4Console.bie4 .b4-unknown{color:var(--b4-muted)}
#bieAdminV4Console.bie4 .b4-hero{border:1px solid #324038;background:radial-gradient(circle at 92% 15%,#183124 0%,#111c17 43%,#0b1412 100%);
 border-radius:18px;padding:32px;display:flex;align-items:center;gap:24px;justify-content:space-between;margin-bottom:16px}
#bieAdminV4Console.bie4 .b4-hero[data-state="INCIDENT"]{border-color:#56312f;background:linear-gradient(100deg,#261817,#111819)}
#bieAdminV4Console.bie4 .b4-hero[data-state="UNKNOWN"]{border-color:#4b3d29;background:linear-gradient(100deg,#231c12,#111819)}
#bieAdminV4Console.bie4 .b4-hero-label{color:var(--b4-muted);font-size:10px;letter-spacing:1.5px;font-weight:750}
#bieAdminV4Console.bie4 .b4-hero h2{font-size:clamp(31px,4vw,48px);margin:13px 0 7px;line-height:1;color:var(--b4-green);letter-spacing:-1.5px}
#bieAdminV4Console.bie4 .b4-hero[data-state="INCIDENT"] h2{color:var(--b4-red)}
#bieAdminV4Console.bie4 .b4-hero[data-state="UNKNOWN"] h2{color:var(--b4-amber)}
#bieAdminV4Console.bie4 .b4-hero-score{text-align:right;flex-shrink:0}
#bieAdminV4Console.bie4 .b4-hero-score strong{font-size:clamp(43px,6vw,74px);color:var(--b4-gold);letter-spacing:-3px}
#bieAdminV4Console.bie4 .b4-hero-score small{font-size:14px;color:#899397}
#bieAdminV4Console.bie4 .b4-pill{display:inline-block;padding:5px 9px;border-radius:20px;font-size:10px;
 font-weight:800;letter-spacing:.6px;color:var(--b4-muted);border:1px solid var(--b4-line);background:#141b1e;white-space:nowrap}
#bieAdminV4Console.bie4 .b4-pill.PASS,#bieAdminV4Console.bie4 .b4-pill.ACTIVE{color:var(--b4-green);border-color:#244932;background:#0d2418}
#bieAdminV4Console.bie4 .b4-pill.CRITICAL,#bieAdminV4Console.bie4 .b4-pill.FAIL{color:var(--b4-red);border-color:#5a3030;background:#291416}
#bieAdminV4Console.bie4 .b4-pill.HIGH,#bieAdminV4Console.bie4 .b4-pill.WARN,#bieAdminV4Console.bie4 .b4-pill.STALE{color:var(--b4-amber);border-color:#60442a;background:#281d13}
#bieAdminV4Console.bie4 .b4-list{display:flex;flex-direction:column;gap:0}
#bieAdminV4Console.bie4 .b4-list-row{display:flex;align-items:center;justify-content:space-between;gap:13px;
 padding:15px 0;border-bottom:1px solid var(--b4-line);min-width:0}
#bieAdminV4Console.bie4 .b4-list-row:last-child{border:0}
#bieAdminV4Console.bie4 .b4-list-main{flex:1;min-width:0}
#bieAdminV4Console.bie4 .b4-list-row b{font-size:12px;font-weight:700}
#bieAdminV4Console.bie4 .b4-list-row small{display:block;font-size:11px;color:var(--b4-muted);
 margin-top:4px;overflow-wrap:anywhere}
#bieAdminV4Console.bie4 .b4-list-row[data-open]{cursor:pointer}
#bieAdminV4Console.bie4 .b4-list-row[data-open]:hover{background:#172024}
#bieAdminV4Console.bie4 .b4-table-wrap{overflow-x:auto}
#bieAdminV4Console.bie4 .b4-table{border-collapse:collapse;width:100%;min-width:560px;text-align:left}
#bieAdminV4Console.bie4 .b4-table th{font-size:10px;letter-spacing:1.2px;color:var(--b4-muted);
 text-transform:uppercase;border-bottom:1px solid var(--b4-line);padding:12px 10px}
#bieAdminV4Console.bie4 .b4-table td{font-size:12px;padding:15px 10px;border-bottom:1px solid var(--b4-line)}
#bieAdminV4Console.bie4 .b4-table tr:last-child td{border:0}
#bieAdminV4Console.bie4 .b4-table td small{display:block;color:var(--b4-muted);margin-top:4px}
#bieAdminV4Console.bie4 .b4-stack{display:flex;flex-direction:column;gap:15px}
#bieAdminV4Console.bie4 .b4-microbar{height:7px;width:100%;background:#263035;border-radius:9px;overflow:hidden;margin-top:13px}
#bieAdminV4Console.bie4 .b4-microbar i{height:100%;display:block;border-radius:9px;background:var(--b4-gold)}
#bieAdminV4Console.bie4 .b4-heat{display:flex;gap:6px;align-items:end;height:53px}
#bieAdminV4Console.bie4 .b4-heat i{flex:1;min-width:4px;background:#b18b42;border-radius:3px 3px 0 0;opacity:.85}
#bieAdminV4Console.bie4 .b4-empty{border:1px dashed #354045;background:#11191d;padding:25px;border-radius:14px;
 color:var(--b4-muted);text-align:center}
#bieAdminV4Console.bie4 .b4-notice{border-left:3px solid var(--b4-amber);background:#1d1c15;
 padding:16px 18px;border-radius:0 12px 12px 0;color:#d9d0b9;font-size:12px;line-height:1.6}
#bieAdminV4Console.bie4 .b4-notice strong{color:var(--b4-gold)}
#bieAdminV4Console.bie4 .b4-filterbar{display:flex;gap:9px;margin-bottom:17px;align-items:center;flex-wrap:wrap}
#bieAdminV4Console.bie4 .b4-input{background:#121b1e;border:1px solid #334044;border-radius:10px;color:var(--b4-text);
 padding:10px 13px;min-width:135px;max-width:100%}
#bieAdminV4Console.bie4 .b4-input[type="search"]{width:310px}
#bieAdminV4Console.bie4 .b4-drawer{position:absolute;inset:76px 0 0 auto;width:min(480px,100vw);
 background:#0b1418;border-left:1px solid #3b484c;z-index:20;box-shadow:-10px 0 70px #0009;
 overflow:auto;padding:25px}
#bieAdminV4Console.bie4 .b4-drawer-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:24px;align-items:center}
#bieAdminV4Console.bie4 .b4-detail-line{border-top:1px solid var(--b4-line);padding:15px 0}
#bieAdminV4Console.bie4 .b4-detail-line small{font-size:10px;color:var(--b4-muted);display:block;margin-bottom:5px}
#bieAdminV4Console.bie4 .b4-detail-line b{font-size:12px;overflow-wrap:anywhere;white-space:pre-wrap}
#bieAdminV4Console.bie4 .b4-loading{padding:70px 10px;text-align:center;color:var(--b4-gold)}
#bieAdminV4Console.bie4 .b4-error{border:1px solid #753736;color:#f0b0ac;background:#281617;
 border-radius:14px;padding:20px}
#bieAdminV4Console.bie4 .b4-bottom-info{margin-top:24px;font-size:11px;color:var(--b4-muted)}
#bieAdminV4Console.bie4 .b4-mobile-head{display:none}
@media(max-width:1120px){
 #bieAdminV4Console.bie4 .b4-main{padding:28px 26px 60px}
 #bieAdminV4Console.bie4 .b4-col3{grid-column:span 6}
 #bieAdminV4Console.bie4 .b4-col4{grid-column:span 6}
 #bieAdminV4Console.bie4 .b4-col8{grid-column:span 12}
}
@media(max-width:720px){
 #bieAdminV4Console.bie4 .b4-frame{grid-template-columns:minmax(0,1fr);grid-template-rows:62px 1fr}
 #bieAdminV4Console.bie4 .b4-top{padding:0 15px;gap:10px}
 #bieAdminV4Console.bie4 .b4-brand{font-size:17px}
 #bieAdminV4Console.bie4 .b4-kicker{display:none}
 #bieAdminV4Console.bie4 .b4-side{position:absolute;top:62px;bottom:0;left:0;width:246px;z-index:30;
 transform:translateX(-105%);transition:transform .2s ease;box-shadow:20px 0 60px #0007}
 #bieAdminV4Console.bie4.b4-menu-open .b4-side{transform:translateX(0)}
 #bieAdminV4Console.bie4 .b4-mobile-head{display:inline-flex}
 #bieAdminV4Console.bie4 .b4-live span{display:none}
 #bieAdminV4Console.bie4 .b4-main{padding:24px 15px 48px}
 #bieAdminV4Console.bie4 .b4-hero{padding:22px;flex-wrap:wrap}
 #bieAdminV4Console.bie4 .b4-hero-score{text-align:left}
 #bieAdminV4Console.bie4 .b4-col3,#bieAdminV4Console.bie4 .b4-col4,#bieAdminV4Console.bie4 .b4-col6,#bieAdminV4Console.bie4 .b4-col8{grid-column:span 12}
 #bieAdminV4Console.bie4 .b4-drawer{top:62px}
 #bieAdminV4Console.bie4 .b4-card{padding:18px}
}
@media(prefers-reduced-motion:reduce){
 #bieAdminV4Console.bie4 .b4-side{transition:none}
}

#bieAdminV4Console.bie4.hidden{display:none !important}
#bieAdminV4Console.bie4 .b4-hero[data-state="DEGRADED"]{border-color:#56472b;background:linear-gradient(105deg,#211a10,#111819)}
#bieAdminV4Console.bie4 .b4-hero[data-state="DEGRADED"] h2{color:var(--b4-amber)}


/* V4 NATIVE MANAGEMENT: authorized BIE forms mounted inside the V4 workspace. */
/* The old admin console itself is reused, never copied or reimplemented. */
#bieAdminV4Console.bie4 .b4-native-card{margin-top:16px;max-width:100%;overflow:visible}
#bieAdminV4Console.bie4 .b4-native-tabs{display:flex;flex-wrap:wrap;gap:9px;padding-bottom:18px;border-bottom:1px solid var(--b4-line);margin-bottom:18px}
#bieAdminV4Console.bie4 .b4-native-host{min-height:240px;position:relative;overflow:visible}
#bieAdminV4Console.bie4 #bieAdminConsole.b4-native-console{
  position:relative!important;inset:auto!important;display:block!important;z-index:auto!important;
  width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;
  background:transparent!important;box-shadow:none!important;border:0!important;padding:0!important;
  margin:0!important;overflow:visible!important;opacity:1!important;transform:none!important
}
#bieAdminV4Console.bie4 #bieAdminConsole.b4-native-console>header{display:none!important}
#bieAdminV4Console.bie4 #bieAdminConsole.b4-native-console>.ba-layout{
  display:block!important;width:100%!important;min-width:0!important;height:auto!important;
  max-height:none!important;margin:0!important;padding:0!important;overflow:visible!important
}
#bieAdminV4Console.bie4 #bieAdminConsole.b4-native-console>.ba-layout>aside{display:none!important}
#bieAdminV4Console.bie4 #bieAdminConsole.b4-native-console #baMain{
  display:block!important;width:100%!important;max-width:none!important;height:auto!important;
  max-height:none!important;margin:0!important;padding:0!important;overflow:visible!important;background:transparent!important
}
#bieAdminV4Console.bie4 #bieAdminConsole.b4-native-console .ba-head>div>small:first-child{display:none!important}
#bieAdminV4Console.bie4 #bieAdminConsole.b4-native-console .ba-head{padding-top:0!important}
#bieAdminV4Console.bie4 #bieAdminConsole.b4-native-console .ba-back{
  position:fixed!important;inset:0!important;z-index:450!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  background:rgba(0,0,0,.76)!important;padding:16px!important;overflow:auto!important
}
#bieAdminV4Console.bie4 #bieAdminConsole.b4-native-console .ba-dialog{
  max-width:min(580px,calc(100vw - 32px))!important;max-height:calc(100vh - 48px)!important;overflow-y:auto!important
}
#bieAdminV4Console.bie4 #bieAdminConsole.b4-native-console .ba-user-panel{z-index:430!important}
@media(max-width:720px){
  #bieAdminV4Console.bie4 .b4-native-card{padding:13px!important}
  #bieAdminV4Console.bie4 .b4-native-tabs{gap:5px}
  #bieAdminV4Console.bie4 .b4-native-tabs .b4-button{padding:9px 11px!important}
}