/* Approved visual baseline: Arco Pro, blue global bar, white business navigation. */
:root{--nav:#fff;--ink:#1d2129;--blue:#165dff;--muted:#4e5969;--line:#e5e6eb;--bg:#f2f3f5;--good:#168b34;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif}
.system-bar{height:60px;position:fixed;inset:0 0 auto;z-index:40;display:flex;align-items:center;justify-content:space-between;padding:0 22px;background:#165dff;color:#fff;border-bottom:1px solid #1454e6}.system-bar a{font-size:18px;font-weight:600;color:#fff}.system-bar a:hover{text-decoration:none}.system-bar>span{font-size:13px}.shell{padding-top:60px;grid-template-columns:232px minmax(0,1fr)}.sidebar{top:60px;height:calc(100dvh - 60px);background:white;border-right:1px solid var(--line);padding:12px 8px;color:var(--ink);scrollbar-width:thin;scrollbar-color:#c9cdd4 transparent}.brand,.sidebar-foot{display:none}.menu-group{border:0;margin:5px 0}.menu-group summary{cursor:pointer;list-style:disclosure-closed inside;padding:10px 9px;min-height:40px;font-size:14px;font-weight:500;line-height:22px;border-radius:2px}.menu-group[open]>summary{list-style-type:disclosure-open}.menu-group summary::marker{font-size:10px;color:#86909c}.menu-group summary:hover{background:#f7f8fa}.menu-group .menu-group>summary{padding-left:25px;font-weight:400}.nav-link{border-radius:2px;min-height:40px;padding:8px 12px 8px 26px;font-size:14px;line-height:24px;color:#4e5969;margin:3px 0}.menu-group .menu-group .nav-link{padding-left:44px;font-size:13px}.nav-link:hover{background:#f7f8fa;color:#165dff}.nav-link.active{background:#e8f3ff;color:#165dff;font-weight:500;box-shadow:none}#navigation>.nav-link{padding-left:13px}.topbar{top:60px;height:48px;background:var(--bg);padding:0 20px;border:0;z-index:20}.topbar-tools{gap:12px}.role-switch{font-size:12px}.role-switch select{background:#fff;border-radius:2px;width:148px}.search-launch{border:0;border-radius:2px;background:#fff;min-height:30px;padding:3px 10px}.avatar{width:28px;height:28px;background:#e8f3ff;color:#165dff;font-size:12px}#breadcrumbs{font-size:13px}#breadcrumbs a{color:#4e5969}#breadcrumbs .crumb-current{color:#1d2129}main{padding:16px 20px 30px;max-width:none}.page-header{background:white;padding:18px 20px;border-radius:4px;margin-bottom:16px;align-items:center}h1{font-size:20px;font-weight:600;letter-spacing:0}.page-header p{font-size:13px;margin-top:5px;line-height:1.6}h2{font-size:16px;font-weight:500}h3{font-weight:500}.surface{border:0;border-radius:4px;box-shadow:none}.section-head{padding:16px 20px;border-color:#f2f3f5}.padded,.state-card{padding:20px}.stack{gap:16px}.two-columns{gap:16px}.button,button{border-radius:2px;min-height:32px;font-size:14px;padding:4px 15px;line-height:22px;box-shadow:none}button:not(.primary):not(.text-button),.button:not(.primary){background:#f2f3f5;border-color:transparent;color:#4e5969}.button.primary,button.primary{background:#165dff;border-color:#165dff;color:#fff}.button.primary:hover,button.primary:hover{background:#4080ff;border-color:#4080ff}.button:hover,button:hover:not(:disabled){background:#e5e6eb;border-color:transparent;text-decoration:none}.text-button{background:transparent;color:#165dff}.danger{color:#cb2634!important}input,select,textarea{background:#f2f3f5;border:1px solid transparent;border-radius:2px;min-height:32px;padding:5px 10px;font-size:14px;color:#1d2129}textarea{min-height:106px}input:hover,select:hover,textarea:hover{background:#e5e6eb}input:focus,select:focus,textarea:focus{background:#fff;border-color:#165dff}:is(button,a,input,textarea,select,summary):focus-visible{outline:2px solid #165dff;outline-offset:2px}.filter-panel{padding:20px;border-color:#f2f3f5}.filter-grid{gap:16px 24px}.field-label,.form-grid label{font-size:14px;gap:8px;color:#4e5969}.filter-actions{margin-top:20px}.filter-actions .filter-help{font-size:12px;color:#86909c}.advanced summary{font-size:13px}.chip{background:#e8f3ff;border:0;border-radius:2px;color:#165dff}.list-toolbar{padding:16px 20px;min-height:60px}.list-toolbar h2{font-size:14px}.table-scroll{border-top:0}.data-table{font-size:14px}.data-table th{background:#f2f3f5;color:#1d2129;padding:12px 16px;font-size:14px;font-weight:500}.data-table td{padding:14px 16px;border-top:1px solid #e5e6eb}.data-table tbody tr:hover{background:#f7f8fa}.name-cell>a,.name-cell>b{font-size:14px;font-weight:400;color:#165dff}.subtext{color:#86909c;font-size:12px;margin-top:4px}.code{font-size:12px}.tag{border:0;background:#f2f3f5;border-radius:2px;color:#4e5969;font-size:12px}.data-table th.op-cell{background:#f2f3f5}.op-cell a,.op-cell button{font-size:13px}.op-cell button{background:transparent!important;color:#165dff!important;padding:3px 4px}.pagination{border-color:#f2f3f5;padding:16px 20px;font-size:13px}.status{border-radius:2px;font-size:12px;padding:2px 7px;background:#f2f3f5;color:#4e5969}.status.good{background:#e8ffea;color:#168b34}.status.warn{background:#fff7e8;color:#ad6800}.status.bad{background:#ffece8;color:#cb2634}.status.blue{background:#e8f3ff;color:#165dff}.stats-line{background:white;padding:14px 20px;border-radius:4px;gap:28px;margin:0 0 16px;font-size:13px}.stats-line strong{font-size:22px;font-weight:500}.stage-nav{border:0;border-radius:4px;margin-bottom:16px;padding:0 12px}.stage-nav a{padding:12px;font-size:14px}.step-number{border-radius:2px;background:#f2f3f5;border:0}.stage-nav a.active:after{height:2px}.tabs{gap:28px;margin-bottom:16px}.tabs a{font-size:14px;padding:10px 0}.tabs a.active{border-bottom-width:2px;font-weight:500}.detail-grid{gap:16px;grid-template-columns:minmax(0,1fr) 290px}.detail-section{padding:20px}.detail-section h2{margin-bottom:18px}.detail-section+.detail-section{border-color:#f2f3f5}.detail-aside{padding:20px;top:124px}.kv{gap:20px 28px}.kv dt{font-size:13px}.kv dd,.detail-copy{font-size:14px}.detail-copy{line-height:1.8}.record-code{font-size:12px;color:#86909c}.editor-grid{gap:16px;grid-template-columns:210px minmax(0,1fr)}.chapter-list{top:124px;border-radius:4px}.chapter-list a{border-radius:2px;font-size:14px;padding:10px}.chapter-list a.active{background:#e8f3ff;color:#165dff;font-weight:500}.catalog-grid{gap:16px;grid-template-columns:220px minmax(0,1fr)}.catalog-tree{padding:16px 12px}.catalog-tree a,.catalog-tree summary{font-size:13px;color:#4e5969}.catalog-tree a.active{background:#e8f3ff;color:#165dff;font-weight:500;border-radius:2px}.task-tree-layout{gap:16px}.task-tree a{font-size:13px}.task-tree a.active{background:#e8f3ff;color:#165dff}.metrics{gap:16px;margin-bottom:16px}.metrics .surface{border-top:0}.state-card strong{font-size:28px;font-weight:500}.state-card span{font-size:13px}.task-row,.todo-item{padding:16px 20px;border-color:#f2f3f5}.task-row>a,.todo-item a{font-size:14px;font-weight:500}.task-progress,.todo-item time{font-size:12px}.stage-track span.current,.meter span{background:#165dff}.notice{background:#e8f3ff;color:#344c75;border-left-color:#165dff;font-size:13px;margin-bottom:16px;border-radius:2px}.notice.warning{background:#fff7e8;border-color:#ff7d00;color:#8c5c1b}.lineage-chain li{border-color:#e5e6eb;border-top-color:#165dff;border-radius:2px;padding:16px}.timeline li:before{background:#165dff}.timeline li{border-left-color:#e5e6eb}.process-node{border-radius:2px}.form-actions{border-color:#f2f3f5}.form-grid{gap:20px}.toast{background:#1d2129;border-radius:2px}dialog{border-radius:4px;border:0;box-shadow:0 8px 32px #0002}dialog .dialog-head{padding:18px 24px;border-color:#f2f3f5}dialog .dialog-body{padding:24px}.dialog-footer{border-color:#f2f3f5}dialog::backdrop{background:#1d212966}.skip-link:focus{top:64px}[id]{scroll-margin-top:124px}
@media(max-width:1300px){.shell{grid-template-columns:210px minmax(0,1fr)}.sidebar{padding:10px 6px}.filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.two-columns{grid-template-columns:1fr}.detail-grid{grid-template-columns:minmax(0,1fr) 250px}}
@media(max-width:1050px){.detail-grid,.catalog-grid{grid-template-columns:1fr}.detail-aside{position:static}.catalog-tree{display:block}.catalog-tree details{display:inline-block;vertical-align:top;max-width:100%}.topbar-tools{gap:6px}.role-switch select{width:130px}.editor-grid{grid-template-columns:180px minmax(0,1fr)}}
@media(max-width:760px){.system-bar{height:54px;padding:0 14px}.system-bar a{font-size:16px}.system-bar>span{display:none}.shell{display:block;padding-top:54px}.sidebar{top:54px;height:calc(100dvh - 54px);width:250px;position:fixed;z-index:35}.sidebar.open{box-shadow:0 0 0 100vmax #1d212955}.mobile-close{background:#f2f3f5;color:#4e5969;border:0;min-height:32px;margin:4px 5px 8px}.topbar{top:54px;height:48px;padding:0 12px;gap:7px}.mobile-menu{font-size:12px;padding:4px 8px}.role-switch select{width:115px;font-size:11px}main{padding:12px}.page-header{padding:16px;gap:12px}h1{font-size:18px}.page-header p{font-size:12px}.filter-panel,.detail-section,.section-head{padding:16px}.filter-grid{gap:12px}.field-label,.form-grid label{font-size:13px}.detail-grid,.editor-grid{grid-template-columns:1fr}.chapter-list{position:static}.data-table{min-width:820px}.data-table td{padding:12px}.stats-line{padding:14px 16px;gap:18px}.stats-line strong{font-size:21px}.button,button{font-size:13px}.metrics{gap:12px}.state-card{padding:16px}.kv,.detail-aside .kv{grid-template-columns:1fr}.list-toolbar{padding:14px 16px}.form-grid{grid-template-columns:1fr}.catalog-tree{padding:12px}.catalog-tree details{display:block}.task-tree-layout{grid-template-columns:1fr}.skip-link:focus{top:58px}}
/* Compact list-page rhythm and horizontal field labels. */
.stage-nav{margin-bottom:10px}.stage-nav a{padding:8px 12px;min-height:38px}.step-number{width:20px;height:20px}.page-header{margin-bottom:12px;padding:16px 20px}.stats-line{margin-bottom:12px;padding:10px 20px;background:transparent}.stats-line strong{font-size:19px}.filter-grid>.field-label{grid-template-columns:100px minmax(0,1fr);align-items:center;gap:10px}.filter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px}.filter-panel{padding:20px}.filter-grid input,.filter-grid select{width:100%}.advanced .filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.data-table{font-variant-numeric:tabular-nums}
@media(min-width:1550px){.filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.filter-grid>.field-label{grid-template-columns:1fr;gap:6px}.filter-grid>.field-label:first-child{grid-column:1/-1}.stats-line{padding:6px 0}.filter-panel{padding:16px}.advanced .filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Official Arco menu icons, local assets using the current text color. */
.menu-icon{display:inline-block;width:16px;height:16px;flex:0 0 16px;background-color:currentColor;-webkit-mask:var(--menu-icon) center/contain no-repeat;mask:var(--menu-icon) center/contain no-repeat;vertical-align:-2px}
.menu-group summary{display:flex;align-items:center;gap:8px;list-style:none;padding-left:8px;padding-right:6px}.menu-group summary::-webkit-details-marker{display:none}.menu-group summary::marker{content:''}.menu-group summary>span:nth-child(2){flex:1;min-width:0}.menu-group summary>.menu-icon:last-child{width:12px;height:12px;flex-basis:12px;color:#86909c;transform:rotate(-90deg)}.menu-group[open]>summary>.menu-icon:last-child{transform:rotate(0)}.menu-group .menu-group>summary{padding-left:24px}.nav-link{display:flex;align-items:center;gap:10px}.menu-group .menu-group .nav-link{padding-left:40px}.nav-link.active .menu-icon{color:#165dff}.menu-group summary>.menu-icon:first-child{color:#4e5969}.menu-group summary:hover>.menu-icon:first-child{color:#165dff}
@media(min-width:761px) and (max-width:1300px){.menu-group>summary{font-size:13px;gap:6px}.menu-group>summary>.menu-icon:first-child{width:15px;height:15px;flex-basis:15px}}
/* Four independent conditions per desktop row across every query card. */
.filter-grid,.advanced .filter-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 20px}
.filter-grid>.field-label{grid-template-columns:76px minmax(0,1fr);gap:8px;min-width:0}
.filter-grid>.field-label>span{white-space:nowrap;font-size:13px}
.filter-grid input,.filter-grid select{min-width:0;width:100%;font-size:13px}
@media(max-width:1199px){.filter-grid,.advanced .filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.filter-grid,.advanced .filter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.filter-grid>.field-label{grid-template-columns:1fr;gap:5px}.filter-grid>.field-label:first-child{grid-column:auto}}
@media(max-width:420px){.filter-grid,.advanced .filter-grid{grid-template-columns:1fr}}
/* Neutral field focus: no blue border or ring when selecting filters/forms. */
input:focus,select:focus,textarea:focus{border-color:#c9cdd4;box-shadow:none;outline:none}
input:focus-visible,select:focus-visible,textarea:focus-visible{outline:1px solid #86909c;outline-offset:1px}