/* Shared spacing and type scale tuned against the public TaskPyro demo. */
@font-face{font-family:Inter;src:url('/static/vendor/fonts/inter-latin.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{font-family:Inter,"Microsoft YaHei","Segoe UI",system-ui,sans-serif;font-size:16px;line-height:24px;--sidebar:256px;font-synthesis:none}
body,button,input,select,textarea{font-family:Inter,"Microsoft YaHei","Segoe UI",system-ui,sans-serif}
body{font-size:16px;line-height:24px}
.nav-link,.settings-toggle{font-size:14px;line-height:20px;min-height:36px;padding:8px 16px;border-radius:8px;font-weight:400}
.nav-link.active{font-weight:500}
.nav-sub .nav-link{font-size:14px;line-height:20px;min-height:36px;padding:8px 16px}
.topbar .breadcrumb{font-size:14px;line-height:20px}
.page-content{padding:24px 16px;gap:20px}
.page-heading{margin-bottom:20px;gap:16px;min-width:0}
.page-heading h1{font-size:24px;line-height:32px;letter-spacing:-.6px;font-weight:700}.page-heading h1~p{margin-top:0}
.page-heading p{font-size:16px;line-height:24px;margin-top:4px}.page-heading>div:first-child>p{margin-top:0}
.heading-actions{gap:8px;min-width:0}
.heading-actions .btn,.btn{font-size:14px;line-height:20px}
.btn{min-height:36px;padding:8px 12px;border-radius:8px;font-weight:400}
.filter-bar{gap:8px;margin-bottom:16px;min-width:0}
.filter-bar input,.filter-bar select{font-size:14px;line-height:20px;min-height:36px}
.search-input{min-height:36px}
.search-input input{font-size:14px;line-height:20px}
.table-wrap{overflow-x:auto;border-radius:8px;scrollbar-width:thin}
.table-wrap table{min-width:720px;font-size:14px;line-height:20px}
.table-wrap th{height:44px;padding:10px 8px;font-size:14px;line-height:20px;font-weight:500}
.table-wrap td{height:52px;padding:10px 8px;font-size:14px;line-height:20px}
.table-wrap td small{font-size:12px;line-height:18px}
.table-wrap td .text-mono{font-size:12px;line-height:18px;overflow-wrap:anywhere}
.table-wrap td .cell-main{min-width:0;gap:10px}
.table-wrap td .cell-main>div:last-child{min-width:0}
.table-wrap td .cell-main strong{font-size:14px;line-height:20px}
.table-wrap td .cell-main small{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.table-wrap td .row-actions{gap:3px}
.pagination{font-size:12px;line-height:20px;gap:12px;flex-wrap:wrap}
.note{font-size:13px;line-height:20px;padding:12px 14px;margin-bottom:16px;overflow-wrap:anywhere}
.tabs{gap:4px;margin-bottom:20px;flex-wrap:wrap}
.tab{font-size:14px;line-height:20px;padding:4px 8px}
.dashboard-tabs{display:inline-flex;width:max-content;max-width:100%;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:thin;gap:0;border:1px solid var(--line);border-radius:10px;padding:3px;background:var(--soft);margin-bottom:16px}
.dashboard-tabs .tab{border-radius:8px;padding:4px 8px;color:var(--text);font-weight:500;white-space:nowrap;flex:none}
.dashboard-tabs .tab.active{background:var(--panel);box-shadow:0 1px 3px #0f172a14}
.dashboard-tabs .tab.active:after{display:none}
.dashboard-tabs .tab{white-space:nowrap;flex:none}
.demo-dashboard-overview{display:block;min-width:0}
.demo-dashboard-overview>.demo-overview-card{width:100%;max-width:none}
.demo-dashboard-side{display:flex;flex-direction:column;gap:16px;min-width:0}
.demo-dashboard-side .demo-performance-grid{grid-template-columns:minmax(0,1fr);gap:10px;margin:0}
.demo-dashboard-side .demo-performance-card{padding:16px}
.demo-dashboard-side .demo-performance-card header{margin-bottom:10px}
.demo-dashboard-side .demo-performance-card>strong{font-size:24px;line-height:30px}
.demo-dashboard-side .demo-performance-track{margin:10px 0}
.demo-dashboard-quick .command-list a{font-size:14px;line-height:20px;padding:10px 12px}
.dashboard-view{min-width:0}
.dashboard-view>.demo-performance-grid{margin-bottom:16px}
.demo-dashboard-lower{min-width:0}
.dashboard-detail-charts{display:flex;flex-direction:column;gap:16px;min-width:0}
.dashboard-detail-charts .demo-performance-grid{margin-bottom:0}
.resource-list,.resource-node-grid,.resource-table{margin-bottom:0}
.resource-row,.resource-node-card,.resource-table{overflow-wrap:anywhere}
.resource-operation-menu{z-index:60}
.settings-panel{width:100%;max-width:900px}
.settings-panel .field input,.settings-panel .field select,.settings-panel .field textarea{font-size:14px;line-height:20px}
.settings-nav a{font-size:14px;line-height:20px}
.provider-card input,.provider-card select,.provider-card textarea{font-size:14px;line-height:20px}
.workflow-inspector input,.workflow-inspector select,.workflow-inspector textarea{font-size:14px;line-height:20px}
.workflow-toolbar{min-width:0}
.workflow-toolbar .title-input{max-width:100%}
.workflow-inspector,.resource-copy,.demo-dashboard-section,.demo-overview-card{min-width:0}
@media(max-width:1000px){
 .demo-dashboard-overview{display:block}
 .demo-dashboard-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
 .demo-dashboard-side .demo-performance-grid{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:850px){
 .page-content{padding:22px 18px}
 .page-heading h1{font-size:23px;line-height:30px}
 .heading-actions .btn{font-size:14px}
 .demo-dashboard-side{grid-template-columns:minmax(0,1fr)}
 .demo-dashboard-side .demo-performance-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:600px){
 .page-content{padding:18px 14px;gap:16px}
 .page-heading{margin-bottom:14px}
 .page-heading h1{font-size:21px;line-height:28px}
 .page-heading p{font-size:14px;line-height:20px}
 .heading-actions{justify-content:flex-start}
 .heading-actions .btn{font-size:13px;min-height:34px;padding:6px 10px}
 .filter-bar{align-items:stretch}
 .filter-bar input,.filter-bar select{min-width:0;max-width:100%}
 .table-wrap table{min-width:680px}
 .demo-dashboard-side .demo-performance-grid{grid-template-columns:minmax(0,1fr)}
 .dashboard-tabs{margin-right:-14px;padding-right:14px}
 .resource-table td,.resource-table th{padding:10px 8px}
 .pagination{align-items:flex-start}
}

/* Dashboard four-tab navigation mirrors TaskPyro's compact tab rail. */
.dashboard-tabs{gap:0!important;align-items:center;white-space:nowrap}
.dashboard-tabs .tab{font-size:14px!important;line-height:20px!important;font-weight:500!important;padding:4px 8px!important;color:var(--text)!important}
.dashboard-view[hidden]{display:none!important}
.dashboard-detail-charts>.demo-dashboard-section{margin:0}
@media(max-width:600px){.dashboard-tabs{max-width:100%;overflow-x:auto}}