/* Compact enterprise surfaces shared by all preview routes. */
.reviewbar{display:none}.shell{grid-template-columns:208px minmax(0,1fr);min-height:100dvh}.sidebar{height:100dvh;top:0;padding:20px 12px 12px;background:var(--side);overflow-y:auto}.sidebar>.brand{margin:0 8px 20px}.brand img{width:28px;height:28px}.wordmark{font-size:20px}.wordmark small{display:inline;margin-left:6px;letter-spacing:1px;font-size:8px}.wordmark span{color:var(--text)}.workspace{background:var(--surface);border-color:var(--border);padding:9px;margin-bottom:20px;border-radius:6px}.workspace-mark,.site-avatar,.avatar,.ops-agent-symbol{background:var(--surface2);border-color:var(--border);color:var(--text);border-radius:6px}.workspace small{font-size:10px}.nav-label{font-size:10px;letter-spacing:1px;color:var(--muted);margin-bottom:8px;padding:0 10px}.side-nav{gap:2px;margin-bottom:20px}.nav-item{min-height:34px;padding:7px 10px;font-size:12px;color:var(--muted);border-radius:6px;white-space:nowrap}.nav-item:hover{background:var(--surface2);color:var(--text)}.nav-item.active{background:var(--surface3);color:var(--text);font-weight:600}.nav-item.active:before{content:"";position:absolute;left:0;width:3px;height:20px;background:var(--yellow);border-radius:2px}.nav-item .nav-count{background:var(--warn-soft);color:var(--amber)}.side-bottom{padding-top:8px}.help-card{display:none}.profile{padding-top:12px}.topbar{height:56px;padding:0 24px;background:var(--surface);gap:12px;position:sticky;top:0;z-index:20}.top-context,.top-actions{display:flex;align-items:center;gap:12px;min-width:0}.breadcrumb{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.breadcrumb strong{font-weight:500;color:var(--text)}.breadcrumb span{color:var(--muted)}.icon-btn{width:32px;height:32px;background:transparent;border-color:var(--border);border-radius:6px}.content{padding:20px 24px 32px;max-width:1760px}.page-head{align-items:center;margin-bottom:16px;min-height:32px}.page-head h1,.ops-title h1{font-size:20px}.page-head .eyebrow,.page-head p{display:none}.page-actions,.ops-actions{gap:8px}.btn{min-height:34px;padding:7px 12px;border-radius:6px;background:var(--surface);border-color:var(--border);color:var(--text);font-size:12px}.btn:hover{background:var(--surface2)}.btn.primary{background:var(--yellow);color:#181a20;border-color:var(--yellow)}.btn.primary:hover{background:#eab308}.btn.danger{background:var(--red-soft);color:var(--red);border-color:var(--red)}.text-link{color:var(--info);font-size:12px}.toolbar{gap:12px;margin-bottom:16px}.toolbar-left{gap:8px;flex-wrap:wrap}.section-kicker{font-size:11px;color:var(--muted)}.panel,.stat,.site-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:none}.stats{gap:12px;margin-bottom:16px}.stat{padding:16px}.stat-top{font-size:12px;color:var(--muted)}.stat-number{font-size:30px;font-weight:600;letter-spacing:-1px;margin:8px 0}.stat-number small{font-size:12px;margin-left:6px;letter-spacing:0;color:var(--muted)}.stat.warning{background:var(--surface);border-color:var(--border)}.stat.warning .stat-number{color:var(--amber)}.stat-foot{font-size:11px;color:var(--muted)}.up{color:var(--green)}.grid-main{gap:16px;grid-template-columns:minmax(0,1.7fr) minmax(300px,1fr)}.panel-head{padding:16px 18px}.panel-head p{font-size:11px;color:var(--muted)}.chart{height:150px}.chart-meta{padding-left:18px}.chart-meta>small{color:var(--green)}.chart-caption{border-color:var(--border)}.chart-caption .legend i{background:var(--info)}.tabs,.segmented{background:var(--surface2);border:1px solid var(--border);border-radius:6px}.tabs button{color:var(--muted)}.tabs button.active{background:var(--surface);color:var(--text);box-shadow:0 1px 3px #0001}.section-title{margin:20px 0 12px}.site-grid{gap:12px}.site-card{padding:16px}.site-card h3{font-size:15px}.location{font-size:11px}.site-measures{margin:16px 0}.site-measures strong{font-size:23px}.site-bottom,.site-bottom em{font-size:11px}.health-track{background:var(--surface3)}.health-track>span{background:var(--green)}.health-track>span.warn{background:var(--amber)}.pill,.pill.ok{border-radius:5px;background:var(--green-soft);color:var(--green);font-size:11px;font-weight:500}.pill.warn{background:var(--warn-soft);color:var(--amber)}.pill.neutral{background:var(--surface2);color:var(--muted)}.event-symbol{background:var(--warn-soft);color:var(--amber);border-color:var(--border)}.event-symbol.good{background:var(--green-soft);color:var(--green)}.event-item{padding:14px 18px;border-color:var(--border)}.event-item strong{font-size:12px}.event-item p,.event-item time{font-size:11px;color:var(--muted)}.wide-event{border-radius:8px;padding:16px}.notice,.notice.warning{background:var(--surface2);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:12px}.notice>.icon{color:var(--info)}.notice.warning>.icon{color:var(--amber)}.notice p,.bottom-note{color:var(--muted)}.notice{margin-bottom:16px}.bottom-note{font-size:11px}.data-table th{background:var(--surface2);color:var(--muted);font-size:10px;letter-spacing:.05em;font-weight:600;padding:10px 14px;white-space:nowrap}.data-table td{padding:12px 14px;font-size:12px;border-color:var(--border)}.data-table td small{font-size:11px;color:var(--muted)}.data-table tbody tr:hover{background:var(--surface2)}.table-panel{overflow:auto}.table-footer{border-color:var(--border);color:var(--muted);font-size:11px;padding:12px 14px}.danger-text{color:var(--red)}.searchbox,input,textarea,.field input,.field textarea{background:var(--surface);border-color:var(--border);color:var(--text);border-radius:6px}.searchbox input{background:transparent}.field label{font-size:12px;color:var(--text)}.field input,.field textarea{min-height:36px;font-size:13px}.field small{font-size:11px;color:var(--muted)}.field{margin-bottom:16px}.form-panel{padding:20px}.form-panel>p{font-size:12px;color:var(--muted)}.security-grade,.security-item,.profile{border-color:var(--border)}.security-grade{background:var(--surface2)}.security-item p{color:var(--muted);font-size:12px}.security-item{padding:16px}.empty{padding:36px 20px;color:var(--muted)}dialog{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);max-width:min(600px,calc(100vw - 24px))}dialog::backdrop{background:#0006;backdrop-filter:none}.dialog-head{border-color:var(--border)}.dialog-head h2{font-size:18px}dialog>p{color:var(--muted);font-size:12px}.toast{background:var(--text);color:var(--bg);border-radius:6px;box-shadow:var(--shadow)}
.bee-select-trigger,.bee-select-search{background:var(--surface)!important;border-color:var(--border)!important;color:var(--text)!important;min-height:36px;padding:8px 11px;border-radius:6px;font-size:12px}.bee-select-trigger>.icon{color:var(--muted)}.bee-select-menu{background:var(--surface);color:var(--text);border-color:var(--border);border-radius:8px;box-shadow:var(--shadow)}.bee-select-option{min-height:36px;font-size:12px}.bee-select-option[aria-selected=true]{background:var(--info-soft);color:var(--info)}.bee-select-option[data-active=true]{background:var(--surface2);outline-color:var(--border)}.bee-select-hint{border-color:var(--border);color:var(--muted)}.bee-select-empty{color:var(--muted)}.bee-select-options{scrollbar-color:var(--border) var(--surface)}
.ops-agent,.ops-flow-card{padding:16px}.ops-trigger-summary{color:var(--muted);margin:12px 0}.ops-action-chain>span,.ops-result,.rule-preview{background:var(--surface2);border-color:var(--border);color:var(--text)}.ops-node{background:var(--surface)}.ops-node-title>span{background:var(--info-soft);color:var(--info)}.ops-days input:checked+span{background:var(--info-soft);border-color:var(--info);color:var(--info)}.ops-action-status{color:var(--muted)}.ops-title{margin-bottom:16px}.ops-context{margin-bottom:16px}.ops-flow-footer{padding-top:12px}.ops-agent-grid{gap:12px}.rack-header,.rack-front{background:var(--surface);border-color:var(--border)}.rack-panel,.rack-floor{border-color:var(--border)}.rack-meta,.floor-label b{color:var(--text)}.rack-labels,.floor-label,.rack-base,.slot-model,.unplaced-device p,.unplaced-device>small{color:var(--muted)}.rack-slot{background:var(--green-soft);border-color:var(--green);color:var(--green)}.rack-slot.warm{background:var(--warn-soft);border-color:var(--amber);color:var(--amber)}.rack-slot.critical{background:var(--red-soft);border-color:var(--red);color:var(--red)}.rack-slot.offline,.rack-slot.vacant{background:var(--surface2);border-color:var(--border);color:var(--muted)}.rack-slot .slot-model{color:inherit}.rack-tabs button.active{background:var(--surface3);border-color:var(--border);color:var(--text)}.unplaced-device.selected{background:var(--info-soft)}.rack-row{grid-template-columns:24px repeat(var(--cols),minmax(70px,1fr))}.slot-ip{font-size:10px}.slot-model{font-size:9px}.rack-slot{min-height:76px}.heat-legend span{font-size:11px}.rack-header p{font-size:11px}.layout-count{font-size:11px}.rack-sidebar .panel-head p{font-size:11px}.rule-preview>div{border-color:var(--border);color:var(--text)}.rule-card p,.placement-note{font-size:11px}
.bee-flow-workspace{background:var(--bg);border-radius:8px;height:calc(100dvh - 194px)}.bee-flow-inspector{background:var(--surface)}.bee-flow-node{background:var(--surface);color:var(--text);border-color:var(--border);border-radius:8px;box-shadow:0 2px 5px #0001}.bee-flow-node.is-selected{border-color:var(--info);box-shadow:0 0 0 2px var(--info-soft)}.bee-node-label,.bee-flow-node p,.bee-node-foot{color:var(--muted)}.bee-node-label>span{background:var(--info-soft);color:var(--info)}.bee-node-foot{border-color:var(--border)}.bee-flow-workspace .react-flow{--xy-controls-button-background-color:var(--surface);--xy-controls-button-background-color-hover:var(--surface2);--xy-controls-button-color:var(--text);--xy-controls-button-border-color:var(--border);--xy-attribution-background-color:var(--surface);--xy-edge-label-color:var(--muted)}.bee-flow-node .react-flow__handle{background:var(--info);border-color:var(--surface)}
.auth-layout{min-height:100dvh;background:var(--bg)}.auth-story{background:var(--side);border-color:var(--border)}.auth-copy .story-heading{font-size:36px;line-height:1.2}.auth-copy .story-heading span{color:var(--text)}.auth-story .eyebrow{display:none}.story-window{background:var(--surface);border-color:var(--border);box-shadow:none}.story-window-head,.story-window-row{border-color:var(--border)}.auth-main{background:var(--surface)}.auth-main h1{font-size:24px}.auth-form .eyebrow{display:none}.auth-lock,.auth-footer{color:var(--muted)}.onboarding{min-height:100dvh}.onboard-body h1{font-size:26px}.step.active{color:var(--text);border-color:var(--border);background:var(--surface2)}
.command-trigger{display:flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid var(--border);border-radius:6px;background:var(--surface2);color:var(--muted);font-size:12px}.command-trigger .icon{width:15px}.command-trigger kbd{font-size:10px;padding-left:32px}.command-results{display:grid;max-height:50vh;overflow:auto;gap:4px;margin-top:12px}.command-results a{padding:10px 12px;border:1px solid var(--border);border-radius:6px;display:flex;gap:12px;align-items:center}.command-results a:hover{background:var(--surface2)}.command-results small{margin-left:auto;color:var(--muted)}.shell.nav-collapsed{grid-template-columns:64px minmax(0,1fr)}.nav-collapsed .sidebar{padding:20px 8px}.nav-collapsed .brand{margin:0 9px 20px}.nav-collapsed .wordmark,.nav-collapsed .workspace,.nav-collapsed .nav-label,.nav-collapsed .profile,.nav-collapsed .nav-count{display:none}.nav-collapsed .nav-item{font-size:0;gap:0;justify-content:center;padding:8px}.nav-collapsed .side-nav{margin-bottom:12px}.nav-collapsed .nav-item .icon{width:18px}.mobile-overlay{display:none}
.table-tools{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:10px 14px;border-bottom:1px solid var(--border)}.table-tools input{min-width:0;width:220px;padding:7px 10px;border:1px solid var(--border)}.table-tools .pager{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px}.sort-button{font:inherit;color:inherit;background:transparent;cursor:pointer;border:0;padding:0;white-space:nowrap}.column-picker{display:flex;gap:12px;flex-wrap:wrap}.column-picker label{display:flex;gap:6px;align-items:center;font-size:12px}
@media(min-width:1440px){.content{padding:24px 32px 40px}.topbar{padding:0 32px}.shell{grid-template-columns:224px minmax(0,1fr)}}
@media(max-width:1100px){.shell{grid-template-columns:192px minmax(0,1fr)}.content{padding:16px}.topbar{padding:0 16px}.grid-main{grid-template-columns:1fr}.command-trigger kbd{display:none}.site-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.breadcrumb{max-width:340px}}
@media(min-width:768px) and (max-width:1023px){.shell{grid-template-columns:64px minmax(0,1fr)}.sidebar{padding:20px 8px}.sidebar .wordmark,.sidebar .workspace,.sidebar .nav-label,.sidebar .profile,.sidebar .nav-count{display:none}.sidebar .brand{margin:0 9px 20px}.sidebar .nav-item{font-size:0;gap:0;justify-content:center}.sidebar .side-nav{margin-bottom:12px}}
@media(max-width:767px){.shell,.shell.nav-collapsed{display:block;min-height:100dvh}.sidebar{display:none;position:fixed;z-index:50;left:0;top:0;width:232px;height:100dvh;transform:none;padding:20px 12px}.menu-open .sidebar{display:flex}.menu-open .mobile-overlay{display:block;position:fixed;inset:0;background:#0006;z-index:49}.topbar{height:56px;padding:0 12px;gap:8px}.top-context,.top-actions{gap:8px}.breadcrumb{max-width:145px;font-size:11px}.breadcrumb>strong{font-weight:600}.command-trigger{width:34px;height:34px;justify-content:center;padding:0}.command-trigger span,.command-trigger kbd{display:none}.top-actions>.avatar{display:none}.content{padding:16px 12px 24px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.stat{padding:12px}.stat-number{font-size:26px}.stat-foot{font-size:10px}.stat-top{font-size:11px}.stat-top>.icon{display:none}.grid-main,.site-grid,.settings-grid,.ops-agent-grid{grid-template-columns:1fr}.page-head,.ops-title{flex-wrap:wrap;gap:12px}.page-head h1{font-size:19px}.toolbar{flex-wrap:wrap}.toolbar-left{width:100%}.toolbar .searchbox{width:100%;max-width:none}.bee-select-trigger,input,textarea,.field input{font-size:16px}.btn,.icon-btn{min-height:36px}.table-panel{overflow-x:auto;max-width:100%}.data-table{min-width:700px}.table-tools{flex-wrap:wrap}.table-tools input{width:100%}.table-tools .pager{margin-left:auto}.wide-event{flex-wrap:wrap}.wide-event>div:nth-child(2){min-width:0;flex:1}.wide-event time{margin-left:auto}.rack-row{min-width:560px}.rack-sidebar{grid-template-columns:1fr}.rack-header{flex-wrap:wrap}.heat-legend{gap:8px}.bee-flow-workspace{display:flex;flex-direction:column;height:auto;min-height:0}.bee-flow-canvas{height:360px;flex:none}.bee-flow-inspector{max-height:none;border-left:0;border-top:1px solid var(--border)}.bee-flow-inspector .field-row{display:block}.bee-flow-help{font-size:10px}.ops-builder-meta{align-items:flex-start;gap:8px}.auth-layout{display:block}.auth-story{display:none}.auth-main{min-height:100dvh;padding:36px 24px}.onboard-body{padding:24px 16px}.top-actions .theme-toggle{width:32px}.nav-collapsed .sidebar .nav-item{font-size:12px;gap:11px;justify-content:flex-start}.nav-collapsed .sidebar .wordmark,.nav-collapsed .sidebar .workspace,.nav-collapsed .sidebar .nav-label,.nav-collapsed .sidebar .profile{display:flex}}

.sidebar .workspace small{display:block;color:var(--muted)}.sidebar{scrollbar-width:thin;scrollbar-color:var(--border) transparent}.nav-collapsed .workspace{display:none}

.bee-flow-workspace .react-flow{--xy-background-color:var(--bg)}.topbar .theme-toggle .icon{stroke:currentColor;fill:none}.sidebar .workspace small{font-size:10px}

.table-columns{position:relative;font-size:12px}.table-columns summary{cursor:pointer;padding:6px 10px;border:1px solid var(--border);border-radius:6px;list-style:none}.table-columns summary:focus-visible{outline:2px solid var(--info)}.table-columns .column-picker{position:absolute;right:0;top:36px;z-index:10;min-width:200px;max-height:300px;overflow:auto;display:grid;padding:12px;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow)}.column-picker label{display:flex;gap:8px;align-items:center;font-size:12px;white-space:nowrap}.column-picker input{width:16px!important;min-height:0;accent-color:var(--info)}.table-tools input[hidden]{display:none}.table-tools .pager{margin-left:auto}@media(min-width:1024px){.table-panel:has(.table-columns[open]){overflow:visible}}.auth-bottom a{color:var(--info)}.security-grade p{color:var(--muted)}.auth-footer{color:var(--muted)}

.auth-layout>.theme-toggle,.onboarding>.theme-toggle{position:fixed;right:20px;top:20px;z-index:25;background:var(--surface)}.topbar .theme-toggle{display:grid;flex:none}.stat-top .icon{color:var(--muted)}.security-grade>.icon{color:var(--green)}.security-grade p{color:var(--muted)}.codebox{background:var(--surface2);border-color:var(--border);color:var(--text)}@media(max-width:767px){.content:before{content:'Bản duyệt · Dữ liệu mẫu';display:block;font-size:10px;color:var(--muted);margin-bottom:12px}.top-context{flex:1;overflow:hidden}.top-actions{flex:none}.breadcrumb{max-width:120px}.topbar .top-actions .icon-btn{width:30px;min-width:30px}.top-actions{gap:6px}.page-actions{margin-top:0}}