/* Inventory-only presentation with a shared type scale. Left filters and app shell are untouched. */
.crm-ui .inventory-workspace .inv-config-results{container-type:inline-size;container-name:inventory-list;--inv-text-size:13px;--inv-meta-size:12px;--inv-text-line:20px;--inv-text-color:#344357;--inv-meta-color:#68737f}
.crm-ui .inventory-workspace .inv-config-results h2{font-size:16px;font-weight:600;line-height:24px;color:var(--inv-text-color)}
.crm-ui .inventory-workspace table.inv-focus-table{display:table;width:100%;max-width:100%;min-width:760px;table-layout:fixed;border-collapse:collapse;margin:0}
.crm-ui .inventory-workspace table.inv-focus-table col.inv-focus-c-spec{width:20%}
.crm-ui .inventory-workspace table.inv-focus-table col.inv-focus-c-options{width:26%}
.crm-ui .inventory-workspace table.inv-focus-table col.inv-focus-c-colours{width:27%}
.crm-ui .inventory-workspace table.inv-focus-table col.inv-focus-c-price{width:14%}
.crm-ui .inventory-workspace table.inv-focus-table col.inv-focus-c-stock{width:6%}
.crm-ui .inventory-workspace table.inv-focus-table col.inv-focus-c-action{width:7%}
.crm-ui .inventory-workspace table.inv-focus-table thead{display:table-header-group}
.crm-ui .inventory-workspace table.inv-focus-table tbody{display:table-row-group}
.crm-ui .inventory-workspace table.inv-focus-table th{height:32px;padding:0 10px;white-space:nowrap;text-align:left;font-size:var(--inv-meta-size);font-weight:500;line-height:var(--inv-text-line);color:var(--inv-meta-color);background:#f5f7f9;border-bottom:1px solid #e5e9ef}
.crm-ui .inventory-workspace table.inv-focus-table th:first-child{padding-left:12px}
.crm-ui .inventory-workspace table.inv-focus-table th.inv-price-heading{text-align:right}
.crm-ui .inventory-workspace table.inv-focus-table th.inv-stock-heading{text-align:center}
.crm-ui .inventory-workspace table.inv-focus-table .inv-focus-row{display:table-row;height:auto}
.crm-ui .inventory-workspace table.inv-focus-table .inv-focus-row>td{display:table-cell;height:auto;padding:8px;vertical-align:middle;border-bottom:1px solid #e8ecf1;background:var(--inv-focus-bg,#fff);overflow-wrap:normal}
.crm-ui .inventory-workspace table.inv-focus-table .inv-focus-row>td:first-child{padding-left:12px}
.crm-ui .inventory-workspace table.inv-focus-table .inv-focus-item{--inv-focus-bg:#fff}
.crm-ui .inventory-workspace table.inv-focus-table .inv-focus-item:hover{--inv-focus-bg:#fafbfd}
.crm-ui .inventory-workspace table.inv-focus-table .inv-focus-item.is-selected{--inv-focus-bg:#fcf2f5}
.crm-ui .inventory-workspace table.inv-focus-table .inv-focus-item>tr>td{background:var(--inv-focus-bg,#fff)}
.crm-ui .inventory-workspace table.inv-focus-table .inv-focus-spec{min-width:0;text-align:left}
.crm-ui .inventory-workspace .inv-focus-spec-button{display:block;width:auto;max-width:100%;padding:0;min-height:28px;margin:0;border:0;box-shadow:none;background:transparent;text-align:left;color:var(--inv-text-color)}
.crm-ui .inventory-workspace .inv-focus-spec-button strong{display:block;font-size:var(--inv-text-size);font-weight:500;line-height:var(--inv-text-line);white-space:normal;word-break:keep-all;overflow-wrap:anywhere}
.crm-ui .inventory-workspace .inv-focus-color-stack{display:flex;flex-direction:column;gap:2px;width:auto;max-width:100%;min-width:0}
.crm-ui .inventory-workspace .inv-focus-colour-item{display:flex;align-items:center;gap:6px;min-width:0;white-space:normal;font-size:var(--inv-text-size);font-weight:400;line-height:var(--inv-text-line)}
.crm-ui .inventory-workspace .inv-focus-colour-item small{flex:none;font-size:var(--inv-meta-size);font-weight:400;line-height:var(--inv-text-line);color:var(--inv-meta-color);white-space:nowrap}
.crm-ui .inventory-workspace .inv-focus-colour-item .inv-concept-colour{display:inline-flex;align-items:center;gap:4px;max-width:none;min-width:0}
.crm-ui .inventory-workspace .inv-focus-colour-item .inv-concept-colour>span{font-size:var(--inv-text-size);font-weight:400;line-height:var(--inv-text-line);white-space:normal;overflow:visible;text-overflow:clip;word-break:keep-all;overflow-wrap:anywhere;color:var(--inv-text-color)}
.crm-ui .inventory-workspace table.inv-focus-table .inv-concept-price{font-size:var(--inv-text-size);font-weight:500;line-height:var(--inv-text-line);color:var(--inv-text-color);text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;letter-spacing:normal}
.crm-ui .inventory-workspace table.inv-focus-table .inv-concept-stock{padding-left:6px;padding-right:6px;text-align:center;white-space:nowrap}
.crm-ui .inventory-workspace table.inv-focus-table .inv-concept-stock strong{font-size:var(--inv-text-size);font-weight:500;line-height:var(--inv-text-line);color:var(--inv-text-color);white-space:nowrap;font-variant-numeric:tabular-nums}
.crm-ui .inventory-workspace table.inv-focus-table .inv-focus-action{padding-left:2px;padding-right:2px;text-align:center;white-space:nowrap}
.crm-ui .inventory-workspace table.inv-focus-table .inv-focus-detail-toggle{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:30px;max-width:100%;margin:0;padding:4px 6px;background:transparent;border:1px solid transparent;box-shadow:none;font-size:var(--inv-meta-size);font-weight:400;line-height:var(--inv-text-line);color:var(--inv-meta-color);white-space:nowrap}
.crm-ui .inventory-workspace table.inv-focus-table .inv-focus-detail-toggle:hover{background:#f1edf0;color:#88354e}
.crm-ui .inventory-workspace table.inv-focus-table .inv-focus-detail-toggle[aria-expanded="true"]{color:#8d2949}
.crm-ui .inventory-workspace table.inv-focus-table .inv-focus-detail-toggle svg{width:12px;height:12px;flex:none}
.crm-ui .inventory-workspace table.inv-focus-table .inv-focus-detail-toggle[aria-expanded="true"] svg{transform:rotate(180deg)}
.crm-ui .inventory-workspace .inv-focus-options{display:flex;align-items:flex-start;gap:10px;min-width:0;width:100%;padding:0}
.crm-ui .inventory-workspace .inv-focus-option-items{display:flex;flex:1 1 auto;flex-wrap:wrap;align-items:center;gap:4px;min-width:0;width:auto;max-width:100%;white-space:normal;overflow:visible}
.crm-ui .inventory-workspace .inv-focus-option-items .inv-option-badge{flex:0 1 auto;max-width:100%;padding:0 6px;font-size:var(--inv-meta-size);font-weight:400;line-height:var(--inv-text-line);white-space:normal;word-break:keep-all;overflow-wrap:anywhere}
.crm-ui .inventory-workspace table.inv-focus-table .inv-focus-item.is-selected>.inv-focus-row>td:first-child{box-shadow:inset 3px 0 #9b3855}
.crm-ui .inventory-workspace table.inv-focus-table .inv-focus-detail-row>td{display:table-cell;height:auto;padding:0 12px 12px;border-bottom:1px solid #e8dce2;overflow-wrap:anywhere}
.crm-ui .inventory-workspace .inv-focus-detail{padding:12px;background:#f8f4f6;border:1px solid #eadfe4;border-radius:6px}
.crm-ui .inventory-workspace .inv-focus-detail dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 16px;margin:0}
.crm-ui .inventory-workspace .inv-focus-detail dl>div{display:grid;grid-template-columns:56px minmax(0,1fr);align-items:start;gap:8px;min-width:0}
.crm-ui .inventory-workspace .inv-focus-detail dt{margin:0;font-size:var(--inv-meta-size);line-height:var(--inv-text-line);color:var(--inv-meta-color);font-weight:400}
.crm-ui .inventory-workspace .inv-focus-detail dd{margin:0;font-size:var(--inv-text-size);font-weight:400;line-height:var(--inv-text-line);color:var(--inv-text-color);overflow-wrap:anywhere;white-space:normal}
.crm-ui .inventory-workspace .inv-focus-detail-actions{display:flex;justify-content:flex-end;margin-top:8px}
.crm-ui .inventory-workspace .inv-focus-detail-actions .inv-row-source-button{display:inline-flex;align-items:center;gap:5px;width:auto;height:auto;min-height:28px;padding:4px 8px;background:#fff;border:1px solid #ded9df;border-radius:4px;color:var(--inv-text-color);font-size:var(--inv-meta-size);font-weight:400;line-height:var(--inv-text-line)}
.crm-ui .inventory-workspace .inv-focus-detail-actions .inv-row-source-button svg{width:13px;height:13px}
.crm-ui .inventory-workspace :is(.inv-focus-detail-toggle,.inv-focus-spec-button):focus-visible{outline:2px solid #9b3855;outline-offset:2px}
@container inventory-list (max-width:680px){.crm-ui .inventory-workspace .inv-focus-detail dl{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container inventory-list (max-width:430px){.crm-ui .inventory-workspace .inv-focus-detail dl{grid-template-columns:minmax(0,1fr)}}

.crm-ui .inventory-workspace table.inv-focus-table th.inv-detail-heading{text-align:center}
.crm-ui .inventory-workspace table.inv-focus-table .inv-focus-options-cell{min-width:0;text-align:left}
.crm-ui .inventory-workspace table.inv-focus-table .inv-focus-colours{text-align:left}