/* Shared visual system for every workspace route and the account entrance. */
:root{--primary:#176d7e;--ink:#183542;--muted:#536e7a;--subtle:#708894;--line:#dbe7ec;--surface:rgba(255,255,255,.9);--soft:#eef6f8;--canvas:#f5f9fb;--shadow:0 4px 20px #1b536708;--radius:16px;color-scheme:light}
body{background:#f5f9fb;color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-size:14px;line-height:1.6}
.app-shell,.login-stage{position:relative;z-index:1;min-width:0}.login-stage{width:min(100%,550px)}
.login-card-main{background:linear-gradient(145deg,#ffffffdd,#f7fbfcd4);box-shadow:inset 0 1px #fff,0 24px 70px #244d641c;border-color:#ffffffee;border-radius:22px}.login-brand-mark{width:48px;height:48px;filter:drop-shadow(0 5px 8px #1664781c)}.login-brand-copy strong{font-size:20px;letter-spacing:.03em}.login-brand-copy small{font-size:11px;color:#60818d}.login-card-header h1{font-size:29px;letter-spacing:-.03em}.login-input-control input{border-color:#dbe8ed;background:#ffffffc9}.login-submit{background:linear-gradient(120deg,#1d7486,#329eb0);box-shadow:0 6px 18px #22879726}.login-field>label{font-size:13px}
.sidebar{width:208px;padding:0 12px;background:#f9fcfde6;border-right:1px solid #dce9ef;box-shadow:none;backdrop-filter:blur(20px);overflow-y:auto;overflow-x:hidden}.app-shell{margin-left:208px}.rail-brand{display:flex;align-items:center;gap:11px;min-height:82px;padding:18px 8px!important;color:#183d4c;line-height:1.3;text-decoration:none}.rail-brand img{border-radius:12px;flex-shrink:0}.rail-brand span{display:grid;gap:4px}.rail-brand strong{font-size:17px;letter-spacing:.05em}.rail-brand small{font-size:10px;font-weight:500;letter-spacing:.1em;color:#698794}.sidebar .nav-label{display:block!important;padding:12px 12px 6px;font-size:10px;letter-spacing:.08em;color:#8197a1}.sidebar nav{gap:5px}.sidebar nav a{min-height:40px;border-radius:11px;gap:12px;font-size:13px;color:#536d79;padding:8px 11px}.sidebar nav a .icon{width:18px;height:18px;color:#6b8792;flex-shrink:0}.sidebar nav a:hover{background:#eaf4f8;color:#205e72}.sidebar nav a.active{color:#145f73;background:linear-gradient(105deg,#dfedf3,#edf6f8);border-color:#d3e5ed;box-shadow:none}.sidebar nav a.active .icon{color:#176d7e}.nav-count{background:#ffffffc9;color:#588192;min-width:21px}.storage-note{border-top:1px solid var(--line);padding-top:15px}.storage-note strong{font-size:10px}.storage-note small{font-size:9px}.sidebar-bottom{margin-top:18px}.profile .avatar,.shell-account .avatar{background:#dceef1;color:#236b7a}
.topbar{min-height:66px;height:66px;border-bottom:1px solid #dce8ed;background:#ffffffbd;backdrop-filter:blur(20px);padding:0 28px;box-shadow:none}.shell-brand{gap:9px;font-size:13px;padding-right:16px}.shell-brand-logo{display:block;border-radius:8px;flex-shrink:0}.shell-identity{gap:16px}.shell-page-title h1{font-size:19px;font-weight:680}.shell-page-title p{font-size:11px;color:#69828f;margin-top:3px}.connection{font-size:10px;border-color:#dfeced;color:#397c70;background:#f3faf6}.shell-account{font-size:12px}.account-state{font-size:10px}.shell-command{border:1px solid #e4ecf0;background:#f7fafbc9;font-size:12px}.shell-account .avatar{width:32px;height:32px}.button{font-weight:500;border-radius:10px;min-height:37px;font-size:13px;border-color:#d6e5eb;background:#ffffffc9;color:#315a6b;box-shadow:none}.button.primary{background:#176d7e;border-color:#176d7e;color:white}.button:hover{border-color:#78aebd}.icon-button{color:#5d7c89}.text-button{color:#1b7489}.button:disabled{cursor:not-allowed}
main{max-width:none;width:100%;padding:25px 28px 0;min-width:0}.page-heading{margin-bottom:20px}.workbench-context{font-size:12px;color:#6f8792}.panel{border:1px solid #dce8ee;border-radius:16px;background:var(--surface);box-shadow:var(--shadow);min-width:0}.panel-head{padding:18px 20px;border-color:#e4edf1}.panel-head h2{font-size:16px;color:#274a5b;font-weight:650}.panel-head p{font-size:12px;line-height:1.7;color:#728994}.panel-foot{font-size:11px;color:#758d99;border-color:#e5eef2;padding:12px 18px}.metrics{gap:14px;background:transparent;border:0;padding:0;margin-bottom:20px}.metric{border:1px solid #dce8ee;border-radius:15px;background:#ffffffeb;min-height:132px;padding:20px;box-shadow:var(--shadow)}.metric+.metric{border-left:1px solid #dce8ee}.metric.featured{background:linear-gradient(125deg,#e1f0f3,#f5fbfc);border-color:#cce3e9}.metric-label{font-size:12px;color:#64808d}.metric-value{font-size:31px;color:#234e60;margin-top:12px;letter-spacing:-.035em}.metric-foot{font-size:11px;line-height:1.65;color:#75909c;margin-top:9px}
.filter-bar,.mg-toolbar,.cat-toolbar,.ql-toolbar{background:#ffffffcf;border:1px solid #dce8ee;box-shadow:none;border-radius:14px;padding:15px 16px}.filter-bar label,select,input{font-size:13px}.data-table{font-size:13px}.data-table th{font-size:12px;color:#64818f;background:#f0f7f9}.data-table td{color:#355a6c}.tabulator{font-size:13px!important;border-color:#deeaef!important}.tabulator .tabulator-header,.tabulator .tabulator-header .tabulator-col{background:#edf5f8!important;color:#567787;font-size:12px!important}.tabulator .tabulator-cell{border-color:#edf2f5}.tabulator .tabulator-row{background:#fff;color:#355a6a}.tabulator .tabulator-row.tabulator-row-even{background:#f8fbfd}.tabulator .tabulator-row:hover{background:#eaf5f8!important}.tabulator .tabulator-footer{background:#f3f8fa!important}.tabulator .tabulator-page{border-radius:6px!important}.tabulator .tabulator-page.active{background:#176d7e;color:#fff!important}.data-table td,.tabulator-cell{font-variant-numeric:tabular-nums}
.mg-hero h2,.cat-hero h2,.pc-hero h2,.ql-hero h2,.cs-intro h2{font-size:26px;color:#244b5d;letter-spacing:-.025em}.mg-hero p,.cat-hero p,.pc-hero p,.ql-hero p,.cs-intro p{font-size:13px;color:#6e8692}.mg-stats article,.mg-kpi,.cat-stats article,.pc-summary article,.ql-kpis button,.cs-metrics article{border-color:#dce8ee;background:#ffffffeb;box-shadow:var(--shadow);border-radius:15px}.mg-tabs,.pc-tabs,.ql-tabs{border-bottom:1px solid #d9e7ed;gap:7px}.mg-tabs button,.pc-tabs button,.ql-tabs button{font-size:13px;padding:12px 14px;color:#6a8390}.mg-tabs button.active,.pc-tabs button.active,.ql-tabs button.active{color:#176d7e}.cat-stats span,.pc-summary span{font-size:12px;color:#64828f}.cat-stats strong,.pc-summary strong{color:#24566a}.cat-stats small,.pc-summary small{color:#6b8895!important}.mg-note,.mg-scope,.ql-coverage,.fx-coverage,.cs-source-note{font-size:12px!important;line-height:1.8;background:#f0f8fa;border-color:#d8e9ef;color:#5c7d8b}.mg-note{padding:12px 15px}.dialog,.cat-dialog,.pc-dialog{border-color:#d8e6ed;background:#fbfdfe;border-radius:18px}.dialog-header{background:#f9fcfd}.dialog-header h2{font-size:21px}.dialog-body{font-size:13px}.page-load-state{display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;min-height:350px;text-align:center;padding:35px}.page-load-state h2{font-size:19px}.page-load-state p{font-size:13px;color:#6f8794;max-width:520px}.page-load-state .spinner{width:27px;height:27px;border-color:#d9edf2;border-top-color:#24798c}.page-footer{font-size:10px}.chart-empty{background:#f7fbfce8}
[data-legacy-metric]{cursor:pointer}[data-legacy-metric]:hover{border-color:#80b4c3;box-shadow:0 6px 20px #1b738915}[data-legacy-metric]:focus-visible{outline:2px solid #4a9aaf;outline-offset:3px}.cs-metrics article>button{display:grid;gap:9px;width:100%;background:none;border:0;text-align:left;font:inherit;color:inherit;cursor:pointer}.cs-metrics article:has(button):hover{border-color:#83b5c2}.metric-detail-scroll{max-height:55vh;overflow:auto}.metric-detail-table{width:100%;border-collapse:collapse;min-width:650px}.metric-detail-table th,.metric-detail-table td{padding:12px 14px;text-align:left;border-bottom:1px solid #e1ebf0;font-size:12px}.metric-detail-table th{position:sticky;top:0;background:#edf5f8}.metric-detail-table small{display:block;color:#78919f}.metric-detail-dialog{width:min(1080px,calc(100vw - 32px))!important}
@media(min-width:791px){body.rail-collapsed .sidebar{width:72px}body.rail-collapsed .app-shell{margin-left:72px}body.rail-collapsed .rail-brand{justify-content:center;padding:16px 4px!important}body.rail-collapsed .rail-brand span{display:none}body.rail-collapsed .nav-label{font-size:0!important;height:12px;padding:0!important}}
@media(max-width:1200px){.shell-command{display:none}.shell-brand strong{display:none}.shell-brand{padding-right:12px}.topbar{padding:0 20px}.shell-identity{gap:12px}main{padding:22px 20px 0}.shell-quick{display:none}.shell-page-title{max-width:210px}}
@media(max-width:1000px){.sidebar{width:188px}.app-shell{margin-left:188px}.rail-brand strong{font-size:15px}.rail-brand{gap:8px}.metric{padding:16px 14px}.metric-value{font-size:27px}.connection{display:none}.topbar-right{gap:6px}.mg-tabs{overflow-x:auto;flex-wrap:nowrap}.mg-tabs button{flex-shrink:0}.dashboard-grid{grid-template-columns:minmax(0,1fr)}.shell-brand{display:none}}
@media(max-width:790px){.sidebar{width:224px;z-index:60}.app-shell{margin-left:0}.topbar{height:62px;min-height:62px;padding:0 14px;gap:8px}.shell-page-title{max-width:185px}.shell-page-title h1{font-size:17px}.shell-page-title p{display:none}.shell-account{display:none}.topbar-right [data-account-action]{font-size:11px;padding:5px 9px;min-height:32px}main{padding:18px 14px 0}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric{min-height:117px;padding:15px}.metric-value{font-size:27px}.metric-label{font-size:12px}.metric-foot{font-size:10px}.page-heading{margin-bottom:15px}.panel-head{padding:15px}.panel-head h2{font-size:15px}.mg-hero h2,.cat-hero h2,.pc-hero h2,.ql-hero h2,.cs-intro h2{font-size:23px}.mg-tabs button{font-size:12px;padding:10px}.dialog-header{padding:17px}.workbench-context #workspaceSummary{max-width:210px}.login-stage{padding:28px 18px}.login-card-main{padding:29px 25px}.login-panel{width:min(100%,420px)}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.panel,.metric,.sidebar,.topbar,.login-card-main{background:#fff!important;backdrop-filter:none}}

.ambient-background[data-ambient-background="workspace"][data-ambient-state="webgl"] .ambient-background__canvas{opacity:.25}.cs-official-summary{border:1px solid #d6e7ed;border-radius:16px;background:#ffffffdf;margin:18px 0}.cs-official-summary .panel-head{padding-bottom:10px}.cs-official-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:4px 18px 18px}.cs-official-cards button{display:grid;gap:6px;padding:15px 18px;text-align:left;border:1px solid #dce9ef;border-radius:12px;background:linear-gradient(125deg,#edf7f9,#fff);color:#3a6678;cursor:pointer}.cs-official-cards button:hover{border-color:#78aebd}.cs-official-cards strong{font-size:25px}.cs-official-cards span{font-size:12px}.cs-official-cards small{font-size:10px;color:#78929f}.cs-official-product{display:flex;gap:10px;align-items:center;min-width:250px}.cs-official-product small{display:block;font-size:10px;color:#839ba5}@media(max-width:640px){.cs-official-cards{gap:7px;padding:10px}.cs-official-cards button{padding:12px 9px}.cs-official-cards span{font-size:10px}.cs-official-cards strong{font-size:21px}}

.mg-kpi{background:#ffffffed;border-color:#dbe8ee;padding:18px 15px}.mg-kpi>span{font-size:12px;color:#5f7e8c}.mg-kpi strong{font-size:26px}.mg-kpi small{font-size:10px;color:#6d8996}.ql-kpis>button{background:#ffffffed;border-color:#dbe8ee}.ql-kpis>button>span{color:#5f7e8c;font-size:12px}.ql-kpis small{color:#6d8996}.ql-toolbar>label,.cat-toolbar>label,.mg-toolbar>label{font-size:11px;color:#698591}