#view-control-new{--cn-line:var(--border,#e5e8eb);--cn-muted:var(--muted,#6b7684);--cn-blue:#3182f6;--cn-bg:var(--panel,#fff);font-size:13px;line-height:1.65}
.cn-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin:8px 0 22px}.cn-head h1{font-size:24px;margin:3px 0 7px}.cn-head p{color:var(--cn-muted);margin:0}.cn-new{display:inline-block;font-size:10px;line-height:18px;font-weight:700;color:#3182f6;background:#3182f615;border-radius:5px;padding:0 6px;vertical-align:middle}.cn-toolbar,.cn-actions,.cn-tabs,.cn-stats{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.cn-panel{border:1px solid var(--cn-line);border-radius:12px;padding:20px;margin:14px 0;background:var(--cn-bg)}.cn-toolbar label,.cn-rules label{display:grid;gap:5px;color:var(--cn-muted);font-size:12px}.cn-toolbar select,.cn-rules input{min-height:36px;border:1px solid var(--cn-line);border-radius:7px;background:transparent;color:inherit;padding:6px 10px}.cn-toolbar{align-items:end}.cn-toolbar .button{min-height:36px}.cn-primary{background:#3182f6!important;color:#fff!important;border-color:#3182f6!important}.cn-note{color:var(--cn-muted);font-size:12px;margin:10px 0 0}.cn-run-line{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}.cn-run-line h2,.cn-panel h2{font-size:16px;margin:0 0 10px}.cn-stats{margin:18px 0;align-items:stretch}.cn-stat{flex:1;min-width:95px;padding:12px;border-radius:8px;background:#8b95a110}.cn-stat span{display:block;color:var(--cn-muted);font-size:12px}.cn-stat strong{font-size:23px;line-height:1.6}.cn-pipeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.cn-team{border:1px solid var(--cn-line);border-radius:8px;padding:12px;min-width:0}.cn-team strong,.cn-team small{display:block}.cn-team small{color:var(--cn-muted);overflow-wrap:anywhere;font-size:11px}.cn-badge{display:inline-block;font-size:11px;padding:2px 7px;border-radius:5px;background:#8b95a114;color:var(--cn-muted)}.cn-badge.pass,.cn-badge.ready{background:#00a86b15;color:#009b62}.cn-badge.reject,.cn-badge.error,.cn-badge.stopped{background:#f0445214;color:#e3404d}.cn-badge.hold,.cn-badge.watch,.cn-badge.delayed{background:#e59b1515;color:#b87912}.cn-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.cn-card{padding:16px;border:1px solid var(--cn-line);border-radius:9px;display:flex;flex-direction:column;gap:8px;min-width:0}.cn-card h3{font-size:15px;margin:0}.cn-card p{font-size:12px;margin:0;color:var(--cn-muted)}.cn-card .button{margin-top:auto;text-align:left}.cn-levels{display:grid;grid-template-columns:1fr 1fr;gap:5px 12px;font-size:12px}.cn-levels span{color:var(--cn-muted)}.cn-levels b{font-variant-numeric:tabular-nums}.cn-empty{padding:24px 12px;color:var(--cn-muted);border:1px dashed var(--cn-line);border-radius:8px;font-size:12px}.cn-table-wrap{overflow:auto;max-height:430px}.cn-table{border-collapse:collapse;width:100%;font-size:12px;text-align:left;white-space:nowrap}.cn-table th{color:var(--cn-muted);font-weight:500;background:var(--cn-bg);position:sticky;top:0}.cn-table th,.cn-table td{padding:10px;border-bottom:1px solid var(--cn-line)}.cn-table td.cn-wrap{white-space:normal;min-width:220px;max-width:420px}.cn-table button{font-size:12px}.cn-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:14px}.cn-rules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0}.cn-chart{height:390px;min-width:0;margin:12px 0}.cn-tabs button[aria-selected=true]{background:#3182f615;color:#3182f6;border-color:#3182f6}.cn-detail[hidden]{display:none}.cn-events{max-height:250px;overflow:auto;font-size:12px}.cn-event{display:grid;grid-template-columns:145px 1fr;gap:12px;border-bottom:1px solid var(--cn-line);padding:8px 0}.cn-event time{color:var(--cn-muted)}.cn-source-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.cn-source{padding:12px;background:#8b95a10b;border-radius:8px}.cn-source b,.cn-source span{display:block}.cn-source span{font-size:12px;color:var(--cn-muted)}.cn-error{color:#e3404d;min-height:22px}.cn-history{display:flex;gap:6px;flex-wrap:wrap;max-height:150px;overflow:auto}.cn-evidence p{font-size:12px}.cn-evidence a{color:#3182f6;overflow-wrap:anywhere}.cn-alert{border-left:3px solid #e8a022;padding:0 12px;color:var(--cn-muted);font-size:12px}.cn-rejects{display:flex;flex-wrap:wrap;gap:7px}.cn-rejects span{font-size:11px;background:#8b95a110;border-radius:5px;padding:3px 8px}#cn-progress{font-size:12px;color:var(--cn-muted)}.cn-meta{font-size:11px;color:var(--cn-muted);overflow-wrap:anywhere}
html[data-theme=dark] #view-control-new,body[data-theme=dark] #view-control-new,body.dark #view-control-new{--cn-bg:#16171a;--cn-line:#30343b;--cn-muted:#9ca6b4}#view-control-new .button{font-size:12px}
@media(max-width:1000px){.cn-three,.cn-source-list{grid-template-columns:1fr}.cn-grid{grid-template-columns:1fr}.cn-pipeline{grid-template-columns:repeat(2,minmax(0,1fr))}.cn-head{display:block}.cn-head>.cn-badge{margin-top:10px}}
@media(max-width:600px){.cn-panel{padding:14px}.cn-rules{grid-template-columns:1fr 1fr}.cn-event{grid-template-columns:1fr;gap:0}.cn-chart{height:320px}.cn-head h1{font-size:21px}}
.cn-team p{font-size:12px;line-height:1.7;margin:8px 0;color:var(--cn-muted);overflow-wrap:anywhere}.cn-team details{font-size:11px;margin-top:9px;border-top:1px solid var(--cn-line);padding-top:6px}.cn-team summary{cursor:pointer;color:var(--cn-blue)}.cn-team .cn-badge{margin-top:6px}.cn-badge.observed{color:#009b62;background:#00a86b15}.cn-badge.attention{color:#b87912;background:#e59b1515}.cn-badge.not_run,.cn-badge.excluded,.cn-badge.empty{color:var(--cn-muted);background:#8b95a114}.cn-badge.running{color:#3182f6;background:#3182f615}#cn-inspect-status{margin:0;max-width:100%}#cn-teams{margin-top:14px}