/* Shared controller workspace: all selectors are limited to the new interface. */
.bc3-controller-only{display:none}html[data-bc-interface=controller] .bc3-controller-only{display:block}
html[data-bc-interface=controller]{--bc3-bg:#f3f5f8;--bc3-panel:#fff;--bc3-subtle:#f7f9fc;--bc3-ink:#19283e;--bc3-muted:#63738a;--bc3-line:#dfe6ef;--bc3-blue:#0673f9;--bc3-blue-soft:#eaf3ff;--bc3-green:#178568;--bc3-red:#c84454;--bc3-shadow:0 2px 5px #21395905;--bc2-page:var(--bc3-bg);--bc2-surface:var(--bc3-panel);--bc2-text:var(--bc3-ink);--bc2-muted:var(--bc3-muted);--bc2-line:var(--bc3-line);--bc2-soft:var(--bc3-blue-soft);--bc2-blue:var(--bc3-blue);--bc2-side:228px;--tblr-body-color:var(--bc3-ink);--tblr-primary:#0673f9;--tblr-body-font-size:14px;--tblr-body-bg:var(--bc3-bg);--tblr-bg-surface:var(--bc3-panel);--tblr-border-color:var(--bc3-line)}
html[data-bc-interface=controller][data-bs-theme=dark]{color-scheme:dark;--bc3-bg:#111722;--bc3-panel:#1a2331;--bc3-subtle:#202c3d;--bc3-ink:#e7edf7;--bc3-muted:#a2b1c8;--bc3-line:#344156;--bc3-blue:#70b4ff;--bc3-blue-soft:#203c5b;--bc3-green:#60d1a6;--bc3-red:#ff8797}
html[data-bc-interface=controller] body{font-size:14px;line-height:1.5;background:var(--bc3-bg);color:var(--bc3-ink)}
html[data-bc-interface=controller] #bc2-shell{width:100%;box-shadow:0 1px 6px #102b4b08}
html[data-bc-interface=controller] .bc2-header{height:58px;padding:0 24px}
html[data-bc-interface=controller] .bc2-brand{font-size:21px;gap:10px}
html[data-bc-interface=controller] .bc2-product{font-size:11px}
html[data-bc-interface=controller] .bc2-header-right{font-size:14px;gap:16px}
html[data-bc-interface=controller] .bc2-nav{padding:0 16px;min-height:48px;gap:3px}
html[data-bc-interface=controller] .bc2-nav-direct,html[data-bc-interface=controller] .bc2-nav summary{font-size:14px;padding:13px 12px;gap:8px}
html[data-bc-interface=controller] .bc2-submenu{min-width:240px;padding:8px}
html[data-bc-interface=controller] .bc2-submenu a{font-size:14px;padding:11px 12px}
html[data-bc-interface=controller] .bc2-preview{padding:6px 24px;font-size:12px;min-height:30px;background:var(--bc3-subtle)}
html[data-bc-interface=controller] .bc2-preview>span{font-size:11px;letter-spacing:.3px}
html[data-bc-interface=controller] body[data-nav-layout=vertical] .bc2-nav{top:58px;padding:16px 10px}
html[data-bc-interface=controller] body[data-nav-layout=vertical] .bc2-nav summary,html[data-bc-interface=controller] body[data-nav-layout=vertical] .bc2-nav-direct{font-size:14px;padding:12px 11px}
html[data-bc-interface=controller] body[data-nav-layout=vertical] .bc2-nav-caption{font-size:11px}
html[data-bc-interface=controller] .page-wrapper>.container-xl.mt-3{margin-top:0!important}
html[data-bc-interface=controller] .page-wrapper>.container-xl.mt-3:has(.alert){margin-top:12px!important}
html[data-bc-interface=controller] .page-body>.container-xl{max-width:none;padding:20px 28px 32px!important}
html[data-bc-interface=controller] .bc3-screen{width:100%;min-width:0;max-width:1800px;margin:0 auto;color:var(--bc3-ink)}
html[data-bc-interface=existing] .bc3-screen{display:contents}
html[data-bc-interface=controller] .bc3-screen :is(.container,.container-xl,.container-fluid){width:100%;max-width:none;padding:0!important;margin:0}
html[data-bc-interface=controller] .bc3-module-context{display:flex;align-items:center;gap:14px;margin:0 0 20px;font-size:13px;color:var(--bc3-muted)}
.bc3-module-context>span:first-child{display:flex;gap:8px;align-items:center;font-weight:600;color:var(--bc3-blue)}.bc3-context-line{height:1px;background:var(--bc3-line);flex:1}.bc3-module-context small{font-size:12px}
html[data-bc-interface=controller] .bc3-screen>nav[aria-label=breadcrumb]{display:none}
html[data-bc-interface=controller] .bc3-screen :is(h1,.page-title,.router-page-title){font-size:26px!important;line-height:1.25;letter-spacing:-.65px;font-weight:650;color:var(--bc3-ink)!important;margin-bottom:6px}
html[data-bc-interface=controller] .bc3-screen :is(h2,h3,h4,.card-title){color:var(--bc3-ink);font-weight:600}
html[data-bc-interface=controller] .bc3-screen :is(.text-muted,.text-secondary,.router-page-subtitle,.form-hint){color:var(--bc3-muted)!important}
html[data-bc-interface=controller] .bc3-screen :is(.small,small){font-size:12px;line-height:1.5}
html[data-bc-interface=controller] .bc3-screen :is(.bc3-panel,.card,.inventory-stat,.inventory-filter,.inventory-table-card){border:1px solid var(--bc3-line)!important;border-radius:10px!important;background:var(--bc3-panel)!important;box-shadow:var(--bc3-shadow)!important;color:var(--bc3-ink);overflow:visible}
html[data-bc-interface=controller] .bc3-screen :is(.card-header,.card-footer){padding:16px 20px;min-height:0;border-color:var(--bc3-line)!important;background:var(--bc3-panel)!important;color:var(--bc3-ink)}
html[data-bc-interface=controller] .bc3-screen .card-header{border-radius:10px 10px 0 0!important;gap:12px}
html[data-bc-interface=controller] .bc3-screen .card-header :is(h1,h2,h3,h4,.card-title){font-size:15px!important;font-weight:650;margin:0}
html[data-bc-interface=controller] .bc3-screen .card-body{padding:20px!important;background:var(--bc3-panel)!important;color:var(--bc3-ink);border-radius:10px}
html[data-bc-interface=controller] .bc3-screen .card-footer{border-radius:0 0 10px 10px!important;font-size:13px}
html[data-bc-interface=controller] .bc3-screen :is(.row.g-3,.row.row-cards){--tblr-gutter-x:20px;--tblr-gutter-y:20px}
html[data-bc-interface=controller] .bc3-screen :is(.table-responsive,.bc3-table-scroll){border-radius:9px;overflow-x:auto}
html[data-bc-interface=controller] .bc3-screen :is(.table,.bc2-table){width:100%;font-size:14px!important;color:var(--bc3-ink)!important;background:var(--bc3-panel)!important;--tblr-table-bg:var(--bc3-panel);--tblr-table-color:var(--bc3-ink);--tblr-table-border-color:var(--bc3-line);--tblr-table-hover-bg:var(--bc3-blue-soft)}
html[data-bc-interface=controller] .bc3-screen :is(.table,.bc2-table) th{font-size:12px!important;line-height:1.4!important;letter-spacing:.1px;text-transform:none;font-weight:600!important;color:var(--bc3-muted)!important;padding:13px 16px!important;border-bottom:1px solid var(--bc3-line)!important;background:var(--bc3-subtle)!important;white-space:nowrap}
html[data-bc-interface=controller] .bc3-screen :is(.table,.bc2-table) td{font-size:14px!important;line-height:1.5!important;padding:15px 16px!important;vertical-align:middle;border-color:var(--bc3-line)!important;color:var(--bc3-ink)}
html[data-bc-interface=controller] .bc3-screen .table tbody tr:hover{background:var(--bc3-blue-soft)!important}
html[data-bc-interface=controller] .bc3-screen :is(.router-name-main,.device-vendor,.device-model,.router-ip,.location-cell,.info-value,.router-meta-value){color:var(--bc3-ink)!important;font-size:14px}
html[data-bc-interface=controller] .bc3-screen :is(.router-name-sub,.inventory-stat-note,.prefix-count,.info-label,.router-meta-label){color:var(--bc3-muted)!important;font-size:12px}
html[data-bc-interface=controller] .bc3-screen :is(code,.no-bgp,.device-cell-fallback){background:var(--bc3-subtle)!important;color:var(--bc3-muted)!important;border-radius:4px}
html[data-bc-interface=controller] .bc3-screen code{font-size:12px;padding:3px 5px;white-space:normal}
html[data-bc-interface=controller] .bc3-screen :is(.badge,.status-pill){font-size:12px!important;font-weight:550;padding:4px 8px;border-radius:5px;letter-spacing:0}
html[data-bc-interface=controller] .bc3-screen :is(.btn,.bc3-button){min-height:36px;border-radius:6px!important;font-size:13px;font-weight:550;box-shadow:none!important;padding:8px 13px;line-height:1.3}
html[data-bc-interface=controller] .bc3-screen .btn-primary{background:#0877f9!important;color:#fff!important;border-color:#0877f9!important}
html[data-bc-interface=controller] .bc3-screen :is(.btn-outline-primary,.btn-outline-secondary){background:var(--bc3-panel)!important;border-color:var(--bc3-line)!important;color:var(--bc3-ink)!important}
html[data-bc-interface=controller] .bc3-screen :is(.btn-outline-primary,.btn-outline-secondary):hover{border-color:var(--bc3-blue)!important;color:var(--bc3-blue)!important;background:var(--bc3-blue-soft)!important}
html[data-bc-interface=controller] .bc3-screen :is(.btn-icon,.router-action){width:34px;height:34px;min-height:34px;display:inline-flex;align-items:center;justify-content:center;padding:6px}
html[data-bc-interface=controller] .bc3-screen :is(.form-control,.form-select,.bc3-input){font-size:14px!important;line-height:1.5;min-height:40px;border-radius:6px!important;border:1px solid var(--bc3-line)!important;background-color:var(--bc3-panel)!important;color:var(--bc3-ink)!important;padding:9px 12px;box-shadow:none}
html[data-bc-interface=controller] .bc3-screen .input-icon .form-control{padding-left:38px}
html[data-bc-interface=controller] .bc3-screen :is(.form-control,.form-select):focus{border-color:var(--bc3-blue)!important;box-shadow:0 0 0 3px var(--bc3-blue-soft)}
html[data-bc-interface=controller] .bc3-screen :is(.form-label,label:not(.form-check)){font-size:13px;font-weight:550;color:var(--bc3-ink)}
html[data-bc-interface=controller] .bc3-screen .form-check-input{accent-color:#0877f9;background-color:var(--bc3-panel);border-color:var(--bc3-line)}
html[data-bc-interface=controller] .bc3-screen .form-check-input:checked{background-color:#0877f9}
html[data-bc-interface=controller] .bc3-screen :is(.form-text,.help-block){font-size:12px;color:var(--bc3-muted)}
html[data-bc-interface=controller] .bc3-screen[data-bc3-kind=form]{max-width:1240px}
html[data-bc-interface=controller] .bc3-screen[data-bc3-kind=form] .card-body{padding:28px!important}
html[data-bc-interface=controller] .bc3-screen[data-bc3-kind=form] :is(.row.g-3,.row.g-4){--tblr-gutter-y:24px}
html[data-bc-interface=controller] .bc3-screen[data-bc3-kind=form] .card-header{background:var(--bc3-subtle)!important;padding:20px 28px}
html[data-bc-interface=controller] .bc3-screen[data-bc3-kind=form] .card-footer{padding:16px 28px;background:var(--bc3-subtle)!important}
html[data-bc-interface=controller] .bc3-screen :is(.nav-tabs,.nav-pills){gap:3px;border-bottom:1px solid var(--bc3-line);flex-wrap:nowrap;overflow-x:auto}
html[data-bc-interface=controller] .bc3-screen :is(.nav-tabs,.nav-pills) .nav-link{white-space:nowrap;background:transparent!important;border:0!important;border-bottom:2px solid transparent!important;border-radius:0!important;font-size:14px!important;color:var(--bc3-muted)!important;padding:13px 15px!important;margin:0!important}
html[data-bc-interface=controller] .bc3-screen :is(.nav-tabs,.nav-pills) .nav-link.active{color:var(--bc3-blue)!important;border-bottom-color:var(--bc3-blue)!important;font-weight:650}
html[data-bc-interface=controller] .bc3-screen :is(.nav-tabs,.nav-pills) .nav-link:hover{color:var(--bc3-blue)!important;background:var(--bc3-blue-soft)!important}
html[data-bc-interface=controller] .bc3-device-tabs{margin-bottom:22px!important;border:0!important;background:transparent!important;box-shadow:none!important}
html[data-bc-interface=controller] .bc3-device-tabs>.card-body{padding:0!important;background:transparent!important}
html[data-bc-interface=controller] .bc3-device-tabs ul{width:100%}
html[data-bc-interface=controller] .bc3-device-tabs .ms-auto{display:none!important}
html[data-bc-interface=controller] .bc3-screen :is(.inventory-stat,.metric-card){border-top:3px solid var(--bc3-blue)!important}
html[data-bc-interface=controller] .bc3-screen :is(.inventory-stat-value,.metric-value){font-size:25px!important;letter-spacing:-.6px;color:var(--bc3-ink)!important}
html[data-bc-interface=controller] .bc3-screen :is(.inventory-stat-icon,.metric-icon,.dashboard-stat-icon){height:36px!important;width:36px!important;min-width:36px;border-radius:8px!important;font-size:19px!important;background:var(--bc3-blue-soft)!important;color:var(--bc3-blue)!important}
html[data-bc-interface=controller] .bc3-screen .inventory-stat .card-body{flex-direction:row-reverse;justify-content:space-between;padding:18px!important}
html[data-bc-interface=controller] .bc3-screen .inventory-stat-label{color:var(--bc3-muted)!important;font-size:13px}
html[data-bc-interface=controller] .bc3-device-context{border-bottom:1px solid var(--bc3-line);padding:0 0 20px;margin-bottom:16px}
.bc3-device-heading{display:flex;align-items:center;gap:15px}.bc3-device-avatar{display:grid;place-items:center;flex-shrink:0;width:60px;height:60px;border:1px solid var(--bc3-line);border-radius:12px;background:var(--bc3-panel);color:var(--bc3-blue);font-size:29px}.bc3-kicker{font-size:11px;letter-spacing:.7px;color:var(--bc3-muted);margin-bottom:5px}.bc3-device-heading h1{margin:0!important;font-size:25px!important}.bc3-device-heading p{margin:5px 0 0;color:var(--bc3-muted);font-size:13px}.bc3-device-heading p span{margin:0 5px}.bc3-back{margin-left:auto;border:1px solid var(--bc3-line);border-radius:6px;padding:9px 13px;color:var(--bc3-ink);background:var(--bc3-panel);font-size:13px;text-decoration:none;white-space:nowrap}.bc3-device-meta{display:flex;gap:35px;margin:19px 0 0 75px;flex-wrap:wrap}.bc3-device-meta>span{display:flex;flex-direction:column;gap:4px}.bc3-device-meta small{color:var(--bc3-muted);font-size:11px}.bc3-device-meta b{font-size:13px;font-weight:550;color:var(--bc3-ink)}.bc3-snapshot-state{color:var(--bc3-muted)!important}
html[data-bc-interface=controller] .bc3-screen[data-bc3-kind=device]>.router-hero{display:none!important}
html[data-bc-interface=controller] .bc3-screen[data-bc3-kind=device] .bc3-old-title{display:none!important}
html[data-bc-interface=controller] .bc3-screen :is(.modal-content,.modal-header,.modal-body,.modal-footer){background:var(--bc3-panel)!important;color:var(--bc3-ink)!important;border-color:var(--bc3-line)!important}
html[data-bc-interface=controller] .bc3-screen .modal-content{border-radius:12px;border:1px solid var(--bc3-line)}
html[data-bc-interface=controller] .bc3-screen :is(.list-group-item,.accordion-item,.accordion-button){background:var(--bc3-panel)!important;color:var(--bc3-ink)!important;border-color:var(--bc3-line)!important}
html[data-bc-interface=controller] .bc3-screen :is(.alert){font-size:13px;border-radius:7px;padding:13px 16px}
html[data-bc-interface=controller][data-bs-theme=dark] .bc3-screen .alert-danger{background:#38232e;color:#ffb1ba;border-color:#6a3946}
html[data-bc-interface=controller][data-bs-theme=dark] .bc3-screen .alert-warning{background:#383125;color:#f2d499;border-color:#655634}
html[data-bc-interface=controller] .bc3-screen :is(pre,.terminal,.terminal-output){background:#101a28!important;color:#dce8f7!important;border:1px solid #2e3e53;border-radius:8px;font-size:13px;line-height:1.6}
html[data-bc-interface=controller] .bc3-screen canvas{max-width:100%}
html[data-bc-interface=controller] .bc3-screen :is(.page-link){background:var(--bc3-panel);color:var(--bc3-muted);border-color:var(--bc3-line);border-radius:4px}
html[data-bc-interface=controller] .bc3-screen .page-item.active .page-link{background:#0877f9;color:#fff}
html[data-bc-interface=controller] .bc2-heading{margin:0 0 20px}.bc2-heading p{font-size:14px}
html[data-bc-interface=controller] .bc2-eyebrow{font-size:11px;letter-spacing:.7px}
html[data-bc-interface=controller] .bc2-health-grid{margin-bottom:20px;border-radius:10px}
html[data-bc-interface=controller] .bc2-health{padding:21px 22px;gap:16px}
html[data-bc-interface=controller] .bc2-ring{width:70px;height:70px;border-width:3px}
html[data-bc-interface=controller] .bc2-health h2{font-size:14px;line-height:1.4}
html[data-bc-interface=controller] .bc2-health p{font-size:12px;line-height:1.5}
html[data-bc-interface=controller] .bc2-panel-heading{padding:16px 20px}
html[data-bc-interface=controller] .bc2-panel-heading h2{font-size:15px}
html[data-bc-interface=controller] .bc2-panel-heading a{font-size:13px}
html[data-bc-interface=controller] .bc2-overview-grid{gap:20px}
html[data-bc-interface=controller] .bc2-routing{padding:20px;gap:20px}
html[data-bc-interface=controller] .bc2-routing p,html[data-bc-interface=controller] .bc2-routing-detail>div{font-size:13px}
html[data-bc-interface=controller] .bc2-protocols{font-size:12px;padding:14px 20px}
html[data-bc-interface=controller] .bc2-connection{padding:23px 20px;min-height:151px}
html[data-bc-interface=controller] .bc2-connection p{font-size:13px}
html[data-bc-interface=controller] .bc2-device-link b{font-size:14px}
html[data-bc-interface=controller] .bc2-table small{font-size:12px}
html[data-bc-interface=controller] .bc2-status{font-size:13px}
html[data-bc-interface=controller] .bc2-panel-foot{font-size:12px}
html[data-bc-interface=controller] #bc-ui-settings{width:440px;padding:28px;max-width:100vw}
html[data-bc-interface=controller] #bc-ui-settings :is(label,legend){font-size:14px}
html[data-bc-interface=controller] #bc-ui-settings small{font-size:13px;color:var(--bc3-muted)}
html[data-bc-interface=controller] #bc-ui-settings-button{font-size:13px}
html[data-bc-interface=controller] :is(.bc3-screen,#bc2-shell) :focus-visible{outline:3px solid var(--bc3-blue);outline-offset:3px}
@media(max-width:1200px){html[data-bc-interface=controller] .bc2-nav summary,html[data-bc-interface=controller] .bc2-nav-direct{font-size:13px;padding:12px 9px}.bc3-device-meta{gap:20px}html[data-bc-interface=controller] .page-body>.container-xl{padding:18px 20px!important}}
@media(max-width:767px){html[data-bc-interface=controller] .page-body>.container-xl{padding:16px 12px 28px!important}html[data-bc-interface=controller] .bc2-header{padding:0 12px}html[data-bc-interface=controller] .bc2-preview{padding:6px 12px;gap:5px}html[data-bc-interface=controller] body[data-nav-layout=vertical] .bc2-nav{top:0;max-height:40vh}.bc3-device-heading{gap:10px;flex-wrap:wrap}.bc3-device-heading h1{font-size:22px!important}.bc3-device-avatar{width:48px;height:48px;font-size:24px}.bc3-back{font-size:12px;padding:7px 9px}.bc3-device-meta{margin-left:0;display:grid;grid-template-columns:1fr 1fr;gap:14px}.bc3-module-context{margin-bottom:14px!important}html[data-bc-interface=controller] .bc3-screen .card-body{padding:16px!important}html[data-bc-interface=controller] .bc3-screen :is(.table,.bc2-table) td{padding:12px!important}html[data-bc-interface=controller] .bc3-screen[data-bc3-kind=form] .card-body{padding:18px!important}html[data-bc-interface=controller] .bc2-health{padding:16px;gap:12px}html[data-bc-interface=controller] .bc2-ring{width:58px;height:58px}}
@media(prefers-reduced-motion:reduce){html[data-bc-interface=controller] .bc3-screen *{transition:none!important;scroll-behavior:auto!important}}
html[data-bc-interface=controller] .bc3-device-workspace{display:grid;grid-template-columns:176px minmax(0,1fr);gap:22px;align-items:start}
html[data-bc-interface=controller] .bc3-device-workspace .bc3-device-tabs{background:var(--bc3-panel)!important;border:1px solid var(--bc3-line)!important;border-radius:9px!important;padding:9px!important}
html[data-bc-interface=controller] .bc3-device-workspace .bc3-device-tabs :is(.nav-pills,.nav-tabs){flex-direction:column;border-bottom:0;overflow:visible;gap:4px}
html[data-bc-interface=controller] .bc3-device-workspace .bc3-device-tabs :is(.nav-link){padding:10px 11px!important;border-bottom:0!important;border-radius:5px!important;font-size:13px!important}
html[data-bc-interface=controller] .bc3-device-workspace .bc3-device-tabs .nav-link.active{background:var(--bc3-blue-soft)!important}
html[data-bc-interface=controller] .bc3-device-content{min-width:0}
html[data-bc-interface=controller] .bc3-device-content>.alert:first-child{margin-top:0}
html[data-bc-interface=controller] .bc3-device-content .resource-ring{width:100px!important;height:100px!important;max-width:100%}
html[data-bc-interface=controller] .bc3-device-content .metric-icon{display:none!important}
html[data-bc-interface=controller] .bc3-device-content .metric-card .card-body{padding:15px!important}
html[data-bc-interface=controller] .bc3-device-content .row>.col-xl{min-width:130px}
html[data-bc-interface=controller] .bc3-login .login-visual-panel,html[data-bc-interface=controller] .bc3-login :is(.background-decoration,.login-security-icon,.login-bottom-icons){display:none!important}
html[data-bc-interface=controller] .bc3-login .isp-login-page{min-height:100vh;display:grid;place-items:center;background:var(--bc3-bg)!important}
html[data-bc-interface=controller] .bc3-login .login-form-panel{width:100%;padding:36px 20px;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:transparent!important}
html[data-bc-interface=controller] .bc3-login .login-card{width:100%;max-width:440px;border:1px solid var(--bc3-line);border-radius:12px;padding:34px;background:var(--bc3-panel)!important;box-shadow:0 14px 45px #162a4610}
html[data-bc-interface=controller] .bc3-login .login-heading{margin:0 0 25px;text-align:left}
html[data-bc-interface=controller] .bc3-login .login-heading h2{font-size:24px;color:var(--bc3-ink);letter-spacing:-.5px}
html[data-bc-interface=controller] .bc3-login .login-heading p{font-size:14px;color:var(--bc3-muted)}
html[data-bc-interface=controller] .bc3-login .login-input{height:44px;background:var(--bc3-panel)!important;color:var(--bc3-ink)!important;border:1px solid var(--bc3-line);border-radius:6px;font-size:14px;box-shadow:none}
html[data-bc-interface=controller] .bc3-login :is(.login-label,label){color:var(--bc3-ink);font-size:13px}
html[data-bc-interface=controller] .bc3-login :is(.login-btn,.login-submit){height:44px;background:#0877f9!important;border:0;border-radius:6px;box-shadow:none!important}
.bc3-login-brand{margin:0 auto 24px;color:var(--bc3-ink);font-size:22px;font-weight:650;letter-spacing:-.7px}.bc3-login-brand i{display:inline-grid;place-items:center;width:34px;height:34px;background:#0877f9;color:white;border-radius:8px;margin-right:8px}.bc3-login-brand small{display:block;font-size:12px;letter-spacing:0;font-weight:400;color:var(--bc3-muted);margin:8px 0 0 46px}
@media(max-width:1100px){html[data-bc-interface=controller] .bc3-device-workspace{grid-template-columns:minmax(0,1fr);gap:0}html[data-bc-interface=controller] .bc3-device-workspace .bc3-device-tabs :is(.nav-pills,.nav-tabs){flex-direction:row;overflow-x:auto}html[data-bc-interface=controller] .bc3-device-workspace .bc3-device-tabs{padding:4px!important}}
html[data-bc-interface=controller] .bc3-auth-guest>div{background:var(--bc3-bg)!important;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px}
html[data-bc-interface=controller] .bc3-auth-guest>div>div:last-child{width:100%;max-width:460px;padding:30px;background:var(--bc3-panel)!important;color:var(--bc3-ink);border:1px solid var(--bc3-line);border-radius:12px}
html[data-bc-interface=controller] :is(.bc3-auth-guest,.bc3-screen[data-bc3-page=your-profile]) input:not([type=checkbox]){display:block;width:100%;min-height:40px;padding:9px 12px;margin:6px 0 16px;background:var(--bc3-panel);color:var(--bc3-ink);border:1px solid var(--bc3-line);border-radius:6px;font-size:14px}
html[data-bc-interface=controller] :is(.bc3-auth-guest,.bc3-screen[data-bc3-page=your-profile]) button{border-radius:6px;padding:9px 14px;border:1px solid var(--bc3-line);background:var(--bc3-panel);color:var(--bc3-ink);font-size:14px}
html[data-bc-interface=controller] :is(.bc3-auth-guest,.bc3-screen[data-bc3-page=your-profile]) h2{font-size:19px;margin-bottom:12px}
html[data-bc-interface=controller] .bc3-auth-guest svg{max-height:48px;margin-bottom:24px}
html[data-bc-interface=controller] .bc3-screen :is(.bg-white,.bg-light,.bg-body,.bg-body-tertiary){background:var(--bc3-panel)!important}
html[data-bc-interface=controller] .bc3-screen :is(.text-dark,.text-body){color:var(--bc3-ink)!important}
html[data-bc-interface=controller] .bc3-screen .text-primary{color:var(--bc3-blue)!important}
html[data-bc-interface=controller][data-bs-theme=dark] .bc3-screen .text-success{color:var(--bc3-green)!important}
html[data-bc-interface=controller][data-bs-theme=dark] .bc3-screen .text-danger{color:var(--bc3-red)!important}