#appView > #referenceDashboardFrame {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: block;
  width: 100vw;
  height: 100dvh;
  border: 0;
  background: #0b0e14;
}
#appView > #referenceDashboardFrame.hidden { display: none !important; }

/* Reuse native bot/admin handlers in the reference shell. */
html.ui-v2 body.dashboard-active.reference-native-active #appView .dashboard-panel[data-reference-native] {
position:fixed!important;inset:44px 0 0 50px!important;z-index:10001;width:auto!important;max-width:none!important;height:auto!important;max-height:none!important;margin:0!important;padding:24px!important;overflow:auto!important;border:0!important;border-radius:0!important;background:var(--ds-bg,#000)!important;color:var(--ds-text,#eef2f7)!important;box-shadow:none!important;font-family:"Geist Variable","Geist",-apple-system,BlinkMacSystemFont,system-ui,sans-serif;
}
html.ui-v2 body.dashboard-active.reference-native-active [data-reference-native] :is(.auto-card,.auto-stat,.auto-banner,.admin-membership-hub,.admin-hub-card,.admin-sales-setting,.admin-hub-stats article,.admin-decision-log,.provider-health-card) {background:var(--ds-surface-1,#111)!important;color:var(--ds-text,#eef2f7)!important;border-color:var(--ds-border,#303030)!important;border-radius:8px!important;box-shadow:none!important;}
html.ui-v2 body.dashboard-active.reference-native-active [data-reference-native] :is(input,select,textarea,.auto-tabs,.auto-btn.ghost,.button-ghost) {background:var(--ds-surface-2,#171717)!important;color:var(--ds-text,#eef2f7)!important;border-color:var(--ds-border,#303030)!important;}
html.ui-v2 body.dashboard-active.reference-native-active [data-reference-native] :is(h2,h3,h4,strong,b,label) {color:inherit;}
html.ui-v2 body.dashboard-active.reference-native-active [data-reference-native] :is(p,small,.eyebrow) {color:var(--ds-muted,#9b9b9b)!important;}
html.ui-v2 body.dashboard-active.reference-native-active [data-reference-native] .theme-cards,
html.ui-v2 body.dashboard-active.reference-native-active [data-reference-native] .ui-v2-setting {display:none!important;}
body.dashboard-active .reference-account-menu {position:fixed;z-index:10010;top:48px;right:12px;width:250px;padding:12px;border:1px solid var(--ds-border,#303030);border-radius:10px;background:var(--ds-surface-1,#111);color:var(--ds-text,#eee);box-shadow:0 12px 30px #0005;font:12px system-ui;}
body.dashboard-active .reference-account-menu .ws-account-identity {display:flex;gap:10px;padding:6px 0 12px;}
body.dashboard-active .reference-account-menu .ws-account-identity>span:last-child {display:grid;gap:3px;}
body.dashboard-active .reference-account-menu small {color:var(--ds-muted,#999);}
body.dashboard-active .reference-account-menu button {display:block;width:100%;padding:13px 8px;text-align:left;border:0;border-top:1px solid var(--ds-border,#303030);background:transparent;color:inherit;cursor:pointer;}
body.dashboard-active .reference-account-menu button:hover {background:var(--ds-surface-2,#222);}
@media(max-width:768px){html.ui-v2 body.dashboard-active.reference-native-active #appView .dashboard-panel[data-reference-native]{inset:58px 0 56px 0!important;padding:14px!important;}}

body.dashboard-active.reference-native-active :is(.auto-modal,.key-activity-modal,.modal:not(.hidden)){z-index:10020!important;}

@media(max-width:768px){html.ui-v2 body.dashboard-active.reference-native-active.reference-navigation-open #appView .dashboard-panel[data-reference-native]{z-index:9999!important;}}

/* Native tools use the terminal's flat panels, hierarchy and spacing. */
html.ui-v2 body.dashboard-active.reference-native-active #appView [data-reference-native] {--ds-bg:#000;--ds-surface-1:#080808;--ds-surface-2:#101010;--ds-border:#242424;--ds-text:#e6e8ec;--ds-muted:#91959c;--bg:#000;--surface:#080808;--surface-2:#101010;--line:#242424;--text:#e6e8ec;--muted:#91959c;padding:22px 24px!important;}
html.ui-v2[data-theme="light"] body.dashboard-active.reference-native-active #appView [data-reference-native] {--ds-bg:#fff;--ds-surface-1:#fff;--ds-surface-2:#f6f7f8;--ds-border:#e3e5e8;--ds-text:#20242b;--ds-muted:#697180;--bg:#fff;--surface:#fff;--surface-2:#f6f7f8;--line:#e3e5e8;--text:#20242b;--muted:#697180;}
html.ui-v2 body.dashboard-active.reference-native-active #appView [data-reference-native]>.panel-heading {padding:0 0 18px!important;margin:0 0 20px!important;border-bottom:1px solid var(--ds-border);}
html.ui-v2 body.dashboard-active.reference-native-active #appView [data-reference-native] .panel-heading h2 {font-size:23px!important;font-weight:600;letter-spacing:-.5px;margin:5px 0!important;}
html.ui-v2 body.dashboard-active.reference-native-active #appView [data-reference-native] .eyebrow {font-size:9px!important;letter-spacing:1.4px;}
html.ui-v2 body.dashboard-active.reference-native-active #appView [data-reference-native] .auto-body {max-width:none!important;width:100%;gap:16px;}
html.ui-v2 body.dashboard-active.reference-native-active #appView [data-reference-native] .auto-tabs {background:transparent!important;gap:20px!important;margin-bottom:2px;padding:0;border-bottom:1px solid var(--ds-border);}
html.ui-v2 body.dashboard-active.reference-native-active #appView [data-reference-native] .auto-tabs button {background:none;border:0;border-radius:0;padding:13px 2px;color:var(--ds-muted);font-size:12px;font-weight:500;}
html.ui-v2 body.dashboard-active.reference-native-active #appView [data-reference-native] .auto-tabs button.active {color:var(--ds-text);border-bottom:2px solid #618bdb;}
html.ui-v2 body.dashboard-active.reference-native-active #appView [data-reference-native] .auto-bot-columns {grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start;}
html.ui-v2 body.dashboard-active.reference-native-active #appView [data-reference-native] .auto-bot-columns>.auto-card {padding:20px!important;border:1px solid var(--ds-border);border-radius:8px!important;overflow:hidden;}
html.ui-v2 body.dashboard-active.reference-native-active #appView [data-reference-native] .auto-card-head {padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid var(--ds-border);}
html.ui-v2 body.dashboard-active.reference-native-active #appView [data-reference-native] .auto-card-head h3 {font-size:19px!important;font-weight:600;}
html.ui-v2 body.dashboard-active.reference-native-active #appView [data-reference-native] .auto-bot-kicker {font-size:9px;letter-spacing:1px;color:var(--ds-muted);}
html.ui-v2 body.dashboard-active.reference-native-active #appView [data-reference-native] .auto-stats {gap:0!important;border:1px solid var(--ds-border);border-radius:6px;overflow:hidden;margin:14px 0;}
html.ui-v2 body.dashboard-active.reference-native-active #appView [data-reference-native] .auto-stat {padding:16px!important;border:0!important;border-radius:0!important;background:transparent!important;border-bottom:1px solid var(--ds-border)!important;}
html.ui-v2 body.dashboard-active.reference-native-active #appView [data-reference-native] .auto-stat:nth-child(odd) {border-right:1px solid var(--ds-border)!important;}
html.ui-v2 body.dashboard-active.reference-native-active #appView [data-reference-native] .auto-stat-value {font-size:23px!important;line-height:1.6;font-weight:500;letter-spacing:-.4px;}
html.ui-v2 body.dashboard-active.reference-native-active #appView [data-reference-native] .auto-stat-label {font-size:9px;letter-spacing:.7px;color:var(--ds-muted);}
html.ui-v2 body.dashboard-active.reference-native-active #appView [data-reference-native] .auto-banner {padding:12px 14px!important;border-left:2px solid #5888d5!important;border-radius:4px!important;font-size:11px;line-height:1.6;}
html.ui-v2 body.dashboard-active.reference-native-active #appView [data-reference-native] .auto-hero {background:transparent!important;border:0;border-bottom:1px solid var(--ds-border);padding:16px 0!important;}
html.ui-v2 body.dashboard-active.reference-native-active #appView [data-reference-native] .auto-bot-name {font-size:19px!important;}
html.ui-v2 body.dashboard-active.reference-native-active #appView [data-reference-native] :is(.auto-btn,.button) {min-height:34px;padding:8px 12px!important;font:500 11px system-ui;border-radius:5px!important;box-shadow:none!important;}
html.ui-v2 body.dashboard-active.reference-native-active #appView [data-reference-native] .auto-btn.primary {background:#3468b8!important;color:#fff;border-color:#3468b8!important;}
html.ui-v2 body.dashboard-active.reference-native-active #appView [data-reference-native] .auto-details {background:transparent!important;border-radius:4px!important;border:1px solid var(--ds-border);margin-top:12px;}
html.ui-v2 body.dashboard-active.reference-native-active #appView [data-reference-native] .auto-details summary {font-size:12px;padding:14px;}
html.ui-v2 body.dashboard-active.reference-native-active #appView [data-reference-native] :is(input,select) {min-height:36px!important;padding:8px 10px!important;border-radius:5px!important;}
html.ui-v2 body.dashboard-active.reference-native-active #appView [data-reference-native] .admin-membership-hub {padding:20px!important;border-radius:6px!important;}
html.ui-v2 body.dashboard-active.reference-native-active #appView [data-reference-native] .admin-hub-stats {gap:0!important;border:1px solid var(--ds-border);border-radius:6px;overflow:hidden;margin:18px 0!important;}
html.ui-v2 body.dashboard-active.reference-native-active #appView [data-reference-native] .admin-hub-stats article {border:0!important;border-right:1px solid var(--ds-border)!important;border-radius:0!important;padding:18px!important;background:transparent!important;}
html.ui-v2 body.dashboard-active.reference-native-active #appView [data-reference-native] .admin-hub-stats b {font-size:25px;font-weight:500;}
html.ui-v2 body.dashboard-active.reference-native-active #appView [data-reference-native] .admin-hub-grid {grid-template-columns:minmax(0,1.3fr) minmax(300px,1fr);gap:18px!important;}
html.ui-v2 body.dashboard-active.reference-native-active #appView [data-reference-native] :is(.admin-hub-card,.admin-decision-log,.admin-sales-setting) {border-radius:5px!important;}
html.ui-v2 body.dashboard-active.reference-native-active #appView [data-reference-native] .admin-hub-empty {padding:30px 14px;font-size:12px;}
html.ui-v2 body.dashboard-active.reference-native-active #appView [data-reference-native] .admin-sales-setting {padding:13px 16px!important;background:transparent!important;}
@media(max-width:1050px){html.ui-v2 body.dashboard-active.reference-native-active #appView [data-reference-native] .auto-bot-columns,html.ui-v2 body.dashboard-active.reference-native-active #appView [data-reference-native] .admin-hub-grid{grid-template-columns:minmax(0,1fr)!important;}}
@media(max-width:600px){html.ui-v2 body.dashboard-active.reference-native-active #appView [data-reference-native]{padding:16px 12px!important;}html.ui-v2 body.dashboard-active.reference-native-active #appView [data-reference-native] .auto-bot-columns>.auto-card{padding:13px!important;}}

html.ui-v2 body.dashboard-active.reference-native-active #appView [data-reference-native] .reference-bot-toolbar {display:flex;align-items:center;justify-content:flex-end;border:1px solid var(--ds-border);border-radius:5px;padding:8px 12px;background:var(--ds-surface-1);}
html.ui-v2 body.dashboard-active.reference-native-active #appView [data-reference-native] .reference-bot-toolbar .auto-mode-switch {width:100%;border:0;background:transparent;padding:0;}
html.ui-v2 body.dashboard-active.reference-native-active #appView [data-reference-native] .reference-bot-icon {display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border:1px solid var(--ds-border);border-radius:6px;color:#9ea8b8;font:20px system-ui;}
html.ui-v2 body.dashboard-active.reference-native-active #appView [data-reference-native] .auto-card-head>div {flex:1;}
html.ui-v2 body.dashboard-active.reference-native-active #appView [data-reference-native] .reference-admin-layout {display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,1fr);gap:20px;align-items:start;}
html.ui-v2 body.dashboard-active.reference-native-active #appView [data-reference-native] .reference-admin-main,html.ui-v2 body.dashboard-active.reference-native-active #appView [data-reference-native] .reference-admin-activity {min-width:0;}
html.ui-v2 body.dashboard-active.reference-native-active #appView [data-reference-native] .reference-admin-activity>h3 {font-size:13px;margin:0 0 14px;font-weight:500;color:var(--ds-muted);}
html.ui-v2 body.dashboard-active.reference-native-active #appView [data-reference-native] .reference-admin-activity>details {margin:0 0 14px!important;width:100%;box-sizing:border-box;}
html.ui-v2 body.dashboard-active.reference-native-active #appView [data-reference-native] .reference-admin-layout .admin-hub-grid {grid-template-columns:minmax(0,1fr)!important;}
html.ui-v2 body.dashboard-active.reference-native-active #appView [data-reference-native] .reference-admin-layout .admin-hub-stats {margin-top:0!important;}
html.ui-v2 body.dashboard-active.reference-native-active #appView [data-reference-native] .reference-admin-activity :is(.visitor-stats,.visitor-insights,.visitor-chart-grid,.visitor-summary-grid) {grid-template-columns:repeat(2,minmax(0,1fr))!important;}
@media(max-width:1200px){html.ui-v2 body.dashboard-active.reference-native-active #appView [data-reference-native] .reference-admin-layout{grid-template-columns:minmax(0,1fr)!important;}}
body.dashboard-active .approved-members {margin-top:18px;}
body.dashboard-active .approved-member-pagination {display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:12px;}
body.dashboard-active .admin-member-row {flex-wrap:wrap;gap:10px;}
body.dashboard-active .admin-member-row .admin-member-info {min-width:150px;flex:1;}

/* Native bot panels scroll independently; keep sticky tabs opaque above their content. */
html.ui-v2 body.dashboard-active.reference-native-active #appView [data-reference-native] .auto-tabs{top:0!important;z-index:20;background:var(--ds-surface-1,#090909)!important;flex-shrink:0;min-height:42px}

.reference-independence-notice{position:fixed;left:58px;bottom:24px;z-index:10020;box-sizing:border-box;width:min(340px,calc(100vw - 78px));margin:0;padding:14px 16px;border:1px solid #30343a;border-radius:10px;background:#101215;color:#f4f4f5;font:12px/1.6 system-ui,sans-serif;box-shadow:0 8px 28px #0008}
