/* Shared visual system for platform and regional consoles. Business layouts stay intact. */
:root{color-scheme:dark;--ag-bg:#070c18;--ag-panel:#101b30;--ag-text:#e5edf9;--ag-muted:#9eafca;--ag-line:#243852;--ag-input:#0b1426;--ag-border:#2a3b58;--ag-hover:#182a46;--ag-cyan:#7bdfff;--tech-blue:#669bff;--tech-violet:#a294ff}
html{background:#070c18}body{font-family:Inter,"SF Pro Display","PingFang SC","Microsoft YaHei",sans-serif;letter-spacing:.12px;background:radial-gradient(ellipse at 85% 0,#35448920,transparent 55%),#070c18!important;color:#e5edf9!important}
body,#main,.content-wrapper{background-color:#070c18!important}body .content-wrapper{background-image:radial-gradient(ellipse at 90% 5%,#344a8b18,transparent 60%)}
body .main-header .navbar,body .main-header .logo{background:#0c1425!important;border-bottom:1px solid #293955!important;box-shadow:0 6px 22px #0002}
body .main-header .logo{font-weight:700;letter-spacing:1.5px;color:#f1f7ff!important}body .main-header .navbar a{color:#b9c9e2!important}body .main-header .navbar a:hover{background:#1a2c49!important;color:#a3eaff!important}
body .main-sidebar{background:linear-gradient(165deg,#101a2e,#0b1120 70%)!important;border-right:1px solid #26334c;box-shadow:8px 0 35px #03081366}
body .sidebar-menu>li>a{margin:3px 10px;padding:12px 13px!important;border-radius:8px;border-left:2px solid transparent!important;transition:background .2s,color .2s,border-color .2s}
body .sidebar-menu>li>a>.fa{color:#849abf;margin-right:7px}body .sidebar-menu>li.active>a,body .sidebar-menu>li:hover>a{color:#b5eeff!important;background:linear-gradient(90deg,#28466b99,#20335155)!important;border-left-color:#7be0ff!important}
body .sidebar-menu>li.active>a>.fa{color:#91e6ff}body .sidebar-menu .treeview-menu{background:#0b1425!important;padding-bottom:5px}body .sidebar-menu .treeview-menu>li>a{margin:2px 9px;border-radius:7px;color:#afbfda!important}body .sidebar-menu .treeview-menu>li.active>a,body .sidebar-menu .treeview-menu>li>a:hover{background:#1a2c49!important;color:#c2eaff!important}
body .nav-addtabs>li.active>a{background:linear-gradient(#1a2943,#17253b)!important;border-bottom-color:#83dfff!important;color:#b9edff!important}body .nav-addtabs>li>a{transition:background .2s}
body .sidebar-form{border:1px solid #2d3b54!important;border-radius:9px;margin:14px 13px}body .sidebar-form input,body .sidebar-form .btn{background:#101d32!important;color:#c7d7ed!important}body .user-panel .info{color:#b7c7df!important}
.agent-brand,.tech-brand{position:relative;padding:25px 19px 22px;border-bottom:1px solid #26364e;background:radial-gradient(ellipse at 0 0,#409dd51c,transparent 75%)}
.agent-brand strong,.tech-brand strong{display:block;color:#eaf4ff;font-size:16px;letter-spacing:1px}.agent-brand small,.tech-brand small{display:block;color:#8ba5ca;font-size:9px;letter-spacing:2.5px;margin:9px 0 0 0}
.tech-brand:before{content:"";display:block;width:26px;height:3px;border-radius:5px;background:linear-gradient(90deg,#8de7ff,#a89bff);margin-bottom:16px;box-shadow:0 0 16px #77d7ff55}
.sidebar-collapse .tech-brand{padding:18px 12px}.sidebar-collapse .tech-brand strong,.sidebar-collapse .tech-brand small{display:none}.sidebar-collapse .sidebar-menu>li>a{margin-left:3px;margin-right:3px;padding-left:11px!important}
/* Dashboard introduction, also applied to the regional workspace header. */
.tech-hero,body .agent-workspace .business-head{position:relative;isolation:isolate;overflow:hidden;border:1px solid #3c557c!important;border-radius:20px;padding:34px 38px;min-height:220px;margin-bottom:24px;background:radial-gradient(ellipse at 80% 25%,#294d724f,transparent 48%),linear-gradient(120deg,#172b47,#101b33 58%,#201e3f)!important;box-shadow:0 20px 50px #02061044,inset 0 1px 0 #b5d6ff0d}
.tech-hero:before,body .agent-workspace .business-head:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#aecfff08 1px,transparent 1px),linear-gradient(90deg,#aecfff08 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(90deg,transparent,#000);}
body .agent-workspace .business-head:after{display:none}.tech-eyebrow,.workspace-eyebrow{font-size:10px;letter-spacing:3px;color:#92b9e9;margin:0 0 18px}.tech-hero h1,body .agent-workspace .business-head h2{font-size:30px;font-weight:650;letter-spacing:1px;color:#f0f6ff;line-height:1.35;margin:0 0 12px;max-width:70%}.tech-hero p{color:#acbfd9;line-height:1.9;font-size:13px;margin:0;max-width:65%}
.tech-hero-meta{display:flex;align-items:center;gap:16px;margin-top:25px;flex-wrap:wrap}.tech-context{font-size:10px;letter-spacing:2px;color:#b4c7e5;border-left:2px solid #8bc9ee;padding-left:10px}.tech-motion-toggle{position:relative;z-index:2;border:1px solid #53719988;background:#10233db3;color:#c0dbf5;border-radius:20px;padding:6px 13px;font-size:11px;line-height:1.5;cursor:pointer}.tech-motion-toggle:hover{background:#263a59;color:white}.tech-motion-toggle:focus-visible{outline:2px solid #8ee5ff;outline-offset:3px}
.tech-orbital{position:absolute;width:230px;height:230px;right:45px;top:50%;margin-top:-115px;pointer-events:none;z-index:-1;opacity:.8}.tech-orbital:before{content:"";position:absolute;inset:45px;border-radius:50%;background:radial-gradient(circle at 35% 28%,#a2e8ff33,#4267cc24 45%,#070e2555 72%);border:1px solid #98c8ff33;box-shadow:inset -12px -12px 25px #050b2333,0 0 70px #486ee633}.tech-orbital:after{content:"";position:absolute;inset:84px;border:1px solid #8acfff4d;transform:rotate(45deg);border-radius:12px;background:linear-gradient(135deg,#90dfff22,#a29cff0a);box-shadow:0 0 25px #82bcff22}
.tech-orbit{position:absolute;inset:7px;border:1px solid #9abfff38;border-radius:50%;animation:tech-orbit 26s linear infinite}.tech-orbit:before{content:"";position:absolute;width:7px;height:7px;background:#afefff;border-radius:50%;left:30px;top:27px;box-shadow:0 0 15px #73cfff}.tech-orbit:nth-child(2){inset:25px;border-style:dashed;border-color:#b3a5ff4d;animation-direction:reverse;animation-duration:38s}.tech-orbit:nth-child(2):before{background:#b6a5ff;width:5px;height:5px;left:23px;top:22px}.tech-orbit:nth-child(3){inset:0 60px;border-color:#9eccff33;transform:rotate(45deg);animation:tech-orbit 46s linear infinite}
body .agent-workspace{background:transparent!important;padding:26px!important}body .agent-workspace:before{opacity:.4}.workspace-beacon{color:#a5c8df}.workspace-beacon i{background:#a1dcff;box-shadow:0 0 12px #73c9ff}
/* Common panels and data surfaces. */
body .panel,body .box,body .well,body .thumbnail,body .list-group-item{background:linear-gradient(135deg,#131f34,#101a2c)!important;border-color:#2a3a56!important;border-radius:13px;box-shadow:0 12px 30px #02061033}
body .panel-heading,body .box-header,body .panel-default>.panel-heading,body .panel-intro>.panel-heading{background:linear-gradient(110deg,#192b46,#152039)!important;border-color:#2c3f5c!important}body .panel-heading .panel-title,body .box-title{letter-spacing:.6px}
body .tech-dashboard{background:transparent!important;border:none!important;box-shadow:none!important}body .tech-dashboard>.panel-body{padding:22px 0!important}body .tech-dashboard>.panel-heading{border:1px solid #293d59!important;border-radius:12px!important}
body .sm-st,body .agent-workspace .business-card{position:relative;overflow:hidden;border:1px solid #2c4262;border-radius:14px;background:linear-gradient(125deg,#192a44,#121b30)!important;color:#aebfd8;padding:24px 21px;box-shadow:0 12px 28px #02061038;transition:transform .25s,border-color .25s,box-shadow .25s}
body .sm-st:after,body .agent-workspace .business-card:after{content:"";position:absolute;left:20px;right:20px;bottom:0;width:auto;height:1px;background:linear-gradient(90deg,transparent,#86cfff88,transparent)}body .sm-st:hover,body .agent-workspace .business-card:hover{transform:translateY(-3px);border-color:#6c8fc1;box-shadow:0 16px 30px #0004}
body .sm-st-info span,body .agent-workspace .business-card strong{color:#f0f5ff!important;font-variant-numeric:tabular-nums;letter-spacing:1px;font-size:31px;font-weight:600;line-height:1.4}body .sm-st-icon{width:46px;height:46px;line-height:46px;font-size:21px;border:1px solid #94cfff33;background:#427ec522!important;color:#9bceff;border-radius:12px;margin:5px 14px 4px 0}
body .sm-st-icon.st-violet{color:#c4b5ff;background:#8763ef22!important;border-color:#a898ff33}body .sm-st-icon.st-green{color:#83e0d4;background:#409e9822!important}body .sm-st-icon.st-red{color:#90c9ff;background:#4589cf22!important}
body .card.stats,body #echart{background:linear-gradient(135deg,#14213a,#101b2e)!important;border:1px solid #2a3e5e;border-radius:14px;padding:20px;margin-bottom:24px}body .stats .stat-icon{color:#8bdfff!important}body .stat .value{color:#e7f2ff;font-variant-numeric:tabular-nums}body .stat .name{color:#a4b9d4}body .stats .progress{background:#263c57!important}body .stats .progress-bar{background:linear-gradient(90deg,#619bf8,#89e5f3)!important}
body .stat-info,body .stat-elem{background:#14223a!important;color:#c2d5ed}body #statistics .panel h5{color:#bdd1ed}
body .fixed-table-container,body .fixed-table-header,body .fixed-table-body,body .fixed-table-footer,body .bootstrap-table .table{background:#101b2d!important;border-color:#2c3d59!important}
body .table>thead>tr>th,body .agent-workspace .table>thead>tr>th{background:#192c46!important;color:#bfd8f1!important;border-color:#30445f!important;font-weight:500}body .table>tbody>tr>td,body .table>tbody>tr>th{border-color:#26364e!important}body .table-striped>tbody>tr:nth-of-type(odd){background:#152238!important}body .table-striped>tbody>tr:nth-of-type(even){background:#101b2d!important}body .table-hover>tbody>tr:hover,body .table>tbody>tr.selected{background:#213655!important}body .table-hover>tbody>tr:hover>td{background:#213655!important}
body .btn{border-radius:7px}body .btn-primary,body .agent-workspace .btn-primary{background:linear-gradient(115deg,#366ac2,#5267bf)!important;border:1px solid #759bea!important;color:#fff!important;box-shadow:0 4px 12px #22437f33}body .btn-primary:hover{background:linear-gradient(115deg,#467fda,#6877d4)!important;box-shadow:0 5px 20px #5485da44}body .btn-default{background:#1a2c46!important;border-color:#3b506e!important;color:#ccdef4!important}
body .form-control,body .input-group-addon{background:#0b1629!important;border-color:#344765!important;color:#dce8f8!important;border-radius:7px}body .form-control:focus{border-color:#83baff!important;box-shadow:0 0 0 3px #71a5ff1c!important}body .form-control::placeholder{color:#8c9fbb!important}body .form-control:disabled,body .form-control[readonly]{background:#192337!important;color:#abbdd5!important}
body .layui-layer,body .layui-layer-content,body .modal-content,body .modal-body{background:#121f34!important;color:#e0ebfa!important}body .layui-layer-title,body .modal-header{background:linear-gradient(110deg,#213451,#1a2742)!important;border-color:#3b506f!important;color:#e6f2ff!important}body .layui-layer-btn,body .modal-footer,body .layer-footer{background:#15253d!important;border-color:#344a67!important}
body .workspace-flow,body .workspace-quick{background:linear-gradient(110deg,#14253b,#131f35)!important;border-color:#30435f!important}body .workspace-section-title{color:#e1edff}.workspace-flow-step em{color:#99aaf0}.workspace-flow-step strong{color:#a4dcf5}.workspace-flow-step p{color:#a0b4cf}
body .tech-reveal{animation:tech-reveal .55s ease both}.tech-pulse{position:absolute;border-radius:50%;width:14px;height:14px;margin:-7px;pointer-events:none;background:#c5e5ff33;animation:tech-pulse .55s ease-out forwards;z-index:1}body .tech-click-target{position:relative;overflow:hidden}
body .tech-motion-paused *,body .tech-motion-paused *:before,body .tech-motion-paused *:after,html.tech-motion-paused *,html.tech-motion-paused *:before,html.tech-motion-paused *:after{animation-play-state:paused!important}html.tech-motion-paused .tech-reveal{animation:none!important}html.tech-motion-paused .tech-pulse{display:none}
@keyframes tech-orbit{to{transform:rotate(360deg)}}@keyframes tech-reveal{from{opacity:.25;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes tech-pulse{to{transform:scale(18);opacity:0}}
@media(min-width:1600px){.tech-hero,body .agent-workspace .business-head{padding:40px 44px;min-height:245px}.tech-orbital{right:80px;width:250px;height:250px;margin-top:-125px}}
@media(max-width:1000px){.tech-orbital{right:10px;opacity:.45}.tech-hero h1,body .agent-workspace .business-head h2{font-size:25px}.tech-hero,body .agent-workspace .business-head{padding:28px;min-height:210px}body .sm-st{padding:18px 13px}.sm-st-icon{display:none!important}body .sm-st-info span{font-size:27px}}
@media(max-width:600px){.tech-hero,body .agent-workspace .business-head{padding:24px 20px;border-radius:14px;min-height:210px}.tech-orbital{right:-100px;opacity:.25}.tech-hero h1,body .agent-workspace .business-head h2{max-width:100%;font-size:23px}.tech-hero p{max-width:100%;font-size:12px}.tech-eyebrow,.workspace-eyebrow{letter-spacing:1.6px}body .agent-workspace{padding:12px!important}body .agent-workspace .business-card strong{font-size:25px}.tech-hero-meta{gap:12px}.tech-context{letter-spacing:1px}}
@media(prefers-reduced-motion:reduce){body *,body *:before,body *:after{animation:none!important;transition:none!important}.tech-pulse{display:none}}
/* Platform business pages share the same components without changing their tenant selector. */
body .agent-business{background:transparent!important;color:#deebfa!important}body .agent-business:not(.agent-workspace)>.business-head{padding:24px;border:1px solid #354b6c;border-radius:14px;background:linear-gradient(115deg,#192c48,#191f39);flex-wrap:wrap;gap:20px}body .agent-business .business-card{background:linear-gradient(125deg,#192a44,#121b30)!important;color:#b9cbe2;border:1px solid #304766;box-shadow:0 8px 22px #0002}body .agent-business .business-card strong{color:#edf6ff!important;font-variant-numeric:tabular-nums}body .agent-business .business-table{background:#101b2d!important;border:1px solid #2f4564}body .agent-business .business-tabs button{background:#16263e!important;color:#bcd1ec;border-color:#354f70!important;transition:background .2s,border-color .2s}body .agent-business .business-tabs button.active,body .agent-business .business-tabs button:hover{background:#294b78!important;color:#eff7ff;border-color:#789bc8!important}body .business-note{color:#a2b7d1!important}body .business-error{color:#ffb9c5!important}body #business-message:not(:empty){color:#bccfe8;padding:20px;border:1px dashed #3a5273;border-radius:10px}body .business-dialog{background:#122039!important;color:#d7e7fb!important}