.shared-variant-names h3,.shared-variant-items h3{font-size:14px;margin:0 0 12px}.shared-variant-items{min-width:0;border:1px solid #d2e2ec;border-radius:8px;padding:14px}.shared-variant-items header{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.shared-variant-items>input{width:100%;box-sizing:border-box;margin:8px 0}.shared-variant-item-list{max-height:230px;overflow:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.shared-variant-item-list label{display:flex!important;flex-direction:row!important;align-items:center;gap:10px;margin:0;padding:10px;border:1px solid #e1eaf0;border-radius:6px;text-align:left;font-weight:400;min-width:0}.shared-variant-item-list label[hidden]{display:none!important}.shared-variant-item-list label:has(:checked){background:#eff8ff;border-color:#8cc5eb}.shared-variant-item-list input{width:17px!important;height:17px;min-height:17px!important;flex:none;accent-color:#0969b5}.shared-variant-item-list span{min-width:0;overflow-wrap:anywhere}.shared-variant-item-list small{display:block;color:#647d8b;font-size:11px}.shared-variant-prices{min-width:0}.shared-variant-prices summary{cursor:pointer;font-weight:600;font-size:13px}.shared-variant-prices p{font-size:12px;color:#607c8c}.shared-variant-price-table{overflow:auto}.shared-variant-price-table table{width:100%;border-collapse:collapse;min-width:620px;font-size:12px}.shared-variant-price-table td,.shared-variant-price-table th{padding:7px 6px;text-align:left}.shared-variant-price-table input{width:125px!important;min-width:0;padding:8px!important;box-sizing:border-box}.shared-variant-price-table td:first-child{min-width:120px;max-width:220px;overflow-wrap:anywhere}.shared-variant-error{padding:12px;background:#fff1ef;color:#a1392e;border:1px solid #efc2bb;border-radius:7px;font-size:13px}.catalog-shared-variant-note{grid-column:1/-1;font-size:12px;color:#4d7188}.catalog-variant-languages{grid-column:1/-1}.catalog-variant-languages summary{cursor:pointer;font-size:12px}.catalog-variant-language-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:8px 0}.catalog-variant-language-grid label{font-size:12px}.catalog-variant-value-row[data-shared-variant-id] .catalog-variant-name{background:#f1f7fb}
@media(max-width:580px){.shared-variant-item-list,.catalog-variant-language-grid{grid-template-columns:1fr}}
/* MAXSPOS's compact three-field dialog, using the Taro POS palette. */
body.backoffice-mode #modal-root .modal.variant-reference-modal{width:min(594px,calc(100vw - 32px));border-radius:4px;max-height:calc(100dvh - 32px);background:#fff;display:flex;flex-direction:column}
.variant-reference-modal .modal-head{padding:20px 24px;min-height:64px;flex:none;border:0}
body.backoffice-mode #modal-root .variant-reference-modal .modal-head h2{font:600 14px/1.4 var(--sans,Arial,sans-serif);margin:0}
.variant-reference-modal .modal-head .modal-close{background:transparent;color:var(--muted);font-size:22px;width:24px;height:24px}
.variant-reference-modal .modal-body{padding:24px 24px 20px;min-height:0;overflow:auto}
.variant-reference-form{display:flex;flex-direction:column;gap:16px;margin:0}
body.backoffice-mode #modal-root .variant-reference-form :is(input,select){width:100%;min-height:38px!important;height:38px!important;padding:8px 10px;border:1px solid var(--line);border-radius:3px;font-size:14px;font-weight:400;background:#fff;color:var(--ink)}
.variant-reference-form input::placeholder{font-weight:400;color:var(--muted)}
.variant-reference-form select:has(option:checked[value=""]){color:var(--muted)}
.variant-reference-modal .modal-foot{position:static;display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:12px;padding:20px 24px 24px;border:0;background:#fff;flex:none}
body.backoffice-mode #modal-root .variant-reference-modal .modal-foot .button{flex:none;min-height:40px;height:40px;border-radius:4px;font-size:14px;padding:8px 16px}
body.backoffice-mode #modal-root .variant-reference-modal #save-shared-variant{margin-left:auto;width:120px;min-width:120px;background:var(--green-2);color:#fff;box-shadow:0 4px 12px #0969b522}
body.backoffice-mode #modal-root .variant-reference-modal .variant-reference-delete{min-width:40px;width:40px;padding:0;border:1px solid #eea3a3;background:#fff;color:#c33737}
.variant-reference-error{margin:0;padding:10px;border:1px solid #eac0c0;border-radius:4px;background:#fff4f4;color:#a1392e;font-size:13px}
.variant-reference-error[hidden]{display:none}
.variant-reference-modal .variant-reference-delete svg{width:18px!important;height:18px!important;flex:none}body.backoffice-mode #modal-root .variant-reference-modal .modal-close{font-size:22px!important}
@media(max-width:480px){.variant-reference-modal .modal-head{padding:20px}.variant-reference-modal .modal-body{padding:16px 20px}.variant-reference-modal .modal-foot{padding:20px}}