/* Hallmark · pre-emit critique: P4 H5 E4 S5 R5 V4
 * modern-minimal · existing GIP indigo · shared settings workbench · in-place polish
 */
@import url('./settings-tokens.css?v=20261017-scale-fix');
html:has(.pipeline-view,.quality-view),body:has(.pipeline-view,.quality-view){overflow-x:clip}
body:has(.pipeline-view,.quality-view) :is(button,a){-webkit-tap-highlight-color:transparent}
body:has(.pipeline-view,.quality-view) .btn{white-space:nowrap;transition:background var(--settings-duration) var(--settings-ease),border-color var(--settings-duration) var(--settings-ease)}
body:has(.pipeline-view,.quality-view) .btn:focus-visible,.pipeline-view button:focus-visible,.quality-view summary:focus-visible{outline:2px solid var(--settings-accent);outline-offset:3px}
body:has(.pipeline-view,.quality-view) .ph .acts{flex-wrap:wrap}
.pipeline-view .tabs{gap:var(--settings-space-2xl);margin-bottom:var(--settings-space-xl)}
.pipeline-view .ps-editor,.quality-view .card{border-color:var(--settings-rule);border-radius:var(--settings-radius);box-shadow:none}
.pipeline-view .ps-intro{padding:var(--settings-space-xl);align-items:flex-start;gap:var(--settings-space-md)}
.pipeline-view .ps-intro p{font-size:var(--settings-text-sm);line-height:20px;color:var(--settings-ink-secondary)}
.pipeline-view .ps-intro>.badge{white-space:nowrap;font-size:12px;line-height:20px;padding:0 var(--settings-space-sm);background:var(--settings-paper-soft);color:var(--settings-ink-secondary)}
.pipeline-view .ps-legend{padding:0 var(--settings-space-xl) var(--settings-space-lg);gap:var(--settings-space-lg);font-size:var(--settings-text-xs);color:var(--settings-ink-secondary)}
.pipeline-view .ps-legend>span{gap:6px}.pipeline-view .ps-dot{width:6px;height:6px}
.pipeline-view .ps-table{min-width:708px;width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0}
.pipeline-view .ps-table th{font-size:12px;font-weight:500;letter-spacing:.01em;padding:11px var(--settings-space-sm);color:var(--settings-ink-secondary);background:var(--settings-paper-soft);white-space:nowrap}
.pipeline-view .ps-table td{padding:var(--settings-space-lg) var(--settings-space-sm);vertical-align:top;line-height:20px;border-color:var(--settings-rule)}
.pipeline-view .ps-table tbody tr:hover{background:var(--settings-paper-soft)}
.pipeline-view .ps-stage-identity{white-space:normal}
.pipeline-view .ps-stage-identity>.input{display:block}
.pipeline-view .ps-stage-identity>[data-stage-field=name]{font-size:var(--settings-text-md);font-weight:500;padding:6px var(--settings-space-sm);height:34px;background:transparent;border-color:transparent;border-radius:6px}
.pipeline-view .ps-stage-identity .ps-description{padding:4px var(--settings-space-sm)!important;font-size:var(--settings-text-xs);line-height:17px;min-height:42px;height:42px;margin-top:2px;border-color:transparent;background:transparent;color:var(--settings-ink-secondary);resize:vertical}
.pipeline-view .ps-stage-identity>.input:hover{border-color:var(--settings-rule);background:var(--settings-paper)}
.pipeline-view .ps-stage-identity>.input:focus{border-color:var(--settings-focus);background:var(--settings-paper);outline:2px solid var(--indigo-50)}
.pipeline-view .ps-stage-identity .ps-small{font-size:12px;margin:3px 0 0 var(--settings-space-sm)}
.pipeline-view .ps-order{padding-top:var(--settings-space-xl)!important;font-size:12px;white-space:nowrap}
.pipeline-view .ps-grip{font-size:18px;line-height:22px;color:var(--n500);padding:0 2px}.pipeline-view .ps-arrows{margin-top:var(--settings-space-xs)}
.pipeline-view .ps-types{flex-direction:column;align-items:flex-start;gap:var(--settings-space-xs);padding-top:5px}
.pipeline-view .ps-type{padding:3px 6px;font-size:12px;line-height:16px;border-color:transparent;color:var(--settings-ink-secondary);min-height:24px;gap:5px}
.pipeline-view .ps-type:not(.selected){background:transparent}.pipeline-view .ps-type.selected{font-weight:500}.pipeline-view .ps-type input{width:11px;height:11px;opacity:1}
.pipeline-view .ps-percent{margin-top:5px;gap:var(--settings-space-xs);font-size:12px;color:var(--settings-ink-secondary)}
.pipeline-view .ps-percent .input{font-size:var(--settings-text-sm);height:32px;min-width:0;padding:5px 4px!important;text-align:center;font-variant-numeric:tabular-nums;background:var(--settings-paper);border-color:var(--settings-rule)}
.pipeline-view .ps-percent .input[readonly]{background:var(--settings-paper-soft);color:var(--settings-ink-secondary)}
.pipeline-view .ps-status-tags{gap:5px;max-height:144px;padding:3px 0}
.pipeline-view .ps-status-chip{min-height:27px;border-color:var(--settings-rule);background:var(--settings-paper);font-size:12px;border-radius:5px}
.pipeline-view .ps-status-chip.is-default{background:var(--indigo-50);border-color:var(--indigo-200)}
.pipeline-view .ps-status-chip button{line-height:18px}.pipeline-view .ps-status-name{padding:3px 2px;max-width:160px;color:var(--settings-ink)}
.pipeline-view .ps-status-star{padding-left:5px;color:var(--n500)}.pipeline-view .is-default .ps-status-star{color:var(--settings-accent)}
.pipeline-view .ps-status-x{color:var(--n500);padding-left:2px!important}.pipeline-view .ps-status-x:hover{color:var(--red-600);background:var(--red-50)}
.pipeline-view .ps-status-plus{font-size:12px;line-height:18px;padding:3px 6px;margin-top:5px;border-color:var(--indigo-200);border-style:dashed;min-height:26px}
.pipeline-view .ps-status-plus:hover{background:var(--indigo-50);border-style:solid}.pipeline-view .ps-default-hint{font-size:12px;margin-top:5px;color:var(--settings-ink-secondary)}
.pipeline-view .ps-status-entry{flex-wrap:wrap;gap:var(--settings-space-xs)}.pipeline-view .ps-status-entry .input{font-size:12px;min-width:100px;height:32px;padding:5px 7px}
.pipeline-view .ps-status-entry .btn{height:28px;width:28px;flex:none}
.pipeline-view .ps-table td.ps-stop{padding-top:var(--settings-space-xl);background:var(--settings-paper);box-shadow:-5px 0 8px -7px var(--n400)}
.pipeline-view .ps-table .ps-stop .btn{width:28px;height:30px;border-color:transparent;background:transparent;color:var(--red-600)}
.pipeline-view .ps-table .ps-stop .btn:hover:not(:disabled){border-color:var(--red-100);background:var(--red-50)}
.pipeline-view .ps-table .ps-stop .btn:disabled{background:transparent;border-color:transparent;color:var(--n500)}
.pipeline-view .ps-add{font-size:var(--settings-text-xs);padding:var(--settings-space-md) var(--settings-space-xl);min-height:44px;border-top:1px solid var(--settings-rule)}
.pipeline-view .ps-footer{padding:var(--settings-space-md) var(--settings-space-xl);background:var(--settings-paper-soft)}
.pipeline-view .ps-footer b{font-size:var(--settings-text-xs);font-weight:500}.pipeline-view .ps-footer p{font-size:12px}
.pipeline-view>p.help,.quality-view>p.help{font-size:12px;line-height:17px;color:var(--settings-ink-secondary);margin:var(--settings-space-sm) 0}
.quality-view>.card+.card{margin-top:var(--settings-space-xl)}
.quality-view .card-h{padding:var(--settings-space-lg) var(--settings-space-xl);align-items:flex-start;flex-wrap:wrap;gap:3px var(--settings-space-md)}
.quality-view .card-h h3{font-size:15px;line-height:22px}.quality-view .card-h .meta{font-size:12px;line-height:20px}
.quality-view .quality-table{min-width:660px;table-layout:fixed;border-collapse:separate;border-spacing:0}
.quality-view .quality-table th{padding:11px var(--settings-space-sm);font-size:12px;font-weight:500;white-space:nowrap;background:var(--settings-paper-soft);color:var(--settings-ink-secondary)}
.quality-view .quality-table td{padding:var(--settings-space-lg) var(--settings-space-sm);vertical-align:middle}
.quality-view .quality-table td:first-child{padding-left:var(--settings-space-lg)}
.quality-view .quality-table .badge.outline{font-size:12px;border-color:var(--settings-rule);background:var(--settings-paper);min-height:25px;white-space:nowrap}
.quality-view .quality-table textarea.input{height:62px;min-height:62px;padding:6px var(--settings-space-sm);font-size:var(--settings-text-xs);line-height:18px;border-color:transparent;background:transparent;color:var(--settings-ink-secondary)}
.quality-view .quality-table textarea:hover{border-color:var(--settings-rule);background:var(--settings-paper)}
.quality-view .quality-table textarea:focus{border-color:var(--settings-focus);outline:2px solid var(--indigo-50);background:var(--settings-paper);color:var(--settings-ink)}
.quality-view .quality-unit-field{display:flex;align-items:center;gap:2px;min-width:0;border:1px solid var(--settings-rule);border-radius:6px;background:var(--settings-paper);padding-right:6px}
.quality-view .quality-unit-field:focus-within{border-color:var(--settings-focus);outline:2px solid var(--indigo-50)}
.quality-view .quality-unit-field input.input{height:34px;padding:5px 4px 5px 7px;min-width:0;flex:1;width:100%;border:0;background:transparent;outline:0;text-align:center;font-size:var(--settings-text-sm);font-variant-numeric:tabular-nums}
.quality-view .quality-unit-field>span{font-size:12px;color:var(--settings-ink-secondary);white-space:nowrap}
.quality-view .quality-threshold .badge{background:transparent!important;border:0;font-size:12px;line-height:19px;padding:0;margin:0;white-space:nowrap;font-variant-numeric:tabular-nums;display:inline-flex;gap:5px;align-items:center}
.quality-view .quality-threshold .badge::before{content:'';width:4px;height:4px;border-radius:50%;background:currentColor;flex:none}
.quality-view .quality-rules-grid{gap:var(--settings-space-xl);margin-top:var(--settings-space-xl)!important}
.quality-view .quality-rules-grid .card{margin:0;min-width:0}.quality-view .card-b{padding:var(--settings-space-lg) var(--settings-space-xl)}
.quality-view .dform{gap:var(--settings-space-lg)}.quality-view .field>label{font-size:var(--settings-text-xs);font-weight:500;margin-bottom:6px}
.quality-view .field .help,.quality-view .dform>.help{font-size:12px;line-height:17px;color:var(--settings-ink-secondary)}
.quality-view .sw-row{gap:var(--settings-space-md);padding:var(--settings-space-sm) 0}.quality-view .sw-row .t{font-size:var(--settings-text-xs);line-height:19px}.quality-view .sw-row .d{font-size:12px;line-height:17px}
.quality-view .switch{flex:none}.quality-view .notice{font-size:var(--settings-text-xs);line-height:19px;padding:var(--settings-space-md)}
.quality-view .quality-preview-box{border:1px solid var(--indigo-100);border-radius:var(--settings-radius);background:var(--indigo-50);padding:var(--settings-space-lg)}
.quality-view .quality-preview-box .badge{font-size:12px}.quality-view .quality-preview-box>div:not(.help){font-size:var(--settings-text-md);font-weight:500}.quality-view .quality-preview-box .help{font-size:12px;line-height:18px;margin-top:var(--settings-space-sm)}
.quality-view .quality-scope{padding:var(--settings-space-lg) var(--settings-space-xl)!important}.quality-view .quality-scope summary{font-size:var(--settings-text-sm);line-height:22px}
.quality-view .quality-scope input[type=checkbox]{accent-color:var(--settings-accent);width:15px;height:15px}
body:has(.pipeline-view,.quality-view) .sr-only{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}
@media(max-width:1100px){
 body:has(.pipeline-view,.quality-view) .ph>.acts{width:100%;margin-left:0}
 
 
}
@media(max-width:900px){
 body:has(.pipeline-view,.quality-view) .main>div:has(>#settings-content){flex-direction:column;gap:var(--settings-space-lg)!important}
 body:has(.pipeline-view,.quality-view) .settings-nav{width:100%;position:static;display:flex;align-items:center;gap:var(--settings-space-xs);overflow-x:auto;padding:var(--settings-space-xs)!important;max-width:100%}
 body:has(.pipeline-view,.quality-view) .settings-nav .sb-grp{display:none}
 body:has(.pipeline-view,.quality-view) .settings-nav .sb-item{flex:none;height:34px;font-size:12px;padding:0 8px}body:has(.pipeline-view,.quality-view) .settings-nav .sb-item svg{width:14px;height:14px}
 body:has(.pipeline-view,.quality-view) #settings-content{width:100%;min-width:0}
 .pipeline-view .ps-intro{padding:var(--settings-space-lg);flex-direction:column;gap:var(--settings-space-sm)}
 .pipeline-view .ps-legend{padding:0 var(--settings-space-lg) var(--settings-space-md);gap:var(--settings-space-sm);font-size:12px}
 .quality-view .card-h{flex-direction:column;gap:var(--settings-space-xs)}
}
@media(max-width:768px){
 body:has(.pipeline-view,.quality-view) .sidebar{width:52px}
 body:has(.pipeline-view,.quality-view) .sb-logo{font-size:0;padding:0 11px}
 body:has(.pipeline-view,.quality-view) .sb-logo small,body:has(.pipeline-view,.quality-view) .sidebar .sb-grp,body:has(.pipeline-view,.quality-view) .sidebar .sb-user{display:none}
 body:has(.pipeline-view,.quality-view) .sidebar .sb-item{justify-content:center;padding:0}
 body:has(.pipeline-view,.quality-view) .sidebar .sb-item span{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}
 body:has(.pipeline-view,.quality-view) .gsearch,body:has(.pipeline-view,.quality-view) .crumbs>*:not(:first-child),body:has(.pipeline-view,.quality-view) .tb-user .u-name,body:has(.pipeline-view,.quality-view) .tb-user .u-role{display:none}
 body:has(.pipeline-view,.quality-view) .topbar{padding:0 var(--settings-space-md)}
 body:has(.pipeline-view,.quality-view) .main{padding:var(--settings-space-lg)}
 body:has(.pipeline-view,.quality-view) .ph h1{font-size:24px;line-height:32px}
 body:has(.pipeline-view,.quality-view) .ph .acts{gap:6px}body:has(.pipeline-view,.quality-view) .ph .acts .btn{font-size:12px}
 .pipeline-view .tabs{white-space:nowrap;overflow-x:auto;gap:var(--settings-space-xl)}
 .quality-view .quality-rules-grid{grid-template-columns:minmax(0,1fr)!important}
 .quality-view .g3{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:414px){
 body:has(.pipeline-view,.quality-view) .main{padding:var(--settings-space-md)}
 body:has(.pipeline-view,.quality-view) .ph .acts .btn{padding:0 8px;min-height:32px}
 .quality-view .card-b{padding:var(--settings-space-md)}
 .quality-view .grid.g2{grid-template-columns:minmax(0,1fr)}
}
@media(prefers-reduced-motion:reduce){body:has(.pipeline-view,.quality-view) *,body:has(.pipeline-view,.quality-view) *::before{transition:none!important;scroll-behavior:auto!important}}
/* Quy tắc nghiệp vụ của stage */
.pipeline-view .ps-rule-cell{vertical-align:top}
.pipeline-view .ps-rule-cell .select{height:32px;font-size:var(--settings-text-sm);margin-top:5px;width:100%}
.pipeline-view .ps-rule-cell .ps-small{display:block;font-size:12px;line-height:15px;color:var(--settings-ink-secondary);margin-top:4px}
.pipeline-view .ps-rule{display:block;margin-top:11px;font-weight:500;font-size:var(--settings-text-sm)}
.pipeline-view .fx-cell{cursor:pointer;text-align:center}.pipeline-view .fx-cell:hover{background:var(--indigo-50)}
.pipeline-view .fx-cell.inherit{cursor:default;opacity:.55}.pipeline-view .fx-cell.inherit:hover{background:none}
.pipeline-view .fx-cell svg{width:16px;height:16px;stroke-width:2.2}
.kh .prob{font-size:12px;color:var(--n500);font-weight:500;margin-left:auto}

/* Pipeline › Stage v2 (17/10/2026): bảng xem tổng quan, sửa trong drawer */
.pipeline-view .ps-v2 .ps-table{min-width:860px}
.pipeline-view .ps-v2 .ps-table td{vertical-align:middle;padding:14px var(--settings-space-sm)}
.pipeline-view .ps-v2 .ps-table tbody tr{cursor:pointer}
.pipeline-view .ps-v2 .ps-order{padding-top:14px!important;color:var(--settings-ink-secondary)}
.pipeline-view .ps-v2 .ps-order .ps-grip{margin-right:6px;cursor:grab}
.ps-name{font-weight:500;font-size:14px;color:var(--settings-ink);display:flex;align-items:center;gap:6px}
.ps-sys svg{width:13px;height:13px;color:var(--n400);display:block}
.ps-desc{font-size:12px;line-height:17px;color:var(--settings-ink-secondary);margin-top:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal}
.ps-del-note{color:var(--red-600)}
.pipeline-view .ps-deleting td:not(.act){opacity:.55}.pipeline-view .ps-deleting .ps-name{text-decoration:line-through}
.ps-kind{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;height:24px;padding:0 8px;border-radius:999px;background:var(--indigo-50);color:var(--brand)}
.ps-kind i{width:6px;height:6px;border-radius:50%;background:currentColor}
.ps-kind.won{background:var(--green-50,#ecfdf3);color:var(--green-700,#15803d)}.ps-kind.lost{background:var(--red-50);color:var(--red-600)}
.ps-chips,.ps-conds{display:flex;flex-wrap:wrap;gap:4px;white-space:normal}
.ps-chip{display:inline-flex;align-items:center;height:22px;padding:0 7px;border-radius:4px;background:var(--n100);color:var(--n700);font-size:12px;white-space:nowrap}
.ps-chip.def{background:var(--indigo-50);color:var(--brand);font-weight:500}
.ps-cond{display:inline-flex;align-items:center;height:22px;padding:0 7px;border-radius:4px;border:1px solid var(--indigo-200);color:var(--n800);font-size:12px;white-space:nowrap}
.ps-cond.soft{border-style:dashed;color:var(--settings-ink-secondary)}
.ps-muted{font-size:12px;color:var(--settings-ink-secondary)}
.ps-th-hint{font-weight:400;color:var(--n500);margin-left:6px}
.ps-prob{font-variant-numeric:tabular-nums;font-weight:500}.ps-prob.fixed{color:var(--settings-ink-secondary);font-weight:400}
.ps-savebar{position:sticky;bottom:0;z-index:3;display:flex;align-items:center;gap:8px;padding:12px var(--settings-space-xl);border-top:1px solid var(--settings-rule);background:var(--settings-paper-soft)}
.ps-savebar>span{margin-right:auto;font-size:13px;color:var(--settings-ink-secondary)}
.ps-savebar.dirty{background:#fff}.ps-savebar.dirty>span{color:var(--amber-700,#b45309);font-weight:500}
.ps-link{display:inline-block;margin-top:10px;font-size:13px;color:var(--brand)}
.sd-list{border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden}
.sd-row{display:grid;grid-template-columns:28px 32px minmax(0,1fr) auto;align-items:center;min-height:44px;border-bottom:1px solid var(--border);padding-right:6px}
.sd-row:last-child{border-bottom:none}.sd-row:hover{background:var(--n50)}
.sd-def{display:grid;place-items:center;height:100%;cursor:pointer}
.sd-name{all:unset;cursor:text;font-size:13px;display:flex;align-items:center;gap:8px;min-height:32px}
.sd-row .input{height:32px}.sd-act{display:flex;gap:2px}
.sd-add{display:flex;gap:8px;margin-top:10px}.sd-add .input{flex:1}
.pipeline-view .ps-v2 .ps-table td.act,.pipeline-view .ps-v2 .ps-table th:last-child{position:static;box-shadow:none;background:transparent}
.sd-del{color:var(--red-600)}.sd-del:disabled{color:var(--n400)}
.sd-prob{display:flex;align-items:center;border:1px solid var(--control);border-radius:var(--r-md);background:#fff;padding-right:10px}
.sd-prob:focus-within{border-color:var(--brand)}.sd-prob .input{border:0;outline:0;flex:1;min-width:0}.sd-prob span{color:var(--muted)}
.sd-prob:has(input[readonly]){background:var(--n50)}.sd-prob input[readonly]{background:transparent}
.pipeline-view .ps-v2 .ps-table th:last-child{background:var(--settings-paper-soft)}

/* Field matrix: plain symbols, monochrome; shared legend instead of cell labels. */
.pipeline-view .fx-legend{display:flex;align-items:center;gap:24px;flex-wrap:wrap;padding:4px 0 8px;font-size:12px;color:var(--n600)}
.pipeline-view .fx-legend>span{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.pipeline-view .fx-guidance{font-size:12px;line-height:20px;color:var(--n600);margin:0 0 16px}
.pipeline-view .fx-cell{padding:4px 8px!important;text-align:center;vertical-align:middle;cursor:default}
.pipeline-view .fx-cell:hover,.pipeline-view .fx-cell.inherit:hover{background:transparent}
.pipeline-view .fx-cell.inherit{opacity:1}
.fx-symbol{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;line-height:22px;font-size:23px;font-weight:400;flex:none}
.fx-symbol.fx-required{color:#000}
.fx-symbol.fx-required svg{width:18px;height:18px;stroke-width:2.2}
.fx-symbol.fx-recommended{color:var(--n600);font-size:24px}
.fx-symbol.fx-none{color:var(--n500);font-size:18px}
.pipeline-view .fx-trigger,.pipeline-view .fx-locked{display:inline-flex;align-items:center;justify-content:center;width:36px;height:34px;padding:0;border:0;background:transparent;border-radius:var(--r-md);vertical-align:middle}
.pipeline-view .fx-trigger{cursor:pointer}
.pipeline-view .fx-trigger:hover{outline:1px solid var(--border-default);outline-offset:0}
.pipeline-view .fx-trigger:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.pipeline-view .fx-trigger:active{transform:translateY(1px)}
.fx-level-menu .fx-menu-option{display:flex;align-items:center;gap:12px;min-width:0}
.fx-level-menu .fx-menu-option>span:last-child{display:flex;flex-direction:column;gap:3px;text-align:left}
.fx-level-menu .fx-menu-option b{font-size:13px;font-weight:500;color:var(--n900)}
.fx-level-menu .fx-menu-option small{font-size:11px;color:var(--n600);line-height:16px}
.fx-level-menu button{padding:10px 12px;background:transparent!important;color:var(--n900)!important}
.fx-level-menu button:hover{background:var(--n50)!important}
@media(max-width:600px){.pipeline-view .fx-legend{gap:12px 18px}.pipeline-view .fx-guidance{font-size:11px}}
.pipeline-view .fx-cell.inherit .fx-locked{opacity:.4}
/* Chất lượng lead cấu hình được (21/10) */
.quality-view .q-intro{margin:0 var(--settings-space-xl) var(--settings-space-md);font-size:12.5px;line-height:18px}
.quality-view .quality-table td{vertical-align:top}
.quality-view .q-ord{white-space:nowrap;padding-top:22px!important;font-size:12px;color:var(--settings-ink-secondary)}.quality-view .ps-grip{font-size:18px;line-height:22px;color:var(--n500);padding:0 2px;margin-right:6px;cursor:grab;background:none;border:0}.quality-table tr.ps-over{box-shadow:inset 0 3px var(--brand)}
.quality-view .q-name-row{display:flex;align-items:center;gap:6px}.quality-view .q-name-row .input{min-width:0}
.quality-view .q-name .select{margin-top:6px;height:30px;font-size:12px;padding:0 8px;width:100%}
.quality-view .q-code{font-size:11px;color:var(--n500,#6b7280);margin-top:4px;font-family:ui-monospace,Menlo,monospace}
.quality-view .q-flags{white-space:nowrap}.quality-view .q-flag{display:flex;align-items:center;gap:6px;font-size:12.5px;line-height:22px;cursor:pointer}
.quality-view tr.q-off td{opacity:.55}.quality-view tr.q-off td:nth-last-child(-n+2){opacity:1}
.quality-view .q-add{margin:var(--settings-space-md) var(--settings-space-xl) var(--settings-space-lg)}

/* kéo thả (assets/sortable.js) */
.sd-grip{all:unset;display:grid;place-items:center;width:24px;height:30px;margin-left:4px;font-size:16px;color:var(--n500)}
.sd-list:has(.srt-drag){overflow:visible}
.pipeline-view .ps-v2 .ps-order .ps-grip,.quality-view .ps-grip{padding:2px 4px}