.workload-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px;padding:16px 18px;background:#ebe8df;border-left:3px solid var(--green)}
.workload-toolbar p{margin:0;color:#59655f}.workload-toolbar>div:last-child{display:flex;gap:8px;flex-shrink:0}
.workload-tabs{display:flex;gap:3px;border-bottom:1px solid var(--line);margin-bottom:18px}
.workload-tabs button{border:0;background:transparent;padding:11px 18px;color:var(--muted);font-weight:800}
.workload-tabs button.active{color:var(--ink);box-shadow:0 2px var(--green)}
.workload-subview{display:none}.workload-subview.active{display:block}
.domain-group-layout{display:grid;grid-template-columns:205px 255px minmax(0,1fr);gap:12px;align-items:start}
.domain-group-index,.domain-index,.domain-detail,.workload-card{background:var(--card);border:1px solid var(--line)}
.domain-group-index,.domain-index{position:sticky;top:18px;padding:10px;min-height:320px}
.domain-index{left:217px}
.domain-group-index-head,.domain-index-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:9px 8px 13px;border-bottom:1px solid var(--line)}
.domain-group-index-head b,.domain-group-index-head small,.domain-index-head b,.domain-index-head small{display:block}
.domain-group-index-head small,.domain-index-head small,.domain-index-head span{margin-top:3px;color:var(--muted);font-size:9px}
.domain-group-index-head button{border:1px solid var(--line);background:white;padding:5px 7px;font-size:10px;font-weight:800}
.domain-group-tabs{display:block;padding-top:3px}
.domain-group-tabs button{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px;width:100%;border:0;border-left:3px solid transparent;background:transparent;padding:12px 9px;text-align:left;color:#59655f;font-size:11px;font-weight:800}
.domain-group-tabs button+button{border-top:1px solid #ece9e1}.domain-group-tabs button:hover{background:#f5f3ed}.domain-group-tabs button.active{border-left-color:var(--green);background:#e8efe6;color:var(--ink)}
.domain-group-tabs button b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.domain-group-tabs button span{min-width:21px;padding:2px 5px;background:white;color:#536159;font-size:9px;text-align:center}
.domain-index button{width:100%;border:0;border-left:3px solid transparent;background:transparent;padding:12px 10px;text-align:left}
.domain-index button+button{border-top:1px solid #ece9e1}.domain-index button:hover{background:#f4f2eb}
.domain-index button.active{border-left-color:var(--green);background:#edf2eb}
.domain-index button b,.domain-index button small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.domain-index button small{margin-top:3px;color:var(--muted);font-size:10px}
.domain-detail{padding:22px;min-height:320px}
.domain-detail-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding-bottom:17px;border-bottom:1px solid var(--line)}
.domain-detail-head h3{font:400 25px Georgia;margin:0 0 4px}.domain-detail-head small{color:var(--muted)}
.domain-detail-step{margin:0 0 5px;color:var(--green);font-size:10px;font-weight:900;letter-spacing:.04em}
.domain-detail-tools{display:flex;align-items:end;justify-content:flex-end;gap:8px;flex:0 0 auto}.domain-detail-tools label{margin:0;color:var(--muted);font-size:9px}.domain-detail-tools select{display:block;min-width:145px;margin-top:3px;padding:7px 28px 7px 8px;font-size:11px}.domain-detail-tools button{min-width:104px;white-space:nowrap;flex:0 0 auto}
.domain-notify-toggle{border:1px solid var(--line);padding:8px 10px;font-size:10px;font-weight:800}.domain-notify-toggle.on{background:#e4efe3;color:var(--green);border-color:#b9cfb8}.domain-notify-toggle.off{background:#eeeae1;color:#776f62}
.domain-workload-block{margin-top:16px;border:1px solid #dedbd2;background:#fff}
.domain-workload-title{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;background:#efede6}
.domain-workload-title small{color:var(--muted)}
.route-columns{display:grid;grid-template-columns:1fr 1fr;gap:0}
.domain-route-section{padding:13px}.domain-route-section+.domain-route-section{border-left:1px solid var(--line)}
.domain-route-section>header{height:auto;margin:0 0 7px;padding:0;border:0}.domain-route-section>header b{font-size:12px}.domain-route-section>header span{margin-left:6px;color:var(--muted);font-size:10px}
.route-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;padding:10px 0;border-top:1px solid #ebe8e0}
.route-node{min-width:0}.route-node b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.route-node small{display:block;color:var(--muted);font-size:10px;margin-top:2px}
.route-badges{display:flex;gap:4px;flex-wrap:wrap;margin-top:5px}.route-badges span{font-size:9px;padding:2px 5px;background:#ecebe5}
.route-badges .healthy{background:#dceedd;color:var(--green)}.route-badges .unhealthy{background:#f5deda;color:var(--red)}
.route-actions{display:flex;gap:4px}.route-actions button{border:1px solid var(--line);background:white;padding:6px 7px;font-size:10px;font-weight:700;white-space:nowrap}.route-actions .danger{color:var(--red)}
.route-empty{padding:22px 10px;text-align:center;color:var(--muted);font-size:11px;background:#f7f5ef}
.workload-section-intro{display:flex;justify-content:space-between;align-items:end;margin-bottom:15px}.workload-section-intro h3{font:400 25px Georgia;margin:0}.workload-section-intro p{margin:4px 0 0;color:var(--muted)}
.workload-group-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:13px}
.workload-card{padding:17px}.workload-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.workload-card h4{font:400 20px Georgia;margin:0}.workload-card-head small{color:var(--muted)}
.workload-config{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:12px 0}.workload-config div{background:#f0eee7;padding:8px}.workload-config span{display:block;color:var(--muted);font-size:10px}
.workload-members{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:5px;margin:9px 0}.workload-member{border:1px solid #d5d8d1;background:white;padding:7px 8px;font-size:10px}.workload-member b,.workload-member small{display:block}.workload-member small{margin-top:3px;color:var(--muted)}
.member-manager{margin:10px 0 0;padding:9px 10px}.member-manager summary{font-size:11px}.assign-row{display:grid;grid-template-columns:1fr auto;gap:7px;margin-top:9px}.assign-row select{margin:0;padding:7px}
.workload-actions{display:flex;gap:6px;margin-top:12px}.workload-actions button{border:1px solid var(--line);background:white;padding:7px 9px;font-size:11px;font-weight:700}.workload-actions .danger{color:var(--red);margin-left:auto}
.workload-group-note{margin-top:14px;padding:12px 14px;border-left:3px solid var(--green);background:#efede6;color:#59655f;font-size:11px;line-height:1.7}
.domain-group-create{display:grid;grid-template-columns:1fr auto;gap:8px;margin-bottom:8px}.domain-group-create input{margin:0}
.domain-group-manager-list{margin-top:15px;border-top:1px solid var(--line)}
.domain-group-manager-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:11px 2px;border-bottom:1px solid var(--line)}
.domain-group-manager-row b,.domain-group-manager-row small{display:block}.domain-group-manager-row small{margin-top:2px;color:var(--muted);font-size:10px}
.domain-group-manager-row>div:last-child{display:flex;gap:5px}.domain-group-manager-row button{border:1px solid var(--line);background:white;padding:6px 8px;font-size:10px}.domain-group-manager-row .danger{color:var(--red)}
@media(max-width:1180px){.domain-group-layout{grid-template-columns:190px 225px minmax(0,1fr)}.domain-index{left:202px}.route-columns{grid-template-columns:1fr}.domain-route-section+.domain-route-section{border-left:0;border-top:1px solid var(--line)}}
@media(max-width:820px){.workload-toolbar{display:block}.workload-toolbar>div:last-child{margin-top:12px}.domain-group-layout{grid-template-columns:1fr}.domain-group-index,.domain-index{position:static;min-height:0}.domain-group-tabs,#domainRouteIndex{display:flex;overflow-x:auto}.domain-group-tabs button,.domain-index button{min-width:190px}.domain-group-tabs button+button,.domain-index button+button{border-top:0}.domain-detail{padding:14px}.domain-detail-head{display:block}.domain-detail-tools{margin-top:12px;align-items:end}.route-row{grid-template-columns:1fr}.workload-group-grid{grid-template-columns:1fr}}

/* 拖动手柄置于原操作区末尾，不增加网格列。 */
.route-actions{align-items:center}
.route-actions .route-drag-handle{flex:0 0 22px;width:22px;height:28px;padding:0;border:0;border-radius:5px;background:transparent;color:var(--muted);font-size:19px;line-height:1;cursor:grab}
.route-actions .route-drag-handle:hover,.route-actions .route-drag-handle:focus-visible{background:#e7efe9;color:#176b50}
.route-actions .route-drag-handle:active{cursor:grabbing}