.cl-drawer{position:fixed;inset:0 0 0 auto;margin:0;width:min(760px,96vw);height:100dvh;max-height:100dvh;max-width:96vw;border:0;border-left:1px solid var(--border);border-radius:0;padding:22px;overflow:auto;color:#24324a;box-shadow:-8px 0 28px #16223822}.cl-drawer::backdrop{background:#16223855}.cl-drawer-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--border)}.cl-drawer-head h2{margin:7px 0;overflow-wrap:anywhere}.cl-drawer-head>button{flex:none;margin:0}.cl-tabs,.cl-filters{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0;align-items:end}.cl-tabs [aria-pressed=true]{background:#edf3ff;border-color:#a9c5fd;color:#215dd0}.cl-filters label{min-width:160px;max-width:100%}.cl-filters select{max-width:100%;width:100%}.cl-totals{display:flex;gap:18px;flex-wrap:wrap;font-size:13px;margin:15px 0}.cl-summary{display:flex;flex-wrap:wrap;gap:4px;align-items:center;white-space:normal;min-width:145px;max-width:190px;padding:6px;font-size:11px;background:#fff;text-align:left}.cl-summary span{display:inline-flex;align-items:center;gap:3px}.cl-hit{background:#fff5e1;padding:3px;border-radius:4px;color:#93671b}.cl-pending{background:#eef2f8;color:#53647e;border-radius:4px;padding:3px}.cl-check-summary{white-space:normal;font-size:11px;max-width:150px}.cl-check-summary span{display:block;color:#68768c}.cl-field span{display:inline-flex;align-items:center;font-size:10px;gap:3px}.cl-field.red,.cl-issue.red,.cl-check-summary.red{color:#b42332}.cl-rule-row{margin:12px 0;border:1px solid var(--border);border-radius:7px;overflow:hidden;background:#fff}.cl-rule-row>summary{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:13px;cursor:pointer;font-size:12px;list-style:revert}.cl-rule-row summary b{overflow-wrap:anywhere}.cl-rule-row summary small{display:block;margin-top:4px}.cl-rule-body{padding:14px;border-top:1px solid var(--border);line-height:1.8;font-size:12px}.cl-rule-body p{margin-bottom:9px;overflow-wrap:anywhere}.cl-state{font-size:11px;border-radius:4px;white-space:nowrap;background:#eef2f8;color:#62748e;padding:4px 6px;flex:none}.cl-state.hit{background:#fff3db;color:#966714}.cl-state.not_hit{background:#edf7f0;color:#32754b}.cl-state.unknown{background:#eef2f8;color:#62748e}.cl-evidence{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0}.cl-evidence>div{display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:#f7f9fc;padding:9px;min-width:0}.cl-evidence strong{overflow-wrap:anywhere}.cl-evidence button{font-size:11px;padding:3px 6px;margin:0}.cl-issue{padding:12px;border:1px solid var(--border);border-radius:6px;background:#f8faff;margin:9px 0;font-size:12px;overflow-wrap:anywhere}.cl-issue small{display:block;line-height:1.7;color:#68768c}.cl-issue p{line-height:1.7;margin:6px 0}.cl-issue button{padding:4px 8px;font-size:11px;margin:7px 6px 0 0}.cl-needed{border-top:1px solid var(--border);padding:13px 0;margin-top:15px}.cl-needed summary{cursor:pointer;font-weight:600}.cl-needed-row{display:flex;gap:10px;flex-wrap:wrap;padding:10px 0;border-bottom:1px solid var(--border);font-size:12px}.cl-needed-row small{width:100%;overflow-wrap:anywhere}.cl-highlight{outline:2px solid #f4ab37;outline-offset:-2px;background:#fff9e9!important}.result-table td.pin-status{position:static;left:auto;min-width:160px;width:auto;max-width:none}.result-table th.pin-status{left:auto;min-width:160px;width:auto;max-width:none}.cl-object-groups .cl-rule-body{min-width:0}.cl-object-groups .cl-rule-row .cl-rule-row{margin:9px 0}
@media(max-width:800px){.cl-drawer{width:100vw;max-width:100vw;padding:16px}.cl-evidence{grid-template-columns:1fr}.cl-rule-row>summary{align-items:flex-start;padding:10px}.cl-rule-body{padding:11px}.cl-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.cl-filters label{min-width:0}.cl-filters select{min-width:0}.cl-summary{min-width:130px}.cl-drawer-head h2{font-size:17px}.cl-tabs button{font-size:12px;padding:7px}.cl-object-groups .panel-head{align-items:flex-start}}

/* Summary stays on one line; detail panels carry the full evidence. */
.result-table th,.result-table td{font-size:12px;padding:9px 12px;line-height:24px;white-space:nowrap;vertical-align:middle}
.result-table thead th{position:sticky;top:0;z-index:20;background:#f7f9fc;box-shadow:inset 0 -1px #dce4ee}
.result-table thead th.pin-sku,.result-table thead th.pin-name{z-index:30;background:#f7f9fc}
.result-table td.pin-sku,.result-table td.pin-name{z-index:3;background:#fff}
.result-table .pin-name{box-shadow:2px 0 0 #dce4ee}
.result-table .cl-category-cell,.result-table .cl-category-head{max-width:none}
.cl-summary{display:inline-flex;flex-wrap:nowrap;gap:4px;white-space:nowrap;min-width:0;max-width:none;padding:3px 5px;font-size:12px;line-height:22px;vertical-align:middle;margin:0 6px 0 0}
.cl-summary .cl-type-name{display:inline-block;max-width:118px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#68768c}
.cl-hit{white-space:nowrap;padding:1px 4px}.cl-more{font-weight:600;color:#966714}
.cl-action{display:inline-block;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;font-size:12px;padding:3px 7px;line-height:22px;margin-right:6px}
.result-table .cl-action-cell,.result-table .cl-action-head{max-width:none}
.cl-check-summary{display:inline-flex;align-items:center;white-space:nowrap;max-width:none;font-size:12px;padding:3px 6px;line-height:22px}
.cl-check-summary span{display:inline;color:#68768c}
.result-table .followup-link{display:inline-flex;white-space:nowrap;margin:0;vertical-align:middle}
.result-table .cl-field{display:inline-flex;align-items:center;white-space:nowrap;line-height:24px}
.result-table .cl-field span{font-size:11px;white-space:nowrap}
.cl-detail-type h3{margin-top:18px;padding:7px 0;border-bottom:1px solid var(--border)}
.cl-branches{padding:10px;background:#f6f8fc;overflow-wrap:anywhere}.cl-branches p{margin:5px 0;line-height:1.7}
@media(max-width:700px){.result-table thead th.pin-name,.history-table thead th.pin-name{position:sticky;top:0;left:auto;z-index:20;background:#f7f9fc}.result-table thead th.pin-status{position:sticky;top:0;left:auto;z-index:20;background:#f7f9fc}.result-table thead th.pin-sku{z-index:30}.result-table td.pin-name{position:static;box-shadow:none}.cl-summary{min-width:0}.result-table th,.result-table td{padding:8px 10px;font-size:12px}}

/* Readable data text; warning colors remain reserved for actual issues. */
.result-table th,.result-table td,.result-table .sort-header,.result-table .cell-button{font-size:13px}
.cell-button.preview,.cell-button.ok{color:#111;border-bottom:0}
.result-table tbody td{color:#111}
.result-table .cell-button:not(.red):not(.invalid){color:#111}
.result-table .cl-field span{font-size:12px}
.cl-source-note{color:#111;font-size:13px;line-height:1.7;overflow-wrap:anywhere;margin:12px 0}
#dialog-body>p{overflow-wrap:anywhere}
.query-progress{font-size:13px;color:#53647e;padding:8px 0}.cl-issue details{margin-top:8px;color:#68768c}.cl-issue details summary{cursor:pointer}.cl-source-note+.cl-evidence{font-size:13px}

/* Existing alert icons also stay visible beside the product name. */
.cl-product-name{display:flex;align-items:center;width:174px;max-width:100%;height:24px;overflow:hidden}.cl-product-name>.cell-button{flex:1;min-width:0;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cl-row-warnings{display:inline-flex;align-items:center;gap:3px;margin-left:5px;max-width:108px;flex:none;vertical-align:middle;overflow:auto;scrollbar-width:none}.cl-row-warnings::-webkit-scrollbar{display:none}.cl-row-warning{display:inline-flex;align-items:center;gap:2px;flex:none;white-space:nowrap;margin:0;padding:1px 3px;font-size:10px;line-height:18px;color:#93671b;background:#fff5e1;border-color:#f4ddb0}.cl-row-warning .rule-icon{width:13px;height:13px}.cl-row-warning .cl-more{font-size:10px}.cl-field .rule-icon,.cl-check-summary .rule-icon{width:14px;height:14px;vertical-align:middle;flex:none}

.cl-order-identity{display:flex;align-items:center;gap:4px}.cl-object-groups h3 .rule-icon{width:16px;height:16px;vertical-align:middle}

.cl-row-data{display:inline-flex;align-items:center;justify-content:center;flex:none;width:22px;height:22px;margin:0 0 0 3px;padding:2px;color:#b42332;background:#fff1f2;border-color:#f1c7cd}.cl-row-data .rule-icon{width:14px;height:14px}

/* Keep identity and both icon types inside the mobile table viewport. */
@media(max-width:700px){
 .result-table{container-type:inline-size;--cl-mobile-sku:100px;--cl-mobile-name:calc(100cqw - var(--cl-mobile-sku) - 18px)}
 .result-table th.pin-sku,.result-table td.pin-sku{min-width:var(--cl-mobile-sku);width:var(--cl-mobile-sku);max-width:var(--cl-mobile-sku)}
 .result-table th.pin-name,.result-table td.pin-name{position:sticky;left:var(--cl-mobile-sku);min-width:var(--cl-mobile-name);width:var(--cl-mobile-name);max-width:var(--cl-mobile-name);background:#fff}
 .result-table thead th.pin-name{background:#f7f9fc;z-index:30}
 .result-table td.pin-name{z-index:3}
 .cl-product-name{width:100%;height:24px}
 .cl-product-name .cl-row-warnings{max-width:none;gap:2px;margin-left:3px;overflow:visible}
 .cl-product-name .cl-row-warning{position:relative;justify-content:center;width:22px;height:22px;padding:2px}
 .cl-product-name .cl-row-warning .cl-more{position:absolute;right:0;top:0;font-size:8px;line-height:9px;background:#fff5e1}
}
@media(max-width:360px){.result-table{--cl-mobile-sku:76px}}

/* V0.6: independent signal column; product names keep a user-controlled width. */
.result-table,.history-table{--sku-width:130px;--icon-width:112px;--name-width:280px}
.result-table th.pin-sku,.result-table td.pin-sku,.history-table th.pin-sku,.history-table td.pin-sku{position:sticky;left:0;width:var(--sku-width);min-width:var(--sku-width);max-width:var(--sku-width);background:#fff;z-index:4}
.result-table .pin-icons{position:sticky;left:var(--sku-width);width:var(--icon-width);min-width:var(--icon-width);max-width:var(--icon-width);background:#fff;z-index:4;overflow:visible;white-space:normal}
.result-table th.pin-name,.result-table td.pin-name{position:sticky;left:calc(var(--sku-width) + var(--icon-width));width:var(--name-width);min-width:var(--name-width);max-width:var(--name-width);background:#fff;z-index:4}
.history-table th.pin-name,.history-table td.pin-name{position:sticky;left:var(--sku-width);width:var(--name-width);min-width:var(--name-width);max-width:var(--name-width);background:#fff;z-index:4}
.result-table thead th.pin-sku,.result-table thead th.pin-icons,.result-table thead th.pin-name,.history-table thead th.pin-sku,.history-table thead th.pin-name{background:#f7f9fc;z-index:30}
.cl-icons{padding:9px 6px}.cl-icons .cl-row-warning,.cl-icons .cl-row-data{margin:2px;display:inline-flex;width:auto;min-width:24px;height:24px;padding:3px}
.cl-row-warning.good,.cl-summary.good{background:#e8f7ee;color:#25824f;border-color:#bfe7cc}.cl-row-warning.warning,.cl-summary.warning{background:#fff5de;color:#a86a08;border-color:#f5d48f}.cl-row-warning.problem,.cl-summary.problem,.cl-row-data.problem{background:#fff0f1;color:#bf3046;border-color:#f3c1ca}
.cl-simple-rule{padding:16px 0;border-top:1px solid var(--border)}.cl-simple-rule h3{font-size:14px;margin-bottom:12px}.cl-simple-rule p{font-size:14px;color:#34445a;line-height:1.9}.cl-drawer{width:620px;max-width:95vw}.cl-drawer-head h2{font-size:17px;margin:0 0 8px}.cl-drawer-head p{font-size:14px}.cl-issue{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:14px;margin-bottom:8px}.cl-issue button{margin:0;white-space:nowrap}
.name-resizer{position:absolute;right:0;top:0;width:9px;height:100%;cursor:col-resize;touch-action:none;border-right:2px solid #c7d5eb}.name-resizer:hover,.name-resizer:focus{border-color:var(--blue);background:#2563eb15}
.sliding-switch{position:relative;display:flex;align-items:center;border:1px solid #cfdaeb;background:#f5f7fb;border-radius:8px;padding:3px;height:38px;isolation:isolate;min-width:245px}.sliding-switch button{position:relative;flex:1;z-index:1;border:0;background:transparent;padding:6px 8px;font-size:12px;white-space:nowrap}.sliding-switch [aria-pressed="true"]{color:white}.switch-track{position:absolute;z-index:0;left:3px;top:3px;width:calc(50% - 3px);height:calc(100% - 6px);border-radius:6px;background:var(--blue);transition:transform .2s ease}.switch-right{transform:translateX(100%)}
@media(max-width:700px){.result-table,.history-table{--sku-width:108px;--icon-width:92px}.result-table th.pin-name,.result-table td.pin-name{position:static;width:var(--name-width);min-width:var(--name-width);max-width:var(--name-width)}.result-table thead th.pin-name{position:sticky;left:auto}.result-table .pin-icons{left:var(--sku-width);min-width:var(--icon-width);width:var(--icon-width);max-width:var(--icon-width)}.history-table td.pin-name{position:static}.history-table th.pin-name{left:auto}.sliding-switch{grid-column:1/-1}}

/* A definite plot height keeps bars proportional; labels determine the card height. */
.rule-stat-chart{overflow:visible;align-self:stretch}.rule-stat-chart h2{margin-bottom:48px}
.rule-plot{display:grid;grid-template-columns:38px minmax(0,1fr);gap:8px;min-width:0}
.rule-y-axis{position:relative;height:220px;border-right:1px solid #dce4ee;font-variant-numeric:tabular-nums;color:#68768c;font-size:11px}
.rule-axis-title{position:absolute;top:-35px;right:4px;white-space:nowrap}.rule-axis-tick{position:absolute;right:7px;transform:translateY(50%);line-height:14px}
.rule-columns{display:grid;grid-template-columns:repeat(var(--rule-count),minmax(0,1fr));gap:8px;min-height:0;min-width:0}
.rule-column{display:grid;grid-template-rows:220px auto;align-content:start;align-items:stretch;min-width:0;height:auto;padding:0;border:0;overflow:visible;white-space:normal}
.rule-column:disabled{cursor:default}.rule-column .column-track{position:relative;display:block;flex:none;height:220px;background:none;border:0}
.rule-grid-line{position:absolute;left:0;right:0;height:1px;background:#edf1f7;pointer-events:none}
.rule-column .column-fill{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:62%;max-width:48px;min-height:0}
.rule-column .column-value{position:absolute;left:0;right:0;padding:0;text-align:center;font-size:13px;line-height:18px;font-variant-numeric:tabular-nums;white-space:nowrap}
.rule-column .column-label{display:block;min-width:0;padding:13px 2px 8px;font-size:12px;line-height:1.6;white-space:normal;overflow:visible;overflow-wrap:anywhere;color:#52627a}
@media(max-width:800px){.rule-plot{grid-template-columns:32px minmax(0,1fr);gap:5px}.rule-columns{gap:4px}.rule-column .column-label{font-size:11px;padding:12px 1px 8px}.rule-column .column-value{font-size:12px}.rule-axis-tick{right:5px}}