.shop-admin-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #d8e3e6;margin:16px 0}.shop-admin-metrics>div{padding:18px;border-right:1px solid #d8e3e6}.shop-admin-metrics>div:last-child{border:0}.shop-admin-metrics strong{display:block;font-size:27px}.shop-admin-metrics span{display:block;color:#647b83;font-size:12px;margin-top:5px}.shop-admin-notice{padding:16px;border-left:4px solid #da9022;background:#fff7e7;font-size:14px;line-height:1.7;margin:15px 0}.shop-admin-tabs{display:flex;gap:10px;border-bottom:1px solid #d8e3e6;padding:12px 0;margin-bottom:18px;flex-wrap:wrap}.shop-admin-toolbar{display:flex;gap:10px;margin-bottom:18px;flex-wrap:wrap}.shop-admin-toolbar>input{flex:1;min-width:240px}.shop-admin .data-table td{vertical-align:top;padding:15px 12px}.shop-admin .data-table td:first-child{max-width:460px}.shop-admin .data-table small{display:inline-block;color:#6d8288;font-size:12px;margin-top:5px}.shop-admin .data-table td:nth-child(2){white-space:nowrap}.shop-variant-row{display:grid;grid-template-columns:1fr 1.7fr .8fr .7fr .8fr .7fr 44px;gap:10px;align-items:end;border-bottom:1px solid #d8e3e6;padding:14px 0}.shop-variant-row label,.shop-section-row label{font-size:12px;font-weight:700;display:block}.shop-variant-row input:not([type=checkbox]),.shop-variant-row select{display:block;width:100%;margin-top:5px}.shop-check{display:flex!important;align-items:center;gap:10px;font-size:14px!important;line-height:1.5}.shop-check input{width:18px;height:18px;flex:0 0 18px}.shop-section-row{display:grid;grid-template-columns:1fr 44px;gap:12px;border-bottom:1px solid #d8e3e6;padding:20px 0}.shop-section-row label{grid-column:1}.shop-section-row input,.shop-section-row textarea{width:100%;margin-top:6px}.shop-section-row>button{grid-column:2;grid-row:1}.shop-editor-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.shop-editor-actions p{flex:1 0 100%;color:#ad3434}#shop-config-error{color:#ad3434}.shop-preview-frame{width:100%;height:75vh;border:1px solid #ccdce1} .shop-product-editor{padding-bottom:25px}@media(max-width:850px){.shop-variant-row{grid-template-columns:1fr 1fr}.shop-variant-row label{min-width:0}.shop-admin-metrics{grid-template-columns:1fr 1fr}.shop-admin-metrics>div{border-bottom:1px solid #d8e3e6}.shop-admin-toolbar>input{min-width:100%}}@media(max-width:480px){.shop-admin-metrics strong{font-size:22px}.shop-admin-metrics>div{padding:12px}.shop-admin-tabs .btn{font-size:12px}.shop-admin-toolbar>select{flex:1}}
#modalRoot .modal.shop-commerce-modal{width:min(1200px,calc(100vw - 40px))!important;max-width:1200px!important}#modalRoot .modal.shop-preview-modal{width:min(1400px,calc(100vw - 40px))!important;max-width:1400px!important}.shop-variant-row>label,.shop-variant-row input,.shop-variant-row select{min-width:0}.shop-variant-row{grid-template-columns:minmax(0,1fr) minmax(0,1.7fr) minmax(0,.8fr) minmax(0,.7fr) minmax(0,.8fr) minmax(0,.7fr) 44px}@media(max-width:850px){.shop-variant-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){#modalRoot .modal.shop-commerce-modal,#modalRoot .modal.shop-preview-modal{width:calc(100vw - 16px)!important}.shop-preview-frame{height:70vh}}
.shop-source-summary{display:flex;gap:24px;flex-wrap:wrap;margin:16px 0;padding:16px 0;border-bottom:1px solid #d7e5eb}.shop-source-summary strong{font-size:23px;color:#187563;margin-right:8px}.shop-source-missing{color:#994500}.shop-source-rules{margin-top:24px;border-top:1px solid #d7e5eb;padding:16px 0;line-height:1.7}.shop-source-table td{min-width:140px}.shop-source-table td:first-child{min-width:250px}.shop-source-import{cursor:pointer}.shop-source-import-preview{max-height:45vh;overflow:auto;overflow-wrap:anywhere}.shop-source-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(250px,1fr);gap:24px}.shop-source-fields{min-width:0}.shop-source-fields fieldset{border:0;border-top:2px solid #2b7095;padding:20px 0;margin:0 0 24px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.shop-source-fields fieldset:nth-child(2){border-color:#2b9576}.shop-source-fields fieldset:nth-child(3){border-color:#ce7815}.shop-source-fields legend{font-size:18px;font-weight:700;padding-right:12px}.shop-source-fields label{display:grid;gap:6px;font-size:13px;font-weight:600;min-width:0}.shop-source-fields label.wide,.shop-source-fields p.wide{grid-column:1/-1}.shop-source-fields input:not([type=checkbox]),.shop-source-fields select,.shop-source-fields textarea{width:100%;min-width:0}.shop-source-fields input[type=checkbox]{height:18px;min-width:18px}.shop-source-result{position:sticky;top:0;align-self:start;background:#f1f8fa;border:1px solid #c9dfe8;border-radius:6px;padding:18px;min-width:0;line-height:1.6}.shop-source-result dl{margin:0 0 16px}.shop-source-result dl>div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #d4e4eb}.shop-source-result dd{margin:0;text-align:right;font-weight:700}.shop-source-result .shop-source-total{color:#0b725d}.shop-source-result ul{font-size:12px;padding-left:20px}.shop-source-formula{font-family:monospace;font-size:12px;overflow-wrap:anywhere}.shop-source-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:18px 0;border-top:1px solid #d7e5eb}.shop-source-actions span{font-size:12px;color:#657b83}#shop-source-error{color:#a82b3a}.shop-source-form>label{display:grid;gap:6px;margin:16px 0}.shop-source-form>label textarea{width:100%}@media(max-width:850px){.shop-source-layout{grid-template-columns:minmax(0,1fr)}.shop-source-result{position:static}.shop-source-fields fieldset{grid-template-columns:minmax(0,1fr)}}
.shop-source-form input:not([type=checkbox]),.shop-source-form select,.shop-source-form textarea{box-sizing:border-box;min-height:42px;padding:10px 12px;border:1px solid #b9ced7;border-radius:5px;background:#fff;color:#203b45;font:inherit;line-height:1.4}.shop-source-form input:not([type=checkbox]):focus,.shop-source-form select:focus,.shop-source-form textarea:focus{outline:2px solid #247fbd;outline-offset:2px}.shop-source-form textarea{min-height:84px;resize:vertical}.shop-source-table td{overflow-wrap:anywhere}.shop-source-fields legend{max-width:100%;line-height:1.5}.shop-source-fields .shop-check{align-items:start}.shop-source-fields .shop-check input{margin-top:2px}@media(max-width:480px){.shop-source-fields fieldset{padding:16px 0;gap:14px}.shop-source-result{padding:14px}.shop-source-actions .btn{width:100%}}

.shop-quick-progress{display:flex;align-items:center;gap:16px;margin:0 0 18px;font-size:13px;color:#48766e}.shop-quick-progress progress{flex:1;min-width:0;height:10px;accent-color:#177c62}.shop-quick-navigation{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:12px;align-items:end;margin-bottom:24px}.shop-quick-navigation label{display:grid;gap:7px;font-size:13px}.shop-quick-navigation select{width:100%;min-width:0;height:44px;padding:8px;border:1px solid #b9ced7;border-radius:5px;font:inherit}.shop-quick-navigation button{width:44px;height:44px;padding:0}.shop-quick-reference{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:0 0 18px;border-bottom:1px solid #d4e4e7}.shop-quick-reference p{flex:1 0 100%;margin:0}.shop-quick-costs{margin:12px 0 24px;border-top:1px solid #d4e4e7;padding-top:14px}.shop-quick-costs summary{cursor:pointer;color:#236a85;font-weight:700}.shop-quick-costs fieldset{border-top:0;padding-top:18px}.shop-quick-modal .shop-source-fields>label{display:grid;gap:8px;font-size:13px}.shop-quick-modal .shop-source-fields>label textarea{width:100%;min-width:0}.shop-quick-progress span{white-space:nowrap}.shop-quick-modal .shop-source-actions{position:sticky;bottom:0;background:#fff;padding:16px 0;z-index:1}.shop-quick-modal select option{white-space:normal}@media(max-width:480px){.shop-quick-progress{flex-wrap:wrap;gap:8px}.shop-quick-progress progress{flex-basis:100%}.shop-quick-modal .shop-source-actions{position:static}.shop-quick-reference .btn{width:100%}.shop-quick-navigation{gap:8px}.shop-quick-navigation select{font-size:12px}}
.shop-quality-rules{border-top:3px solid #298369;border-bottom:1px solid #d2e4df;padding:15px 0;margin:20px 0;font-size:14px;line-height:1.7}.shop-quality-rules h4{font-size:18px;margin:0 0 12px}.shop-quality-snippet{max-width:480px;overflow-wrap:anywhere}.shop-quality-snippet>strong{color:#245b98}.shop-quality-snippet p{font-size:12px;color:#526b77;line-height:1.6}.shop-quality-snippet>small{color:#257551}
.shop-photo-row{display:grid;grid-template-columns:120px minmax(0,1fr) auto;gap:12px;border-bottom:1px solid #d4e2e7;padding:16px 0}.shop-photo-row>img{width:120px;height:120px;object-fit:contain;background:#f5f8fa;border:1px solid #d4e2e7;border-radius:6px}.shop-photo-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.shop-photo-fields label{display:grid;gap:4px}.shop-photo-fields input,.shop-photo-fields select{width:100%;min-width:0}.shop-photo-fields .shop-check{display:flex}.shop-photo-actions{display:flex;flex-direction:column;gap:8px}.shop-gallery-editor>label{margin-top:12px}@media(max-width:650px){.shop-photo-row{grid-template-columns:80px minmax(0,1fr)}.shop-photo-row>img{width:80px;height:80px}.shop-photo-fields{grid-template-columns:1fr}.shop-photo-actions{grid-column:2;flex-direction:row}}