/* Extra webshop admin components; core visual design from MOB style.css. */
.shop-adm-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}
.shop-adm-summary article{background:#fff;border:1px solid #e0e5ea;border-radius:4px;padding:22px}
.shop-adm-summary small{display:block;color:#777;margin-bottom:12px}.shop-adm-summary strong{display:block;font-size:27px;line-height:1.3;color:#333}
.shop-adm-tools{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-bottom:16px;align-items:center}
.shop-adm-tools form{display:flex;gap:8px;flex-wrap:wrap}.shop-adm-tools input,.shop-adm-tools select{min-width:185px}
.shop-adm-tools .button{margin:0;padding:10px 16px}
/* Common controls for all operational lists. The same class is used in each module. */
.shop-adm-tools form.shop-adm-list-filters{display:flex;align-items:center;flex-wrap:wrap;gap:9px}
.shop-adm-tools form.shop-adm-list-filters input[type="search"],.shop-adm-tools form.shop-adm-list-filters input[type="number"],.shop-adm-tools form.shop-adm-list-filters select{box-sizing:border-box;width:auto;min-width:0;max-width:100%;min-height:38px;padding:7px 10px;border:1px solid #d6e1eb;border-radius:7px;background:#fff;color:#344b60;font-size:13px}
.shop-adm-tools form.shop-adm-list-filters input[type="search"]{width:230px}
.shop-adm-tools form.shop-adm-list-filters input[type="number"]{width:145px}
.shop-adm-tools form.shop-adm-list-filters select{min-width:150px}
.shop-adm-list-reset{display:inline-flex;align-items:center;min-height:38px;box-sizing:border-box;color:#63788b!important;font-size:12px;font-weight:600;text-decoration:none!important;white-space:nowrap}
.shop-adm-list-reset:hover{color:#215e8d!important;text-decoration:underline!important}
.shop-adm-row-actions{white-space:nowrap}
.shop-adm-row-actions button,.shop-adm-row-actions a{box-sizing:border-box;display:inline-block;margin:2px;padding:7px 9px;border:1px solid #e2e9ef;border-radius:6px;background:#f2f5f8;color:#2e607b!important;cursor:pointer;font-size:12px;font-weight:600;line-height:1.3;text-decoration:none!important}
.shop-adm-row-actions button:hover,.shop-adm-row-actions a:hover{background:#e4eef8;border-color:#aac8e0}
.shop-adm-row-actions button[aria-expanded="true"]{background:#e5f2fc;border-color:#9ebdd5}
.shop-adm-row-actions :is(button,a):focus-visible,.shop-adm-list-reset:focus-visible{outline:2px solid #267cbd;outline-offset:2px}
.shop-adm-scroll{width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
.shop-adm-table{border-collapse:collapse;width:100%;min-width:770px;font-size:13px}
.shop-adm-table th,.shop-adm-table td{padding:12px 14px;border-bottom:1px solid #e7eaee;text-align:left;vertical-align:middle}
.shop-adm-table th{background:#f8f9fb;color:#53616e;font-weight:700;letter-spacing:.01em;white-space:nowrap}
.shop-adm-table td a{color:#1675ae}.shop-adm-table td strong{color:#344454}.shop-adm-table td small{color:#718095}
.shop-adm-status{display:inline-flex;border-radius:6px;padding:4px 8px;font-size:12px;font-weight:700;background:#eef1f4;color:#51606b;white-space:nowrap}
.shop-adm-status.on{background:#e2f5e9;color:#24744a}.shop-adm-status.off{background:#fce8e6;color:#9c3737}
.shop-adm-notice{padding:12px 15px;border-radius:4px;background:#e5f6ed;margin:10px 0 18px}.shop-adm-notice.error{background:#fce7e7}
.shop-adm-detail{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:20px}.shop-adm-detail .content{margin-bottom:16px}.shop-adm-detail>section,.shop-adm-detail>aside{min-width:0}.shop-adm-detail aside .content{position:sticky;top:20px}
.shop-cm-profile-layout{grid-template-columns:minmax(0,1fr) minmax(325px,390px)}
.shop-om-page .shop-adm-detail{grid-template-columns:minmax(0,1fr) minmax(325px,390px)}
.shop-adm-meta{display:grid;grid-template-columns:180px 1fr;gap:0}.shop-adm-meta>div{padding:10px 0;border-bottom:1px solid #eee;overflow-wrap:anywhere}
.shop-adm-detail label{display:block;margin:10px 0}.shop-adm-detail select{width:100%;margin-top:5px}
.shop-adm-actions{display:flex;gap:8px;flex-wrap:wrap}.shop-adm-actions .button{padding:8px 15px;margin:0}
.shop-adm-empty{color:#737d84;font-size:13px;line-height:1.6}
@media(max-width:1150px){.shop-adm-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-adm-detail,.shop-cm-profile-layout,.shop-om-page .shop-adm-detail{grid-template-columns:1fr}.shop-adm-detail aside .content{position:static}}
@media(max-width:650px){.shop-adm-summary{grid-template-columns:1fr 1fr;gap:10px}.shop-adm-summary article{padding:15px}.shop-adm-summary strong{font-size:20px}.shop-adm-tools form{width:100%}.shop-adm-tools form.shop-adm-list-filters input[type="search"],.shop-adm-tools form.shop-adm-list-filters input[type="number"],.shop-adm-tools form.shop-adm-list-filters select{flex:1 1 160px;width:auto}.shop-adm-tools input,.shop-adm-tools select{flex:1;min-width:0}.shop-adm-meta{grid-template-columns:1fr}.shop-adm-meta>div:nth-child(odd){font-weight:bold;border-bottom:0;padding-bottom:0}}

.icon-products{width:18px;height:18px;background:url(../../images/icons/products.svg) center/100% no-repeat}
.icon-inventory{width:18px;height:18px;background:url(../../images/icons/inventory.svg) center/100% no-repeat}

/* Shared admin status notifications. Reused by every future AJAX form. */
.shop-admin-toast-region{position:fixed;right:22px;top:74px;z-index:25000;display:grid;gap:9px;width:min(390px,calc(100vw - 32px));pointer-events:none}
.shop-admin-toast{border:1px solid #b9dec9;background:#eaf8ef;color:#215d39;padding:13px 16px;border-radius:7px;box-shadow:0 7px 24px rgba(16,35,48,.13);font-size:13px;line-height:1.45}
.shop-admin-toast.is-error{border-color:#eac1be;background:#fff0ef;color:#a13732}
@media(max-width:650px){.shop-admin-toast-region{right:16px;top:60px}}

/* Shared webshop settings panels — single scoped component family. */
.shop-settings .shop-settings-intro{margin-bottom:20px}
.shop-settings .shop-settings-intro h1{margin-bottom:8px}
.shop-settings .shop-settings-intro p{color:#697784;max-width:940px;line-height:1.65}
.shop-settings .shop-settings-jump{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:26px}
.shop-settings .shop-settings-jump a{display:inline-flex;align-items:center;text-decoration:none;background:#fff;border:1px solid #e3e7ed;border-radius:7px;padding:10px 14px;color:#43556a;font-size:13px;font-weight:600}
.shop-settings .shop-settings-jump a:hover{border-color:#9ab5d1;color:#1774b5}
.shop-settings .shop-settings-section{scroll-margin-top:28px;margin:0 0 30px}
.shop-settings .shop-settings-heading{display:flex;align-items:center;gap:12px;margin-bottom:13px}
.shop-settings .shop-settings-heading h2{margin:0;font-size:18px}
.shop-settings .shop-settings-mark{width:8px;height:27px;border-radius:5px;background:#8293a5}
.shop-settings .shop-settings-mark.is-blue{background:#377fd5}.shop-settings .shop-settings-mark.is-green{background:#25ad75}.shop-settings .shop-settings-mark.is-gold{background:#e7ac2c}.shop-settings .shop-settings-mark.is-purple{background:#9871ca}.shop-settings .shop-settings-mark.is-cyan{background:#35a6b2}.shop-settings .shop-settings-mark.is-slate{background:#8592a5}
.shop-settings .shop-settings-card{background:#fff;border:1px solid #e3e7ed;border-radius:9px;box-shadow:0 3px 15px rgba(30,47,64,.045);overflow:hidden;margin:0}
.shop-settings .shop-settings-card-head{border-bottom:1px solid #e9edf1;padding:21px 24px 17px}
.shop-settings .shop-settings-card-head h2{margin:0 0 5px;font-size:17px}.shop-settings .shop-settings-card-head p{margin:0;color:#77818d;font-size:13px;line-height:1.5}
.shop-settings .shop-settings-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:25px;row-gap:19px;padding:23px 24px}
.shop-settings .shop-settings-field{display:flex;flex-direction:column;align-items:stretch;gap:6px;min-width:0;font-size:13px;margin:0}
.shop-settings .shop-settings-label{font-weight:600;color:#44566a}
.shop-settings .shop-settings-field input:not([type=checkbox]),.shop-settings .shop-settings-field textarea,.shop-settings .shop-settings-rate input{display:block;width:100%;min-width:0;height:auto;background:#fcfdff;border:1px solid #dce2e9;border-radius:6px;padding:11px 12px;font:inherit;color:#263b4c;outline:none;box-sizing:border-box}
.shop-settings .shop-settings-field textarea{resize:vertical;min-height:86px}
.shop-settings .shop-settings-field input:focus,.shop-settings .shop-settings-field textarea:focus,.shop-settings .shop-settings-rate input:focus{border-color:#4d98c8;box-shadow:0 0 0 3px rgba(62,145,211,.10)}
.shop-settings .shop-settings-field small{color:#7c8792;line-height:1.45;font-size:12px}
.shop-settings .shop-settings-checkbox{display:flex;align-items:center;gap:9px;padding:10px 0;color:#536171}
.shop-settings .shop-settings-checkbox input{accent-color:#218bc4;width:18px;height:18px}
.shop-settings .shop-settings-card-foot{display:flex;justify-content:flex-end;align-items:center;gap:16px;background:#fafcfd;border-top:1px solid #ecf0f3;padding:13px 24px}
.shop-settings .shop-settings-save{margin:0;padding:11px 19px;border:0;border-radius:6px;background:#197eb7;color:#fff;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap}
.shop-settings .shop-settings-save:hover{background:#146f9f}.shop-settings .shop-settings-save:disabled{opacity:.55;cursor:wait}
.shop-settings .shop-settings-result{font-size:12px;line-height:1.5;color:#60717e;flex:1;min-width:0}.shop-settings .shop-settings-result.is-success{color:#197748}.shop-settings .shop-settings-result.is-error{color:#bd3535}
.shop-settings .shop-settings-readonly,.shop-settings .shop-settings-hint{font-size:12px;color:#697987;background:#f1f5f8;border-radius:6px;padding:13px 17px;margin-top:11px;line-height:1.65}
.shop-settings .shop-settings-rates{padding:10px 24px}.shop-settings .shop-settings-rate{display:grid;grid-template-columns:minmax(95px,1fr) minmax(130px,220px) auto minmax(0,1.5fr);align-items:center;gap:16px;margin:0;padding:13px 0;border-bottom:1px solid #edf0f2}
.shop-settings .shop-settings-rate:last-child{border-bottom:0}.shop-settings .shop-settings-rate strong{font-size:15px;color:#263d4c}.shop-settings .shop-settings-rate small{display:block;color:#83909a;font-size:11px;margin-top:3px}
.shop-settings .shop-settings-inline-pill{display:inline-block;border-radius:5px;background:#eaf0f5;color:#4b6174;padding:3px 8px;margin:1px 4px}
.shop-settings .shop-settings-error,.shop-settings .shop-settings-empty{margin:16px 24px;padding:15px;background:#fff0eb;border-radius:5px;color:#a75038}
.shop-settings .shop-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:900px){.shop-settings .shop-settings-fields{grid-template-columns:1fr}.shop-settings .shop-settings-rate{grid-template-columns:1fr 1fr auto}.shop-settings .shop-settings-rate .shop-settings-result{grid-column:1/-1}}
@media(max-width:600px){.shop-settings .shop-settings-card-head,.shop-settings .shop-settings-fields{padding:16px}.shop-settings .shop-settings-card-foot{padding:14px 16px;flex-wrap:wrap}.shop-settings .shop-settings-rates{padding:10px 16px}.shop-settings .shop-settings-rate{grid-template-columns:1fr 1fr}.shop-settings .shop-settings-rate button{grid-column:1/-1}.shop-settings .shop-settings-jump{gap:6px}.shop-settings .shop-settings-jump a{padding:9px 10px}}

/* Product management: one reusable editor for accordion, modal and detail page. */
.shop-pm-page .shop-pm-list-meta{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 14px;color:#697789;font-size:12px}
.shop-pm-page .shop-pm-list-meta strong{color:#263d50;font-size:14px}
.shop-pm-page .shop-pm-table tbody tr[data-shop-pm-row]{transition:background-color .18s}
.shop-pm-page .shop-pm-table tbody tr[data-shop-pm-row]:hover{background:#f8fbfe}
.shop-pm-page .shop-pm-table tbody tr[data-shop-pm-row].is-expanded{background:#eef5ff}
.shop-pm-page .shop-pm-title{min-width:200px;max-width:330px}
.shop-pm-page .shop-pm-title a{text-decoration:none}
.shop-pm-page .shop-pm-title small,.shop-pm-page .shop-pm-table td small{display:block;color:#8190a0;font-size:11px;margin-top:4px}
.shop-pm-page .shop-pm-nowrap{white-space:nowrap}
.shop-pm-page .shop-pm-bf-pill:not([hidden]){display:block;width:max-content;color:#a82f39!important;background:#fff0f0;border-radius:4px;padding:3px 7px}
.shop-pm-page .shop-pm-detail-row td{padding:0;background:#f4f8fc;border-bottom:1px solid #dce7f1}
.shop-pm-page .shop-pm-inline{padding:18px 22px}
.shop-pm-form{background:#fff;border:1px solid #e3e9f0;border-radius:10px;overflow:hidden;box-shadow:0 5px 18px rgba(25,48,75,.045)}
.shop-pm-form-head{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;border-bottom:1px solid #e8edf2}
.shop-pm-form-head strong{font-size:15px;color:#253e53}.shop-pm-form-head small{display:block;margin-top:5px;color:#8794a1}
.shop-pm-context{font-size:11px;font-weight:700;padding:6px 10px;border-radius:5px;color:#406887;background:#edf5fb;white-space:nowrap}
.shop-pm-fieldset{border:0;border-left:4px solid transparent;margin:14px 18px;padding:13px 15px 15px;border-radius:6px;background:#f8fafc;min-width:0}
.shop-pm-fieldset legend{float:left;width:100%;font-weight:700;font-size:13px;color:#40536a;margin:0 0 12px;padding:0}
.shop-pm-fieldset legend+.shop-pm-fields{clear:both}
.shop-pm-tone-blue{border-left-color:#3d91d6;background:#f5f9ff}
.shop-pm-tone-amber{border-left-color:#e1a43d;background:#fffaf0}
.shop-pm-tone-green{border-left-color:#30aa7a;background:#f3faf7}
.shop-pm-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 16px}
.shop-pm-field{display:flex;flex-direction:column;gap:6px;min-width:0;margin:0!important;font-size:12px;font-weight:600;color:#4b5f71}
.shop-pm-field input,.shop-pm-field select{box-sizing:border-box;width:100%;min-width:0;height:40px!important;min-height:40px;padding:9px 11px!important;font:400 13px Arial,sans-serif!important;border:1px solid #d6e0e9;border-radius:6px;background:#fff!important;color:#273e51!important}
.shop-pm-field input:focus,.shop-pm-field select:focus{outline:none;border-color:#3b92d0;box-shadow:0 0 0 3px rgba(59,146,208,.1)}
.shop-pm-field small{font-size:11px;font-weight:400;color:#71808e;line-height:1.4}
.shop-pm-form-foot{padding:14px 20px;background:#f9fbfd;border-top:1px solid #e7edf2;display:flex;align-items:center;justify-content:flex-end;gap:14px}
.shop-pm-save{margin:0!important;padding:11px 17px!important;background:#1879b7!important;color:#fff!important;border-radius:6px!important}
.shop-pm-save:disabled{opacity:.65;cursor:wait}
.shop-pm-feedback{flex:1;min-width:0;font-size:12px;color:#657383;line-height:1.5}
.shop-pm-feedback.is-success{color:#168451}.shop-pm-feedback.is-error{color:#b13b37}
.shop-pm-hint{font-size:11px;color:#778695;line-height:1.5;margin:0;padding:0 20px 16px}
.shop-pm-detail-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 16px}.shop-pm-detail-heading h2{margin:0 0 7px}.shop-pm-detail-heading p{margin:0;color:#728395;font-size:12px}
.shop-pm-side-status{padding:12px 0;border-top:1px solid #e7edf2}.shop-pm-side-status strong{font-size:12px}.shop-pm-side-status p{font-size:12px;line-height:1.6;color:#788593}
.shop-pm-modal{position:fixed;inset:0;z-index:22000;display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;padding:4vh 14px;background:rgba(14,30,48,.64)}
.shop-pm-modal[hidden],.shop-pm-detail-row[hidden]{display:none!important}
.shop-pm-modal-panel{width:min(100%,950px);max-height:92vh;overflow-y:auto;background:#fff;border-radius:12px;box-shadow:0 20px 55px rgba(0,0,0,.22)}
.shop-pm-modal-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 20px;background:#f1f5f8;border-bottom:1px solid #dae5ee}
.shop-pm-modal-top strong{font-size:15px;color:#263c50}
.shop-pm-modal-top button{border:0;background:#fff;color:#576b7d;border-radius:6px;font-size:24px;line-height:1;width:34px;height:34px;cursor:pointer}
.shop-pm-modal-body{padding:16px}.shop-pm-modal .shop-pm-form{box-shadow:none}
body.shop-pm-modal-open{overflow:hidden}
@media(max-width:900px){.shop-pm-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-pm-page .shop-pm-inline{padding:12px}}
@media(max-width:600px){.shop-pm-fields{grid-template-columns:1fr}.shop-pm-fieldset{margin:10px;padding:12px}.shop-pm-form-head,.shop-pm-form-foot{padding:13px}.shop-pm-form-foot{flex-wrap:wrap}.shop-pm-save{width:100%}.shop-pm-hint{padding:0 13px 13px}.shop-pm-modal{padding:10px}.shop-pm-modal-body{padding:10px}.shop-pm-page .shop-pm-list-meta{align-items:flex-start;flex-direction:column;gap:5px}}

.shop-pm-margin-calculator{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin-top:14px;padding:12px 15px;border-top:1px solid rgba(74,128,165,.14);font-size:12px;color:#4b6073}
.shop-pm-margin-calculator label{font-size:12px;font-weight:700;display:flex;align-items:center;gap:9px}
.shop-pm-margin-calculator input{width:94px;border-radius:5px;border:1px solid #cddbe9;padding:9px;color:#1c6079}
.shop-pm-margin-calculator strong{color:#167653}
.shop-pm-margin-calculator small{display:block;margin-top:4px;color:#83919e;font-size:11px;line-height:1.4}

.shop-pm-active-price{margin:14px 0 0;padding:11px 13px;border-radius:5px;background:#ecf7f0;color:#226b48;font-size:12px;font-weight:700;line-height:1.5}
.shop-pm-active-price.shop-pm-active-warning{background:#fff0db;color:#915b1d}

/* Phase 4: Full product catalog editor – shared component classes, no duplicated legacy selectors. */
.shop-pe-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,280px);gap:20px;align-items:start}
.shop-pe-main,.shop-pe-side{min-width:0}.shop-pe-main>.content,.shop-pe-side>.content{margin-bottom:17px}
.shop-pe-intro p,.shop-pe-side p{color:#6c7c8e;font-size:12px;line-height:1.65;margin:8px 0 0}
.shop-pe-side .shop-pe-side-box{border-top:1px solid #edf0f3;padding-top:13px;margin-top:15px;font-size:12px;color:#536477}
.shop-pe-tabs{display:flex;flex-wrap:wrap;gap:6px;padding:9px;background:#eaf0f6;border-radius:9px;margin-bottom:12px}
.shop-pe-tabs button{border:1px solid transparent;background:transparent;border-radius:7px;padding:11px 15px;color:#4c6275;font-size:12px;font-weight:700;cursor:pointer}
.shop-pe-tabs button:hover{background:#fff8}.shop-pe-tabs button.is-current{background:#fff;color:#177bb1;border-color:#dce7f1;box-shadow:0 2px 7px rgba(20,60,100,.06)}
.shop-pe-content{min-height:320px}.shop-pe-panel{border:0;border-left:4px solid #4b91d8;border-radius:7px;background:#f7f9fc;padding:20px;margin:0 0 15px}
.shop-pe-panel[hidden],[data-pe-tab-panel][hidden]{display:none!important}
.shop-pe-panel h2,.shop-pe-image-section h2{font-size:17px;color:#2f465a;margin:0 0 17px}
.shop-pe-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.shop-pe-field{display:flex;flex-direction:column;gap:6px;min-width:0;font-size:12px;font-weight:700;color:#435d73}
.shop-pe-field input,.shop-pe-field textarea{display:block;box-sizing:border-box;width:100%;font:400 13px Arial,sans-serif;border:1px solid #d5e1eb;background:#fff;color:#263e50;border-radius:6px;padding:12px;min-width:0}
.shop-pe-field input:focus,.shop-pe-field textarea:focus{outline:none;border-color:#3d98c9;box-shadow:0 0 0 3px rgba(50,150,215,.11)}
.shop-pe-field textarea{resize:vertical;min-height:110px}.shop-pe-span{grid-column:1/-1}.shop-pe-field small{font-weight:400;color:#778796}
.shop-pe-field small.is-short,.shop-pe-field small.is-long{color:#bd7a24;font-weight:700}
.shop-pe-note{font-size:12px;line-height:1.7;color:#728292;margin:14px 0 6px}.shop-pe-note code{white-space:normal;overflow-wrap:anywhere}
.shop-pe-savebar{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #e6edf3;padding:17px 0 0;margin-top:18px}
.shop-pe-savebar p,[data-pe-import-feedback]{margin:0;color:#687b8f;font-size:12px;line-height:1.5}
.shop-pe-savebar p.is-success,[data-pe-import-feedback].is-success{color:#167c51}.shop-pe-savebar p.is-error,[data-pe-import-feedback].is-error{color:#b1323d}
.shop-pe-image-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;min-height:20px}
.shop-pe-image{min-width:0;border:1px solid #dce6ed;background:#fff;border-radius:8px;padding:6px;position:relative;cursor:grab}
.shop-pe-image img{display:block;width:100%;height:120px;object-fit:contain;border-radius:5px;background:#f6f8fa}
.shop-pe-image-label{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#698093;font-size:10px;padding:7px 4px}
.shop-pe-image button{position:absolute;right:8px;top:8px;width:27px;height:27px;border:0;background:#b43d48;color:#fff;cursor:pointer;border-radius:50%;font-size:19px;line-height:26px}
.shop-pe-image-upload{margin:18px 0}.shop-pe-image-upload label{font-size:12px;color:#47627b;font-weight:700}.shop-pe-image-upload input{display:block;width:100%;margin-top:8px;font-size:12px}
.shop-pe-import-lock-card{border-top:3px solid #dda348}.shop-pe-lock-label{display:flex;align-items:center;gap:8px;font-size:12px;margin:14px 0}.shop-pe-lock-label input{accent-color:#cd8b2a;width:17px;height:17px}.shop-pe-import-lock-card .shop-settings-save{margin:0 0 10px}
@media(max-width:1100px){.shop-pe-layout{grid-template-columns:minmax(0,1fr) 225px}.shop-pe-image-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.shop-pe-layout{grid-template-columns:1fr}.shop-pe-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.shop-pe-image-list{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:550px){.shop-pe-tabs{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;gap:3px}.shop-pe-tabs button{flex:0 0 auto;white-space:nowrap;padding:10px;font-size:11px}.shop-pe-grid,.shop-pe-side{grid-template-columns:1fr}.shop-pe-panel{padding:14px}.shop-pe-image-list{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-pe-savebar{flex-direction:column;align-items:stretch}.shop-pe-savebar button{width:100%}}

/* Order management – one shared component for accordion, modal and detail. */
.shop-om-table td{vertical-align:middle}.shop-om-table td small{display:block;margin-top:5px;color:#64768b;font-size:11px}
.shop-om-table .shop-om-amount{white-space:nowrap;font-weight:700}
.shop-om-status{display:inline-flex;align-items:center;gap:6px;border-radius:20px;padding:6px 10px;font-size:11px;font-weight:700;line-height:1.2;white-space:nowrap}
.shop-om-tone-pending{background:#fff0c9;color:#845b13}.shop-om-tone-supplier{background:#e9e7fa;color:#6651a2}.shop-om-tone-confirmed{background:#e1f1ff;color:#286899}.shop-om-tone-done{background:#def5e9;color:#277448}.shop-om-tone-cancel{background:#ffebed;color:#a63645}
.shop-om-table tbody tr.shop-om-row{transition:background .15s}.shop-om-table tr.shop-om-row-pending{background:#fffbf1}.shop-om-table tr.shop-om-row-done{background:#f6fcf8}.shop-om-table tr.shop-om-row-cancel{background:#fff6f7}.shop-om-table tr.shop-om-row-supplier{background:#faf8ff}
.shop-om-bf{display:inline-block;width:max-content;border-radius:5px;background:#fff0ee;color:#b84439;padding:3px 7px;font-weight:700}
.shop-om-details[hidden],.shop-om-modal[hidden]{display:none!important}.shop-om-details td{background:#f3f7fb;padding:0!important}
.shop-om-expanded{padding:18px 22px}.shop-om-overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:6px 0 18px;word-wrap:break-word}
.shop-om-overview h3,.shop-om-overview strong{color:#324d66}.shop-om-overview p{font-size:12px;line-height:1.6;margin:6px 0;color:#5b7082}
.shop-om-editor{background:#fff;border:1px solid #e0e8f0;border-radius:10px;padding:19px;box-shadow:0 8px 24px rgba(25,48,73,.04)}
.shop-om-editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 18px}
.shop-om-editor-grid label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:700;color:#4a5d70;min-width:0}
.shop-om-editor-grid input[type=text],.shop-om-editor-grid select,.shop-om-editor-grid textarea{width:100%;max-width:100%;min-width:0;box-sizing:border-box;background:#fff;border:1px solid #cfdae5;border-radius:7px;padding:10px;font:400 13px Arial,sans-serif;color:#24394c}
.shop-om-editor-grid textarea{resize:vertical}.shop-om-editor-grid small{font-size:11px;font-weight:400;color:#8292a1;line-height:1.4}
.shop-om-editor-grid .shop-om-editor-wide{grid-column:1/-1}.shop-om-editor-grid .shop-om-archive{display:flex;flex-direction:row;align-items:center;gap:8px;color:#4b5d70}
.shop-om-editor-actions{display:flex;gap:12px;justify-content:flex-end;align-items:center;flex-wrap:wrap;border-top:1px solid #e5ecf2;padding-top:14px;margin-top:14px}
.shop-om-save-message{flex:1;min-width:160px;font-size:12px}.shop-om-save-message.is-error{color:#a5373b}.shop-om-save-message.is-success{color:#16805b}
.shop-om-save:disabled{opacity:.6;cursor:wait}.shop-om-setup-alert{border-left:4px solid #dfa332;background:#fff8e7;color:#684c1d;padding:13px 16px;border-radius:7px;margin:12px 0 17px;font-size:13px}
.shop-om-modal{position:fixed;z-index:25000;inset:0;overflow-y:auto;display:flex;align-items:flex-start;justify-content:center;background:rgba(14,33,52,.65);padding:5vh 14px}
.shop-om-modal-panel{width:min(100%,850px);border-radius:12px;background:#fff;box-shadow:0 18px 60px rgba(0,0,0,.2);max-height:90vh;overflow:auto}
.shop-om-modal-title{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;background:#f3f7fa;border-bottom:1px solid #e0e6ed;padding:15px 19px}
.shop-om-modal-title button{font-size:25px;background:#fff;border:1px solid #d8e3eb;border-radius:6px;padding:2px 9px;cursor:pointer}
.shop-om-modal-panel .shop-om-editor{box-shadow:none;border:0}.shop-om-modal-open{overflow:hidden}
.shop-om-detail-title{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-bottom:18px}.shop-om-detail-title h2{margin:0}
.shop-om-history{display:grid;gap:7px}.shop-om-history>div{background:#f5f8fb;border-radius:7px;padding:11px;font-size:12px}.shop-om-history small{display:block;color:#768699;margin-top:4px}
.shop-om-email-note{font-size:11px;line-height:1.6;color:#996a20;background:#fff6e7;border-radius:7px;padding:12px}
@media(max-width:750px){.shop-om-modal{padding:8px}.shop-om-modal-panel{max-height:calc(100vh - 16px);max-height:calc(100dvh - 16px)}.shop-om-overview{grid-template-columns:1fr}.shop-om-expanded{padding:12px}.shop-om-editor-grid{grid-template-columns:1fr}.shop-om-editor-grid .shop-om-editor-wide{grid-column:1}.shop-om-editor{padding:12px}}

.shop-om-page aside .shop-om-editor-grid{grid-template-columns:1fr}.shop-om-page aside .shop-om-editor{padding:12px}.shop-om-page aside .shop-om-editor-actions{justify-content:stretch}.shop-om-page aside .shop-om-save{width:100%}

/* Order maintenance, one shared component for warnings and job diagnostics. */
.shop-job-cards{margin:0 0 24px;padding:18px;border:1px solid #e5eaf1;border-radius:12px;background:#fff}
.shop-job-cards h2{margin:0 0 14px}
.shop-job-table td{overflow-wrap:anywhere;max-width:280px}
.shop-om-notify{display:flex;align-items:center;gap:8px;font-size:13px;margin:8px 0}
.shop-om-notify input{width:auto}

/* Registered customers: shared MOB-inspired responsive accordion, modal and detail editor. */
.shop-cm-table td{vertical-align:middle}.shop-cm-table td small{display:block;margin-top:5px;color:#728193;font-size:11px}
.shop-cm-person{display:flex;align-items:center;gap:10px;min-width:165px}
.shop-cm-avatar{display:inline-flex;align-items:center;justify-content:center;flex:none;width:36px;height:36px;border-radius:50%;font-size:12px;font-weight:800;background:#dfeefa;color:#315777}
.shop-cm-avatar-lg{width:64px;height:64px;font-size:22px;background:#dbeefa;color:#315777}
.shop-cm-row-reseller{background:#f3f9ff}.shop-cm-row:hover{background:#edf5fa}
.shop-cm-badge{display:inline-flex;padding:6px 10px;font-size:11px;font-weight:700;border-radius:20px;background:#edf1f4;color:#5b6673;white-space:nowrap}
.shop-cm-badge.is-reseller{background:#e4eefc;color:#216ca6}.shop-cm-badge.is-personal{background:#f1f3f5;color:#647487}
.shop-cm-detail-row[hidden],.shop-cm-modal[hidden]{display:none!important}
.shop-cm-expanded{padding:15px 7px 18px}.shop-cm-summary{display:grid;grid-template-columns:1fr 1fr;gap:18px;border-radius:9px;background:#f2f6fa;padding:14px 18px;margin-bottom:15px}
.shop-cm-summary strong{display:block;font-size:13px;margin-bottom:7px}.shop-cm-summary p{margin:4px 0;color:#61778b;font-size:12px}
.shop-cm-editor{border:1px solid #e3ebf2;border-radius:10px;background:#fff;overflow:hidden}
.shop-cm-section{margin:10px 13px;border:0;border-left:3px solid #468fc4;border-radius:6px;padding:11px 15px;background:#f7fafe}
.shop-cm-section:nth-of-type(2){border-left-color:#dfad48;background:#fffaf1}.shop-cm-section:nth-of-type(3){border-left-color:#38aa83;background:#f3faf7}.shop-cm-section:nth-of-type(4){border-left-color:#8d80c9;background:#f8f6ff}
.shop-cm-section legend{font-size:13px;font-weight:750;color:#354c60;padding:0 8px}
.shop-cm-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px}
.shop-cm-field{display:flex;flex-direction:column;gap:6px;min-width:0;color:#43576b;font-size:12px;font-weight:700}
.shop-cm-field input:not([type=checkbox]),.shop-cm-field textarea{box-sizing:border-box;width:100%;min-width:0;border-radius:6px;border:1px solid #cfdee9;background:#fff;color:#263c50;padding:10px;font-size:13px;font-weight:400}
.shop-cm-field input:focus,.shop-cm-field textarea:focus{outline:none;border-color:#3b93d0;box-shadow:0 0 0 3px rgba(59,147,208,.12)}
.shop-cm-field textarea{resize:vertical}.shop-cm-wide{grid-column:1/-1}
.shop-cm-check{display:flex;align-items:center;gap:9px;min-height:35px}.shop-cm-check input{accent-color:#267cb3;width:17px;height:17px}
.shop-cm-actions{display:flex;align-items:center;gap:13px;justify-content:flex-end;padding:13px 17px;border-top:1px solid #e4edf4;background:#fbfcfe}
.shop-cm-feedback{margin-right:auto;color:#647b90;font-size:12px}.shop-cm-feedback.is-error{color:#b63838}.shop-cm-feedback.is-success{color:#16804f}
.shop-cm-save:disabled{opacity:.6;cursor:wait}
.shop-cm-modal{position:fixed;inset:0;z-index:22000;overflow-y:auto;display:flex;align-items:flex-start;justify-content:center;padding:4vh 15px;background:rgba(14,30,48,.63)}
.shop-cm-modal-panel{background:#fff;width:min(100%,900px);max-height:92vh;overflow-y:auto;border-radius:12px;box-shadow:0 20px 55px rgba(0,0,0,.22)}
.shop-cm-modal-title{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 20px;background:#f3f7fa;border-bottom:1px solid #e3eaf1}
.shop-cm-modal-title strong{font-size:15px}.shop-cm-modal-title button{border:0;border-radius:6px;width:33px;height:33px;background:#fff;font-size:24px;cursor:pointer}
.shop-cm-modal [data-cm-dialog-body]{padding:15px}body.shop-cm-modal-open{overflow:hidden}
.shop-cm-profile-heading{display:flex;align-items:center;gap:16px;margin-bottom:16px}.shop-cm-profile-heading h2{margin:0 0 5px}.shop-cm-profile-heading p{margin:0 0 9px;color:#718396}
.shop-cm-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:17px}
.shop-cm-stat{background:#edf6ff;border-radius:10px;border-left:4px solid #4898cb;padding:15px 20px}.shop-cm-stat:nth-child(even){background:#ebf9f1;border-left-color:#49b184}
.shop-cm-stat span{display:block;font-size:12px;color:#54718b;margin-bottom:8px}.shop-cm-stat strong{font-size:23px;color:#2c4a62}
.shop-cm-profile-layout aside .shop-cm-fields{grid-template-columns:1fr}.shop-cm-muted{font-size:12px;color:#778797;line-height:1.65}
@media(max-width:720px){.shop-cm-modal-panel{max-height:calc(100vh - 18px);max-height:calc(100dvh - 18px)}.shop-cm-fields,.shop-cm-summary{grid-template-columns:1fr}.shop-cm-modal{padding:9px}.shop-cm-modal [data-cm-dialog-body]{padding:9px}.shop-cm-section{margin:9px;padding:10px}.shop-cm-actions{flex-wrap:wrap}.shop-cm-save{width:100%}.shop-cm-stats{grid-template-columns:1fr}}

/* Phase 8: shared, color-coded voucher/review/return administration. */
.shop-x-panel{margin-bottom:22px}
.shop-x-filters,.shop-x-form{display:flex;flex-wrap:wrap;gap:11px;align-items:flex-end}
.shop-x-filters input,.shop-x-filters select,.shop-x-form input:not([type=hidden]),.shop-x-form select,.shop-x-form textarea{box-sizing:border-box;min-width:0;max-width:100%;width:100%;padding:9px 11px;border:1px solid #d3deea;border-radius:8px;background:#fff;color:#27405a;font:13px Arial,sans-serif}
.shop-x-filters input,.shop-x-filters select{width:auto;max-width:260px}
.shop-x-form>label{display:flex;flex:1 1 185px;min-width:135px;flex-direction:column;gap:7px;font-size:12px;font-weight:700;color:#52667a}
.shop-x-form>.shop-x-wide{flex:1 1 100%}
.shop-x-form button{flex:0 0 auto}
.shop-x-form textarea{resize:vertical}
.shop-x-hint{font-size:12px;color:#738399;line-height:1.7;margin:10px 0 16px}
.shop-x-disclosure{background:#fff;border:1px solid #dfe7ef;border-radius:12px;overflow:hidden;margin:15px 0 20px}
.shop-x-disclosure>summary{cursor:pointer;background:#eaf3fc;padding:13px 17px;font-size:14px;font-weight:700;color:#326388}
.shop-x-inner{padding:15px 18px}
.shop-x-table td{vertical-align:middle}
.shop-x-table td small{display:block;font-size:11px;color:#7b8899;margin-top:5px}
.shop-x-table tr[data-x-content]:not([hidden])>td{background:#f4f8fd;padding:16px 20px}
.shop-x-table tr[data-x-content][hidden]{display:none}
.shop-x-table [data-x-toggle]{white-space:nowrap}
.shop-x-detail{display:grid;grid-template-columns:minmax(200px,1fr) minmax(350px,2fr);gap:17px}
.shop-x-detail p{font-size:12px;line-height:1.6;color:#52677d;overflow-wrap:anywhere}
.shop-x-detail code{font-size:11px;overflow-wrap:anywhere}
.shop-x-pill{display:inline-flex;padding:5px 9px;border-radius:20px;font-size:11px;font-weight:700;background:#eff3f7;color:#56687d;white-space:nowrap}
.shop-x-pill.is-success,.shop-x-message.is-success{background:#e6f7ed;color:#187647}
.shop-x-pill.is-warning,.shop-x-message.is-warning{background:#fff2d2;color:#835e1c}
.shop-x-pill.is-danger,.shop-x-message.is-error{background:#ffecee;color:#ab3744}
.shop-x-pill.is-info{background:#e7f1ff;color:#2b68a2}
.shop-x-message{border-radius:8px;padding:12px 15px;margin:13px 0;font-size:13px}
.shop-x-excerpt{font-size:12px;line-height:1.5;max-height:95px;overflow:auto;overflow-wrap:anywhere;min-width:150px}
.shop-x-feedback{font-size:12px;font-weight:700;color:#547185;flex:1 1 140px}
.shop-x-feedback.is-success{color:#187647}.shop-x-feedback.is-error{color:#ab3744}
.shop-x-danger{background:#ad3c48!important;border-color:#ad3c48!important;color:#fff!important}
@media(max-width:750px){.shop-x-detail{grid-template-columns:1fr}.shop-x-toolbar{align-items:stretch}.shop-x-filters{flex:1 1 100%}.shop-x-filters input,.shop-x-filters select{max-width:100%;flex:1 1 165px}.shop-x-inner{padding:11px}}

/* Phase 11 – shared analytics and marketing components; one scoped definition per component. */
.shop-an-shell{background:#f7f9fc;border:1px solid #e5ebf1;border-radius:12px;padding:22px;max-width:100%;box-sizing:border-box}
.shop-an-intro{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:18px}
.shop-an-intro h2{margin:0 0 7px;font-size:21px;color:#233d56}.shop-an-intro p{margin:0;color:#728196;font-size:13px;line-height:1.5}
.shop-an-source{font-size:11px;color:#63809a;background:#eaf3f9;border:1px solid #d3e4f0;border-radius:20px;padding:7px 12px;white-space:nowrap}
.shop-an-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 19px}.shop-an-tabs a{padding:9px 13px;background:#fff;border:1px solid #dfe8f0;color:#526981;border-radius:7px;text-decoration:none;font-size:12px;font-weight:700}
.shop-an-tabs a:hover,.shop-an-tabs a.is-active{background:#2177b5;color:#fff;border-color:#2177b5}
.shop-an-period{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;background:#fff;border:1px solid #e2e8ef;border-radius:9px;padding:13px;margin-bottom:22px}
.shop-an-period label{display:grid;gap:5px;color:#647589;font-weight:600;font-size:11px;margin:0}.shop-an-period select,.shop-an-period input{font-size:12px;border:1px solid #d9e2eb;border-radius:5px;padding:9px 10px;background:#fff;color:#2d4962;min-height:37px;box-sizing:border-box}
.shop-an-period input:disabled{opacity:.45}.shop-an-period .button{margin:0;padding:9px 16px}.shop-an-range{margin-left:auto;color:#8290a0;font-size:11px;align-self:center}
.shop-an-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:0 0 21px}
.shop-an-kpi{min-width:0;background:#fff;border:1px solid #e1e9f0;border-top:3px solid #4f93d5;border-radius:9px;box-shadow:0 4px 18px rgba(35,61,90,.04);padding:18px 17px;display:grid;gap:8px}
.shop-an-kpi small{font-size:12px;font-weight:700;color:#647589}.shop-an-kpi strong{color:#2b4963;font-size:clamp(19px,2vw,29px);line-height:1.25;overflow-wrap:anywhere}
.shop-an-kpi strong em{font-size:12px;font-weight:700;font-style:normal;color:#7d8ea0}
.shop-an-kpi span{color:#8190a0;font-size:11px;line-height:1.45}.shop-an-kpi span a{color:#2b79ae}
.shop-an-kpi.is-blue{border-top-color:#388fdd;background:linear-gradient(145deg,#f2f8ff,#fff 60%)}
.shop-an-kpi.is-green{border-top-color:#2da56e;background:linear-gradient(145deg,#f0fbf4,#fff 60%)}
.shop-an-kpi.is-purple,.shop-an-kpi.is-indigo{border-top-color:#8b69cc;background:linear-gradient(145deg,#f7f3ff,#fff 60%)}
.shop-an-kpi.is-amber{border-top-color:#dca02f;background:linear-gradient(145deg,#fff9ec,#fff 60%)}
.shop-an-kpi.is-sky{border-top-color:#36a6bf;background:linear-gradient(145deg,#eafaff,#fff 60%)}
.shop-an-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:22px}
.shop-an-panel{min-width:0;background:#fff;border:1px solid #e2e9f1;border-radius:10px;padding:21px;box-shadow:0 4px 20px rgba(21,46,70,.035)}
.shop-an-panel-title{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 18px}
.shop-an-panel-title h3{margin:0;font-size:16px;color:#294b66}.shop-an-panel-title small{font-size:11px;color:#8b98a5}
.shop-an-bars{display:grid;gap:9px;max-height:330px;overflow-y:auto;padding-right:5px}
.shop-an-bar-row{display:grid;grid-template-columns:80px minmax(0,1fr) 35px;align-items:center;gap:8px;font-size:11px;color:#728295}
.shop-an-bar-row b{color:#526d83;text-align:right}.shop-an-bar-track{height:10px;border-radius:15px;background:#e9f0f6;overflow:hidden}
.shop-an-bar-fill{height:100%;border-radius:15px;background:linear-gradient(90deg,#5ab2f1,#3088d1);min-width:2px}.shop-an-bar-fill.is-teal{background:linear-gradient(90deg,#63c6a4,#29a977)}
.shop-an-statuses{display:grid;gap:13px}.shop-an-status-label{display:flex;justify-content:space-between;gap:12px;font-size:12px;margin-bottom:5px;color:#607487}
.shop-an-mini{display:grid;gap:9px;margin-top:19px;border-top:1px solid #ecf0f3;padding-top:15px;font-size:12px;color:#677d91}.shop-an-mini b{color:#324f68}
.shop-an-section-title{color:#2a4861;font-size:17px;margin:24px 0 13px}
.shop-an-message{padding:18px 20px;background:#fff7e9;color:#755e37;border:1px solid #efdfc2;border-radius:9px;font-size:12px;line-height:1.7;margin:10px 0 20px}
.shop-an-message a{color:#2e779d}.shop-an-funnel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:15px 0}
.shop-an-funnel-step{background:#eff6fc;border:1px solid #dce9f2;border-radius:9px;padding:20px 15px;display:grid;gap:12px;min-width:0}
.shop-an-funnel-step:nth-child(2){background:#edf9f7}.shop-an-funnel-step:nth-child(3){background:#fff6e8}.shop-an-funnel-step:nth-child(4){background:#eaf8ef}
.shop-an-funnel-step span{font-size:12px;font-weight:700;color:#426077}.shop-an-funnel-step small{display:block;font-weight:400;margin-top:5px;color:#8697a6}
.shop-an-funnel-step strong{font-size:25px;color:#284a65}.shop-an-footnote{color:#8a99a8;border-top:1px solid #e2e9ef;padding-top:14px;font-size:11px;line-height:1.65}
.shop-an-checklist{padding:0;margin:0 0 15px;list-style:none}.shop-an-checklist li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #eff2f5;font-size:12px;color:#4d657d}
.shop-an-checklist b{font-size:11px;font-weight:700;text-align:right}.shop-an-checklist b.is-ok{color:#22835c}.shop-an-checklist b.is-alert{color:#bd8229}.shop-an-checklist b.is-neutral{color:#75889c}
.shop-an-dashboard-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px;color:#627991}.shop-an-dashboard-head p{margin:0}
@media(max-width:1200px){.shop-an-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-an-panels{grid-template-columns:1fr}}
@media(max-width:680px){.shop-an-shell{padding:13px}.shop-an-intro{flex-direction:column}.shop-an-source{white-space:normal}.shop-an-kpis{gap:9px}.shop-an-kpi{padding:13px}.shop-an-kpi strong{font-size:20px}.shop-an-funnel{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-an-period input,.shop-an-period select{width:100%;min-width:0}.shop-an-period label{flex:1 1 42%}.shop-an-range{width:100%;margin:0}.shop-an-panel{padding:13px}.shop-an-dashboard-head{flex-direction:column;align-items:flex-start}}

.shop-an-updated{font-size:11px;color:#8292a1;margin:-5px 0 15px}

/* Shared admin presentation system — reused across products, orders, customers, reviews and returns. */
:root{--shop-admin-radius:9px;--shop-admin-border:#e2e8f0;--shop-admin-ink:#253547;--shop-admin-muted:#718095;--shop-admin-blue:#2768ab;--shop-admin-pink:#d62864}
.shop-pm-product-identity{display:flex;align-items:center;gap:12px;min-width:240px}
.shop-pm-thumbnail{flex:none;display:block;width:52px;height:60px;object-fit:contain;background:#f8f9fb;border:1px solid #edf0f3;border-radius:8px}
.shop-pm-thumbnail-empty{display:grid;place-items:center;color:#a3adba}
.shop-pm-public-pricing strong{display:block;color:var(--shop-admin-ink);font-size:14px}
.shop-pm-public-pricing strong.is-sale{color:#c72b52}
.shop-pm-public-pricing s{display:block;color:#8290a0;font-size:11px}
.shop-pm-stock-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px;background:#e8a12c;vertical-align:middle}
.shop-pm-stock-dot.is-in{background:#24a369}
.shop-pm-stat span{font-weight:700;color:#4b627a}
.shop-adm-chevron{border:1px solid #dae3eb;border-radius:7px;padding:8px 10px;background:#fff;color:#3d5f7c;cursor:pointer;font-size:12px;font-weight:700;white-space:nowrap}
.shop-adm-chevron[aria-expanded=true]{background:#edf5fc;border-color:#9ebdd5}
.shop-pm-detail-metadata{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin:0 0 16px;padding:14px;background:#fff;border:1px solid #e4eaf1;border-radius:9px}
.shop-pm-detail-metadata>div{min-width:0;overflow-wrap:anywhere}
.shop-pm-detail-metadata strong,.shop-pm-detail-metadata span{display:block;font-size:12px}
.shop-pm-detail-metadata strong{margin-bottom:5px;color:#6b7b8b}
.shop-pm-detail-metadata span{color:#233c50}
.shop-pm-modal-top a{font-size:12px;color:#2768ab;text-decoration:none;margin-left:auto}
 .shop-pm-modal-top a:hover{text-decoration:underline}
.shop-x-delete-link{color:#bc3246;background:none;border:0;padding:3px 0;margin:0;cursor:pointer;font:inherit;text-decoration:none}
.shop-x-delete-link:hover{text-decoration:underline}
@media(max-width:900px){.shop-pm-product-identity{min-width:180px}}

.shop-om-items{width:100%;border-collapse:collapse;margin-top:8px;font-size:12px}
.shop-om-items th,.shop-om-items td{border-bottom:1px solid #e8edf2;padding:8px 6px;text-align:left;vertical-align:top}
.shop-om-items th{color:#697b8b}
.shop-om-items td small{display:block;color:#8390a0}
.shop-om-totals{margin-top:14px;padding:10px 12px;background:#f6f9fc;border:1px solid #e5edf4;border-radius:8px}
.shop-om-totals p{display:flex;justify-content:space-between;gap:12px;margin:5px 0}

/* One full product editor, usable inside a modal iframe and as a normal admin page. */
.shop-pm-full-editor-modal{padding:2vh 2vw;align-items:center}
.shop-pm-full-editor-modal .shop-pm-modal-panel{display:flex;flex-direction:column;width:min(1500px,100%);height:96vh;max-height:96vh;overflow:hidden}
.shop-pm-full-editor-modal .shop-pm-modal-top{flex:none}
.shop-pm-full-editor-modal [data-pm-editor-frame]{display:block;flex:1;width:100%;height:100%;min-height:0;border:0;background:#f6f8fb}
.shop-pe-embedded-body>.header-mobile,.shop-pe-embedded-body>.footer,.shop-pe-embedded-body>.scrollToTop{display:none!important}
.main-content.shop-pe-embedded{display:block;max-width:none;min-width:0;margin:0;padding:0;background:#f6f8fb}
.main-content.shop-pe-embedded>.sidebar{display:none!important}
.main-content.shop-pe-embedded>.inner{padding:12px!important;min-width:0}
.main-content.shop-pe-embedded>.inner>h1{display:none}
.main-content.shop-pe-embedded .shop-pe-intro{padding:14px 20px;margin-bottom:12px}
@media(max-width:680px){.shop-pm-full-editor-modal{padding:0}.shop-pm-full-editor-modal .shop-pm-modal-panel{height:100vh;max-height:100vh;height:100dvh;max-height:100dvh;border-radius:0}.shop-pm-full-editor-modal .shop-pm-modal-top{padding:10px 12px}.shop-pm-full-editor-modal .shop-pm-modal-top strong{font-size:13px}.main-content.shop-pe-embedded>.inner{padding:8px!important}}

/* Product/review images use the same restrained admin card language. */
.shop-x-review-product{display:flex;align-items:center;gap:10px;min-width:170px}
.shop-x-review-product img{flex:none;width:42px;height:50px;object-fit:contain;border:1px solid var(--shop-admin-border);border-radius:7px;background:#f8f9fb}
.shop-x-review-product span{min-width:0;overflow-wrap:anywhere}
.shop-x-review-gallery{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}
.shop-x-review-gallery img{display:block;width:68px;height:68px;object-fit:cover;border-radius:8px;border:1px solid var(--shop-admin-border);background:#f8f9fb}
.shop-x-review-gallery a:focus-visible{outline:2px solid var(--shop-admin-blue);outline-offset:2px}

/* Shared order-line quantity editor; no separate modal editing implementation. */
.shop-om-quantity-form{background:#fff;border:1px solid var(--shop-admin-border,#e2e8f0);border-radius:var(--shop-admin-radius,9px);padding:15px;margin:14px 0 17px}
.shop-om-quantity-header{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:7px;margin-bottom:12px;color:#344f67;font-size:13px}
.shop-om-quantity-header small,.shop-om-qty-note{color:#778797;font-size:11px;line-height:1.6}
.shop-om-qty-items th,.shop-om-qty-items td{padding:10px 9px!important;background:#fff!important;white-space:normal}
.shop-om-qty-items th:nth-child(n+2),.shop-om-qty-items td:nth-child(n+2){white-space:nowrap}
.shop-om-qty-items input[type=number]{width:66px;height:34px;border:1px solid #cbd9e6;background:#fff;border-radius:6px;padding:4px 7px;color:#304b65;font:600 13px Arial,sans-serif}
.shop-om-qty-items input:focus-visible{outline:2px solid var(--shop-admin-blue,#2768ab);outline-offset:2px}
.shop-om-qty-summary{display:flex;justify-content:flex-end;gap:9px 22px;flex-wrap:wrap;padding:13px 5px 2px;color:#60778b;font-size:12px}
.shop-om-qty-summary strong{color:#233d56}
.shop-om-quantity-form .shop-om-editor-actions{margin-top:12px}
.shop-om-quantity-form .shop-om-save{width:auto!important}
@media(max-width:680px){.shop-om-quantity-form{padding:10px}.shop-om-qty-items input[type=number]{width:52px}.shop-om-qty-summary{justify-content:flex-start}}

/* Shared compact reviews/returns list — keeps the same table and chevron conventions. */
.shop-x-compact-table td{padding-top:12px;padding-bottom:12px;vertical-align:middle}
.shop-x-compact-table td>strong{font-weight:650;color:var(--shop-admin-ink,#253547)}
.shop-x-review-preview{min-width:180px;max-width:340px;font-size:12px;line-height:1.55;color:#52677d;overflow-wrap:anywhere}
.shop-x-review-preview>.shop-x-review-gallery{margin-top:7px}
.shop-x-review-preview .shop-x-review-gallery img{width:44px;height:44px}
.shop-x-review-gallery.is-expanded img{width:104px;height:104px}
.shop-x-expanded-content{display:grid;gap:14px;align-content:start;min-width:0;color:#344b5e}
.shop-x-expanded-content>div{min-width:0}
.shop-x-expanded-content strong{font-size:12px}
.shop-x-expanded-content p{margin:6px 0 0;font-size:12px;line-height:1.7;overflow-wrap:anywhere;white-space:normal}
.shop-x-expanded-content small{font-size:11px;color:#778797}
.shop-x-return-editor{align-content:start}
.shop-x-checkline{display:flex!important;flex-direction:row!important;align-items:flex-start;gap:9px!important;line-height:1.5;font-weight:500!important}
.shop-x-form .shop-x-checkline input[type=checkbox]{width:auto;flex:none;margin:3px 0 0}
@media(max-width:800px){.shop-x-compact-table{min-width:780px}.shop-x-review-preview{min-width:160px}.shop-x-detail{grid-template-columns:1fr}}

/* Admin sitewide: consistent interactive controls without modifying other modules' logic. */
.main-content .shop-adm-table :is(button,a):focus-visible,
.main-content .shop-adm-tools :is(button,a,input,select):focus-visible {outline:2px solid #2479c0;outline-offset:2px}
.shop-pm-page .shop-pm-product-identity{align-items:flex-start;min-width:280px}
.shop-pm-page .shop-pm-title{min-width:0;max-width:370px;overflow-wrap:anywhere}
.shop-pm-page .shop-pm-inline-actions{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-top:7px}
.shop-pm-page .shop-pm-inline-actions :is(button,a){display:inline-flex;align-items:center;min-height:27px;margin:0;padding:3px 7px;border:1px solid #d9e3ed;border-radius:5px;background:#f4f7fa;color:#2d647e;font:600 11px/1.35 Arial,sans-serif;cursor:pointer;text-decoration:none}
.shop-pm-page .shop-pm-inline-actions :is(button,a):hover{background:#e5f0f9;border-color:#a6c4df;color:#1f5e92}
.shop-pm-page .shop-pm-inline-actions :is(button,a):focus-visible{outline:2px solid #2479c0;outline-offset:2px}
.shop-pm-page .shop-pm-table{min-width:940px}
.shop-pm-page .shop-pm-table td:nth-child(2){min-width:125px}
.shop-pm-page .shop-pm-table td:nth-child(2) small{overflow-wrap:anywhere}
@media(max-width:750px){.shop-pm-page .shop-pm-table{min-width:900px}.shop-pm-page .shop-pm-product-identity{min-width:255px}}
/* Sidebar icon assets: all unique and consistent sizes, no repeated pictograms. */
.icon-orders,.icon-vouchers,.icon-return-exchange,.icon-alert-triangle{width:18px;height:18px;background-size:100%!important}
.icon-orders{background-image:url(../../images/icons/shop-orders.svg)}
.icon-vouchers{background-image:url(../../images/icons/shop-voucher.svg)}
.icon-return-exchange{background-image:url(../../images/icons/shop-return.svg)}
.icon-alert-triangle{background-image:url(../../images/icons/shop-alert.svg)}

/* Product Import Manager: uses sitewide settings cards/fields/buttons, only layout below is local. */
.shop-import-manager .shop-settings-section{margin-bottom:24px}
.shop-import-manager .shop-im-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 20px}
.shop-import-manager .shop-im-wide{grid-column:span 2}
.shop-import-manager [hidden]{display:none!important}
.shop-import-manager .shop-settings-field select{box-sizing:border-box;width:100%;min-width:0;min-height:43px;padding:10px 12px;border:1px solid #dce2e9;border-radius:6px;background:#fcfdff;color:#263b4c;font:inherit}
.shop-import-manager .shop-settings-field select:focus{outline:none;border-color:#4d98c8;box-shadow:0 0 0 3px rgba(62,145,211,.10)}
.shop-import-manager .shop-settings-field input[type=file]{min-height:43px;padding:8px 10px}
.shop-import-manager .shop-im-muted{color:#83909b;font-size:11px;font-weight:400}
.shop-import-manager .shop-im-advanced{margin:0;border-top:1px solid #e9edf1}
.shop-import-manager .shop-im-advanced>summary{padding:15px 24px;cursor:pointer;list-style:none;color:#44627a;font-size:13px;font-weight:700}
.shop-import-manager .shop-im-advanced>summary::-webkit-details-marker{display:none}
.shop-import-manager .shop-im-advanced>summary::after{content:'⌄';float:right;color:#71869a;font-size:18px;line-height:16px}
.shop-import-manager .shop-im-advanced[open]>summary::after{content:'⌃'}
.shop-import-manager .shop-im-advanced>summary:hover{background:#f8fbfd}
.shop-import-manager .shop-im-advanced-body{padding:6px 24px 22px}
.shop-import-manager .shop-im-advanced-body>h3{margin:14px 0 12px;font-size:15px}
.shop-import-manager .shop-im-advanced-body>.shop-im-grid{padding:0 0 14px}
.shop-import-manager .shop-im-formula-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.shop-import-manager .shop-im-profile-list{overflow:hidden}
.shop-import-manager .shop-im-profile{border-bottom:1px solid #e9edf1}
.shop-import-manager .shop-im-profile:last-child{border-bottom:0}
.shop-import-manager .shop-im-profile>summary{display:flex;align-items:center;gap:15px;padding:16px 22px;cursor:pointer;list-style:none}
.shop-import-manager .shop-im-profile>summary::-webkit-details-marker{display:none}
.shop-import-manager .shop-im-profile>summary:hover{background:#f8fbfd}
.shop-import-manager .shop-im-profile-title{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.shop-import-manager .shop-im-profile-title strong{font-size:14px;color:#334b60}
.shop-import-manager .shop-im-profile-title small{font-size:11px;color:#81909c}
.shop-import-manager .shop-im-chevron{color:#7b8e9e;font-size:17px}
.shop-import-manager .shop-im-chevron::before{content:'⌄'}
.shop-import-manager .shop-im-profile[open] .shop-im-chevron::before{content:'⌃'}
.shop-import-manager .shop-im-profile-body{padding:0 22px 20px;border-top:1px solid #edf1f5;background:#fff}
.shop-import-manager .shop-im-profile-body>form,.shop-import-manager .shop-im-profile-body>.shop-im-advanced{margin:0;padding:15px 0;border-top:1px solid #e9edf1}
.shop-import-manager .shop-im-profile-body>form:first-child{border-top:0}
.shop-import-manager .shop-im-profile-body h3{margin:0 0 12px;font-size:15px}
.shop-import-manager .shop-im-profile-body .shop-settings-fields{padding:0}
.shop-import-manager .shop-im-form-actions{display:flex;justify-content:flex-end;margin-top:12px}
.shop-import-manager .shop-im-profile-rules .shop-im-advanced-body{padding:0 0 10px}
.shop-import-manager .shop-im-profile-rules>summary{padding:12px 0}
.shop-import-manager .shop-im-readonly-rules{padding:6px 0 15px;border:0;margin:0}
.shop-import-manager .shop-im-inspect-form .button{margin:0}
.shop-import-manager .shop-im-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;font-size:13px}
.shop-import-manager .shop-im-actions label{display:inline-flex;gap:7px;align-items:center;cursor:pointer}
.shop-import-manager .shop-im-actions input[type=checkbox]{width:16px;height:16px;accent-color:#197eb7}
.shop-import-manager .shop-im-run-activation{margin:14px 0;max-width:420px}
.shop-import-manager .shop-im-ai{margin:10px 0;border:1px solid #edf1f5;border-radius:5px}
.shop-import-manager .shop-im-ai .shop-im-actions{padding:12px 16px}
.shop-import-manager .shop-im-run-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px;flex-wrap:wrap}
.shop-import-manager .shop-im-run-foot label{font-size:12px;color:#617386;display:flex;align-items:center;gap:8px}
.shop-import-manager .shop-im-map-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.shop-import-manager .shop-im-sample{border-top:1px solid #e9edf1}
.shop-import-manager .shop-im-scroll{width:100%;overflow:auto;padding:0 20px 20px;box-sizing:border-box}
.shop-import-manager .shop-im-empty{padding:22px;color:#718093;font-size:13px}
.shop-import-manager .shop-im-history-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;border-bottom:1px solid #ebeff3}
.shop-import-manager .shop-im-history-row span{display:flex;flex-direction:column;gap:4px}
.shop-import-manager .shop-im-history-row strong{font-size:13px}
.shop-import-manager .shop-im-history-row small{color:#7f8b96;font-size:11px}
.shop-import-manager .shop-im-history-row .button{margin:0}
.shop-import-manager .shop-im-log{margin:14px 20px 20px;min-height:100px;max-height:370px;overflow:auto;padding:16px;border-radius:6px;background:#101923;color:#d6e9df;white-space:pre-wrap;font:12px/1.7 Consolas,Monaco,monospace}
@media(max-width:1000px){.shop-import-manager .shop-im-grid,.shop-import-manager .shop-im-map-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-import-manager .shop-im-formula-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.shop-import-manager .shop-im-grid,.shop-import-manager .shop-im-map-grid,.shop-import-manager .shop-im-formula-fields{grid-template-columns:1fr}.shop-import-manager .shop-im-wide{grid-column:1}.shop-import-manager .shop-im-profile>summary,.shop-import-manager .shop-im-profile-body{padding-left:14px;padding-right:14px}.shop-import-manager .shop-im-advanced>summary{padding:13px 15px}.shop-import-manager .shop-im-advanced-body{padding:5px 15px 15px}.shop-import-manager .shop-im-history-row{padding:12px 14px}.shop-import-manager .shop-im-run-foot .shop-settings-save{width:100%}}

/* Currency settings: add a missing ISO currency without a second FX module. */
.shop-settings .shop-settings-add-currency {
  grid-template-columns:minmax(170px,1fr) minmax(80px,120px) minmax(145px,220px) auto;
  padding:16px 24px;
  margin:10px 0 0;
  background:#f8fafb;
  border-top:1px solid #e6ebef;
  border-bottom:0;
}
.shop-settings .shop-settings-add-currency .shop-settings-result {grid-column:1/-1;}
@media(max-width:900px){
  .shop-settings .shop-settings-add-currency {grid-template-columns:minmax(125px,1fr) minmax(80px,120px) minmax(145px,1fr);}
  .shop-settings .shop-settings-add-currency button {grid-column:1/-1;justify-self:end;}
}
@media(max-width:600px){
  .shop-settings .shop-settings-add-currency {grid-template-columns:minmax(90px,1fr) minmax(100px,1fr);padding:14px 16px;}
  .shop-settings .shop-settings-add-currency > div:first-child {grid-column:1/-1;}
  .shop-settings .shop-settings-add-currency button {grid-column:1/-1;justify-self:stretch;}
}