/* Dense configuration ledger, consistent with the admin tables. */
#section-sku-config .page-heading{margin-bottom:14px}
#section-sku-config .page-heading h1{font-size:24px;margin-bottom:4px}
.config-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:0 0 12px;overflow:hidden;border:1px solid #dce3ea;border-radius:7px;background:#dce3ea}
.config-summary article{display:flex;align-items:baseline;justify-content:space-between;gap:12px;min-width:0;padding:9px 13px;background:#fff}
.config-summary small{overflow:hidden;color:#627184;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.config-summary strong{color:#17304f;font-size:18px;font-variant-numeric:tabular-nums;line-height:1}
.config-workbench{overflow:hidden;border-radius:8px}
.config-tabs{display:flex;padding:0 10px;overflow-x:auto;border-bottom:1px solid #dce3ea;background:#f8fafc}
.config-tabs .btn{flex:0 0 auto;min-height:42px;padding:0 13px;border:0;border-radius:0;background:transparent;color:#526174;font-size:13px;font-weight:650;white-space:nowrap}
.config-tabs .btn[aria-selected="true"]{color:#17304f;border-bottom:2px solid #17304f}
.config-workbench .filter-bar{display:grid;grid-template-columns:minmax(260px,1fr) 150px auto auto auto;gap:8px;padding:10px 12px;border-bottom:1px solid #dce3ea}
.config-workbench .search-field{width:auto;max-width:none}
.config-workbench .form-control,.config-workbench .form-select{min-height:36px;padding-block:6px;font-size:13px}
.config-workbench .form-check{align-self:center;white-space:nowrap}
#sku-config-count{align-self:center;justify-self:end;white-space:nowrap;font-variant-numeric:tabular-nums}
#sku-config-export{align-self:center;white-space:nowrap}
.config-table-scroll{max-height:calc(100dvh - 330px);overflow:auto}
.config-table{width:max-content;min-width:100%;table-layout:auto;font-size:13px}
.config-table thead{position:sticky;z-index:2;top:0}
.config-table th{padding:7px 10px;background:#f5f7fa;color:#526174;font-size:11px;white-space:nowrap}
.config-table td{padding:8px 10px;line-height:1.35;white-space:nowrap}
.config-col-name,.config-col-item_name,.config-col-prep_item_name,.config-col-store_name{min-width:150px;max-width:260px;white-space:normal!important}
.config-col-actions{position:sticky;right:0;min-width:104px;background:#fff;box-shadow:-1px 0 #e6ebf0}
.config-col-actions .btn{min-height:32px;padding:5px 10px;font-size:12px;white-space:nowrap}
.sku-identity-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:12px;background:#eef4f8;border-left:4px solid #d28b27;margin-bottom:16px}
.sku-identity-strip small{display:block;color:#607080}
.config-editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.config-field-disabled{color:#667085}
.config-field-disabled .form-control:disabled,.config-field-disabled .form-select:disabled{opacity:1;color:#596579;background-color:#edf0f2;border-color:#d6dce2;cursor:not-allowed}
.config-field-disabled .form-check-input:disabled{opacity:.65;cursor:not-allowed}
.config-diff{margin-top:16px;padding:14px;border:1px solid #d28b27;background:#fff9ee;overflow:auto}
.config-diff table{width:100%}
#sku-config-modal{z-index:1080}
@media(max-width:760px){.config-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.config-workbench .filter-bar{grid-template-columns:120px minmax(0,1fr) auto;padding:10px}.config-workbench .search-field{grid-column:1/-1}#sku-config-count{grid-column:1/-1}.config-table-scroll{max-height:none;overflow:visible}.config-table{display:block;width:100%;min-width:0}.config-table tbody{display:grid;gap:8px;padding:8px;background:#f5f7fa}.config-table tr{padding:12px;border:1px solid #dce3ea!important;border-radius:7px;background:#fff}.config-table td{padding:4px 0;white-space:normal}.config-col-actions{position:static;margin-top:6px;padding-top:8px;border-top:1px solid #e6ebf0;background:transparent;box-shadow:none}.sku-identity-strip,.config-editor-grid{grid-template-columns:1fr}#sku-config-modal .modal-dialog{width:100%;max-width:none;min-height:100%;margin:0}#sku-config-modal .modal-content{min-height:100dvh;max-height:100dvh;border:0;border-radius:0}#sku-config-modal .modal-body{overflow-y:auto}}
