:root{--wbn-bg:#213451;--wbn-bg2:#17263d;--wbn-line:#d7e0ee;--wbn-blue:#355894;--wbn-gold:#8a6200;--wbn-green:#0f7b4a;--wbn-red:#b42318;}
.wbn-run-select-top{width:270px!important;max-width:38vw}
.wbn-top{position:sticky;top:0;z-index:2000;background:var(--wbn-bg);color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.22);font-family:Arial,'Helvetica Neue',sans-serif}.wbn-bar{display:flex;align-items:center;gap:8px;min-height:42px;padding:6px 10px;white-space:nowrap;overflow-x:auto}.wbn-brand{font-weight:800;font-size:16px}.wbn-pill{font-size:11px;border:1px solid rgba(255,255,255,.55);border-radius:999px;padding:2px 8px;background:rgba(255,255,255,.08)}.wbn-basin{font-size:12px;color:#eaf2ff;font-weight:700}.wbn-user{font-size:12px;background:rgba(255,255,255,.12);border-radius:999px;padding:4px 8px}.wbn-input{width:64px;border:1px solid #b8c5d9;border-radius:5px;padding:5px 6px}.wbn-small{font-size:13px}.wbn-top label{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700;margin:0}.wbn-dd{position:relative;display:inline-block}.wbn-dd>button,.wbn-btn{border:1px solid #b5c4da;background:#fff;color:#07172f;border-radius:6px;padding:6px 9px;font-weight:700;text-decoration:none;cursor:pointer;white-space:nowrap}.wbn-dd>button:hover,.wbn-btn:hover{background:#eef4ff}.wbn-menu{display:none;position:absolute;top:32px;left:0;min-width:320px;max-width:440px;max-height:72vh;overflow-y:auto;background:#fff;color:#0f172a;border:1px solid #cbd8e9;border-radius:10px;box-shadow:0 14px 36px rgba(15,23,42,.22);padding:8px;z-index:2200}.wbn-menu-right{left:auto;right:0}.wbn-dd:hover .wbn-menu,.wbn-dd:focus-within .wbn-menu{display:block}.wbn-menu b{display:block;padding:8px 10px;color:#1f3d6b;border-bottom:1px solid #eef2f7}.wbn-menu a{display:block;color:#0f172a;text-decoration:none;padding:9px 10px;border-radius:8px}.wbn-menu a:hover{background:#edf4ff}.wbn-menu a span{display:block;color:#64748b;font-size:12px;margin-top:2px;white-space:normal}.wbn-menu label{display:flex;margin:7px 10px;color:#334155}.wbn-spacer{flex:1}.wbn-locked{opacity:.45;filter:grayscale(1);pointer-events:none}.wbn-guest-hint{background:#fff7ed!important;color:#7c2d12!important;border:1px solid #fed7aa!important}.wbn-admin-only{border-left:4px solid #d69e2e}.wbn-main{max-width:1200px;margin:24px auto;padding:0 16px}.wbn-panel{background:#fff;border:1px solid #d9e2ef;border-radius:13px;padding:20px;box-shadow:0 6px 22px rgba(15,23,42,.07)}.wbn-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.wbn-card{background:#fff;border:1px solid #d9e2ef;border-radius:12px;padding:16px;box-shadow:0 3px 12px rgba(15,23,42,.05)}.wbn-card h3{margin:0 0 8px}.wbn-card p{color:#334155}.wbn-card .tag{font-size:11px;font-weight:800;color:#34527f;text-transform:uppercase}.wbn-card .step-note{font-size:12px;color:#64748b;border-top:1px solid #eef2f7;margin-top:10px;padding-top:9px}.wbn-action{display:inline-block;margin:4px 6px 4px 0;padding:8px 10px;border-radius:7px;border:1px solid #aebfda;text-decoration:none;color:#102646;background:#fff;font-weight:700}.wbn-action.primary{background:#365892;color:#fff;border-color:#365892}.wbn-action.warn{background:#fff8e6;color:#6b4700;border-color:#e1ba61}.wbn-action.disabled{opacity:.45;pointer-events:none;background:#e5e7eb}.wbn-flow{width:100%;border-collapse:collapse}.wbn-flow th,.wbn-flow td{border:1px solid #dce5f2;padding:8px}.wbn-flow th{background:#eef3fb;text-align:left}.wbn-ok{color:#0f7b4a}.wbn-warn{color:#8a6200}.wbn-error{color:#b42318}@media(max-width:980px){.wbn-grid{grid-template-columns:1fr}.wbn-spacer{display:none}.wbn-menu,.wbn-menu-right{position:fixed;left:8px;right:8px;top:48px;min-width:auto}.wbn-bar{align-items:flex-start}}