/* V2.3 additions — same Light Brown / Gold language as V2.2 */
@media (max-width:820px),(pointer:coarse){html body input,html body select,html body textarea{font-size:16px!important}}   /* phones: stops iPhone zooming into fields; laptop keeps the compact form */
#toast{position:fixed;left:50%;bottom:calc(22px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);background:#3a291d;color:#fff;padding:11px 16px;border-radius:12px;opacity:0;transition:opacity .2s;pointer-events:none;z-index:200;max-width:92%;text-align:center}
#toast.on{opacity:1}
.kv{display:grid;grid-template-columns:150px 1fr;gap:4px 12px;margin:10px 0}.kv span{color:var(--muted)}
.thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;margin:8px 0}
.thumbs a,.thumbs .t{aspect-ratio:1;border-radius:10px;overflow:hidden;background:#eee1d0;display:grid;place-items:center;position:relative;text-decoration:none;color:var(--ink)}
.thumbs img{width:100%;height:100%;object-fit:cover}
.thumbs .t button{position:absolute;top:4px;right:4px;border:0;border-radius:50%;width:26px;height:26px;background:#000a;color:#fff}
.timeline{border-left:2px solid var(--gold);padding-left:12px;margin:8px 0}.timeline div{margin-bottom:8px}
.chips{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0 12px}.chips button{border:1px solid var(--line);background:#fff;border-radius:18px;padding:6px 12px}.chips button.on{background:var(--brown2);color:#fff;border-color:var(--brown2)}
.bigBtn{display:block;width:100%;border:0;border-radius:16px;padding:18px;font-size:20px;font-weight:900;letter-spacing:.5px;color:#fff;background:#1f9d55;margin:8px 0}
.bigBtn.finish{background:#245b9c}.bigBtn.light{background:#f1e6d8;color:var(--brown)}
.bar{height:8px;border-radius:6px;background:#eadfce;overflow:hidden}.bar i{display:block;height:100%;background:var(--gold)}
.rec{display:flex;align-items:center;gap:10px}.dot{width:12px;height:12px;border-radius:50%;background:#d0362a;animation:blink 1s infinite}@keyframes blink{50%{opacity:.25}}
.rowBtns{display:flex;gap:6px;flex-wrap:wrap}
.btn.sm{padding:6px 10px;font-size:13px}.btn.green{background:#1f9d55;color:#fff}.btn.red{background:#a3341f;color:#fff}
tr.click{cursor:pointer}tr.click:hover td{background:#fbf3e8}
.fieldRow{display:grid;grid-template-columns:1fr 120px auto auto auto auto;gap:6px;align-items:center;margin-bottom:6px}
.fieldRow input,.fieldRow select{margin:0}
@media(max-width:760px){.kv{grid-template-columns:1fr}.fieldRow{grid-template-columns:1fr 1fr}}

/* V2.12 PHONE PORTALS — approved JEWEL SOUK mobile look */
.mobilePortalFrame{max-width:520px;margin:0 auto;padding:0 0 88px}
.mobileWelcome{background:#fffdf9;border-bottom:1px solid #e8d8c4;box-shadow:0 3px 18px rgba(59,36,16,.08);padding:16px 14px 12px;margin:-10px -10px 12px;position:relative}
.mobileWelcomeTop{display:flex;align-items:center;gap:10px}
.mobileAvatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#d99b3b,#f4c978);color:#5b351b;font-weight:900;font-size:14px;box-shadow:inset 0 0 0 1px #fff8}
.mobileWelcomeTop small{font-size:9px;color:#9b8168;font-weight:800;letter-spacing:.08em}.mobileWelcomeTop h2{margin:1px 0;font-size:15px;color:#3c2617}.mobileWelcomeTop span{font-size:10px;color:#92785f}.miniTopAction{margin-left:auto;border:0;background:#f3e5d2;color:#5b351b;border-radius:9px;padding:10px 12px;font-weight:800;font-size:10px}
.mobileBrandLine{display:flex;align-items:center;gap:8px;margin-top:13px;padding-top:10px;border-top:1px solid #eee0cf}.mobileBrandLine img{width:39px;height:39px;object-fit:contain}.mobileBrandLine b{display:block;font-family:Georgia,serif;font-size:18px;color:#4a2a15;letter-spacing:.02em}.mobileBrandLine small{display:block;font-size:7px;letter-spacing:.18em;color:#775439;font-weight:900}.mobileBrandLine em{display:block;font-style:normal;font-size:7px;color:#9a7d62;margin-top:2px}
.mobileSection{background:#fffdf9;border:1px solid #eadcca;border-radius:14px;padding:12px;margin-bottom:10px;box-shadow:0 5px 16px rgba(59,36,16,.05)}.mobileSection.full{margin-top:8px}.mobileSectionHead{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px}.mobileSectionHead h3{margin:0;color:#4b2c17;font-size:15px}.mobileSectionHead span{display:block;color:#9a8067;font-size:9px;margin-top:2px}.textLink,.iconRefresh{border:0;background:none;color:#8b5b2c;font-size:10px;font-weight:900}.iconRefresh{font-size:18px}.mobileOrderList{display:grid;gap:8px}.mobileOrderCard{background:#fff;border:1px solid #eadcca;border-radius:12px;padding:7px;box-shadow:0 4px 12px rgba(59,36,16,.06);cursor:pointer}.mobileOrderBody{display:flex;gap:8px;align-items:center}.portalCardPhoto{width:94px;height:82px;flex:0 0 94px;border-radius:9px;overflow:hidden;background:#f0e3d2;display:grid;place-items:center;position:relative}.portalCardPhoto img{width:100%;height:100%;object-fit:cover}.portalCardPhoto.noPhoto img{width:42px;height:42px;object-fit:contain;opacity:.65}.portalCardPhoto.noPhoto span{position:absolute;bottom:4px;font-size:7px;color:#8f7359}.portalCardPhoto .thumbs{width:100%;height:100%}.mobileOrderInfo{min-width:0;flex:1}.mobileOrderTop{display:flex;align-items:center;justify-content:space-between;gap:5px}.mobileOrderTop small{font-size:8px;color:#987e65;font-weight:900}.mobileOrderInfo h3{margin:4px 0 3px;font-size:12px;color:#3c2617;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobileOrderInfo p{margin:0;color:#806a55;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobileMeta{display:flex;gap:9px;flex-wrap:wrap;margin-top:7px;color:#8f735a;font-size:8px}.mobileChevron{font-size:22px;color:#8c6948;padding:0 2px}.mobileContact{background:#f7ecdd;border:1px solid #ead9c1;border-radius:12px;margin-bottom:10px}.mobileContact a{display:flex;align-items:center;gap:10px;padding:11px;text-decoration:none;color:#4b2c17}.mobileContact a>span{font-size:19px}.mobileContact b{display:block;font-size:11px}.mobileContact small{display:block;color:#8d745c;font-size:8px;margin-top:2px}.mobileContact a> :last-child{margin-left:auto;font-size:20px}.mobileEmpty{padding:22px;text-align:center;color:#9a8067;font-size:11px;background:#fbf5ec;border-radius:10px}
.mobileBottomNav{position:fixed;z-index:30;left:50%;bottom:0;transform:translateX(-50%);width:min(520px,100%);height:68px;background:rgba(255,253,249,.97);backdrop-filter:blur(12px);border-top:1px solid #e7d8c6;display:grid;grid-template-columns:repeat(5,1fr);box-shadow:0 -5px 20px rgba(59,36,16,.09);padding-bottom:env(safe-area-inset-bottom)}.mobileBottomNav button{border:0;background:none;color:#9a8068;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:18px}.mobileBottomNav button small{font-size:7px;font-weight:900}.mobileBottomNav button.on{color:#7a461e}.mobileBottomNav button.on span{background:#f0dfc8;border-radius:12px;padding:1px 9px}.jobTabs{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:0 0 9px}.jobTabs button{border:1px solid #eadcca;background:#fffdf9;border-radius:9px;padding:7px 3px;color:#8f765e}.jobTabs button b{display:block;font-size:9px}.jobTabs button small{display:block;font-size:8px;margin-top:2px}.jobTabs button.on{background:#6f431f;color:#fff;border-color:#6f431f}.jobTabs button.on small{color:#f4e5cf}.jobAccept{width:100%;border:0;background:#8b511f;color:#fff;border-radius:8px;padding:9px;font-size:10px;font-weight:900;margin-top:7px}.priorityText{font-weight:900;color:#a65f1e}
.status{font-size:7px!important;padding:3px 6px!important;border-radius:8px!important;white-space:nowrap}
@media(max-width:560px){.portalHeader{display:none}.portalMain{max-width:520px;padding:10px}.mobilePortalFrame{padding-bottom:78px}.mobileWelcome{margin:-10px -10px 10px}.mobileOrderCard{padding:6px}.portalCardPhoto{width:88px;height:76px;flex-basis:88px}.mobileOrderInfo h3{font-size:11px}.mobileBrandLine b{font-size:17px}.jobTabs button b{font-size:8px}}

/* V2.22.6 New Order polish */
.orderBuilder .formgrid input,
.orderBuilder .formgrid select,
.orderBuilder .formgrid textarea,
.orderBuilder .itemFields input,
.orderBuilder .itemFields select,
.orderBuilder .itemFields textarea,
.orderBuilder .btn,
.orderBuilder .whatsappPasteBox,
.orderBuilder .voiceRecorder {
  border-radius: 10px;
}
.orderBuilder .whatsappPasteBox {
  padding: 9px 10px;
  background: #fffaf4;
  border: 1px solid var(--line);
}
.orderBuilder .whatsappPasteBox textarea { margin-top: 4px; resize: vertical; }
.orderBuilder .whatsappPasteBox small { display:block; margin-top:4px; color:var(--muted); font-size:9px; }
.orderBuilder .customerPicker select,
.orderBuilder .categoryPicker select { width:100%; }
.orderBuilder .priorityInline select { width:100%; }
.orderBuilder .voiceRecorder {
  display:flex; align-items:center; gap:8px; flex-wrap:wrap;
  min-height:38px; padding:5px 7px; background:#fffaf4; border:1px solid var(--line);
}
.orderBuilder .voiceRecorder audio { border-radius:10px; }
.orderBuilder .itemFields .btn { box-shadow:none; }
.orderBuilder .btn.light { border-radius:10px; }

/* =====================================================================
   V2.22.8 — ONE ALIGNMENT SYSTEM FOR EVERY FORM
   Same label height, same box height, same column grid everywhere.
   (Added last on purpose: it overrides the older per-version rules.)
   ===================================================================== */
:root{ --js-field-h:42px; --js-label-h:18px; --js-gap:12px; --js-radius:10px; }

/* grids: columns are equal and line up between sections of the same form */
.formgrid, .compactForm, .itemFields, .wholesaleFields{
  display:grid !important;
  grid-template-columns:repeat(auto-fill, minmax(170px, 1fr)) !important;
  column-gap:var(--js-gap) !important; row-gap:14px !important;
  align-items:start !important;
}
.formgrid > *, .compactForm > *, .itemFields > *, .wholesaleFields > *{ min-width:0; margin:0 !important; display:flex; flex-direction:column; }
.formgrid > .full, .compactForm > .full, .itemFields > .full, .wholesaleFields > .full{ grid-column:1 / -1 !important; }
.itemFields > .half, .formgrid > .half{ grid-column:span 2; }
.itemFields .weightRangeWrap{ grid-column:auto !important; }
.hidden, .itemFields > .hidden, .formgrid > .hidden{ display:none !important; }

/* labels: one line, same height, same style */
.formgrid > * > label, .compactForm > * > label, .itemFields > * > label, .wholesaleFields > * > label{
  display:block !important; height:var(--js-label-h) !important; min-height:0 !important; line-height:var(--js-label-h) !important;
  margin:0 0 6px !important; padding:0 !important;
  font-size:11.5px !important; font-weight:700 !important; letter-spacing:.2px; color:#6f5a45 !important;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}

/* boxes: identical height, padding, border and corners */
.formgrid input:not([type=checkbox]):not([type=radio]):not([type=file]), .formgrid select,
.compactForm input:not([type=checkbox]):not([type=radio]):not([type=file]), .compactForm select,
.itemFields input:not([type=checkbox]):not([type=radio]):not([type=file]), .itemFields select,
.wholesaleFields input:not([type=checkbox]):not([type=radio]):not([type=file]), .wholesaleFields select{
  box-sizing:border-box !important; width:100% !important; height:var(--js-field-h) !important; min-height:var(--js-field-h) !important;
  margin:0 !important; padding:0 12px !important; line-height:normal !important;
  border:1px solid #decdb8 !important; border-radius:var(--js-radius) !important; background-color:#fff !important;
  font-size:14px !important; font-weight:500 !important; color:#2f2117 !important;
}
.formgrid select, .compactForm select, .itemFields select, .wholesaleFields select{ padding-right:30px !important; }
.formgrid input[type=file], .compactForm input[type=file], .itemFields input[type=file], .wholesaleFields input[type=file]{
  box-sizing:border-box; width:100%; height:var(--js-field-h); margin:0 !important; padding:8px 10px !important;
  border:1px dashed #d6c2a6; border-radius:var(--js-radius); background:#fffaf2; font-size:13px;
}
.formgrid textarea, .compactForm textarea, .itemFields textarea, .wholesaleFields textarea{
  box-sizing:border-box !important; width:100% !important; min-height:84px !important; height:auto; margin:0 !important;
  padding:10px 12px !important; border:1px solid #decdb8 !important; border-radius:var(--js-radius) !important;
  font-size:14px !important; resize:vertical; background:#fff !important;
}
.formgrid input:focus, .formgrid select:focus, .formgrid textarea:focus,
.itemFields input:focus, .itemFields select:focus, .itemFields textarea:focus,
.compactForm input:focus, .compactForm select:focus, .compactForm textarea:focus{
  outline:none !important; border-color:#b8864e !important; box-shadow:0 0 0 3px rgba(184,134,78,.18) !important;
}
::placeholder{ color:#b3a28f !important; opacity:1; }

/* weight range: two boxes + "to", same height as every other box */
.rangeInputs{ display:grid !important; grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr) !important; gap:6px !important; align-items:center !important; }
.rangeInputs span{ text-align:center; color:#8a7868; font-size:12px; }

/* voice recorder sits in a box of exactly the same height */
.voiceRecorder{ box-sizing:border-box; display:flex !important; align-items:center; gap:10px; height:var(--js-field-h); min-height:var(--js-field-h);
  padding:0 8px; border:1px dashed #d6c2a6; border-radius:var(--js-radius); background:#fffaf2; overflow:hidden; }
.voiceRecorder .btn{ height:30px !important; padding:0 12px !important; margin:0 !important; white-space:nowrap; }
.voiceRecorder audio{ height:30px; max-width:100%; }
.voiceRecorder .small, .voiceHint{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

/* photo + voice: two equal halves on one line, aligned with the full-width boxes */
.itemFields > .mediaRow{ display:grid !important; grid-template-columns:1fr 1fr; column-gap:var(--js-gap); }
.mediaRow > .mediaCell{ display:flex; flex-direction:column; min-width:0; }
.mediaRow > .mediaCell > label{ display:block; height:var(--js-label-h); line-height:var(--js-label-h); margin:0 0 6px; font-size:11.5px; font-weight:700; color:#6f5a45; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
@media (max-width:640px){ .itemFields > .mediaRow{ grid-template-columns:1fr; row-gap:14px; } }

/* item card + notes: consistent spacing */
.itemRow{ padding:14px !important; border-radius:14px !important; margin-bottom:12px !important; }
.remarksBottom{ margin-top:2px !important; }
.modalfooter, .actions{ display:flex; gap:10px; align-items:center; flex-wrap:wrap; }
.modalfooter{ justify-content:flex-end; margin-top:14px; }

/* settings panels: checkbox rows aligned */
.settingRow{ display:flex !important; align-items:center; gap:8px; min-height:34px; margin:0 !important; }
.settingRow input[type=checkbox]{ width:18px !important; height:18px !important; margin:0 !important; }

/* tables: same row height, columns aligned top */
.table th, .table td{ vertical-align:middle; }
.table td input[type=checkbox]{ width:18px; height:18px; }

/* phones: two columns, then one; photo / voice take full width */
@media (max-width:640px){
  .formgrid, .compactForm, .itemFields, .wholesaleFields{ grid-template-columns:repeat(2, minmax(0,1fr)) !important; }
  .itemFields > .half, .formgrid > .half{ grid-column:1 / -1; }
}
@media (max-width:400px){
  .formgrid, .compactForm, .itemFields, .wholesaleFields{ grid-template-columns:1fr !important; }
}
@media (max-width:820px), (pointer:coarse){
  .formgrid input:not([type=checkbox]):not([type=radio]):not([type=file]), .formgrid select, .formgrid textarea,
  .compactForm input:not([type=checkbox]):not([type=radio]):not([type=file]), .compactForm select, .compactForm textarea,
  .itemFields input:not([type=checkbox]):not([type=radio]):not([type=file]), .itemFields select, .itemFields textarea{ font-size:16px !important; }
}
/* V2.29 portal test controls */
.portalCardPhoto.hasPhoto img,.orderPhotoGallery img{width:100%;height:100%;object-fit:cover;border-radius:12px}.orderPhotoGallery{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:10px 0}.orderPhotoGallery img{height:150px}.orderDelete{margin:6px 12px 10px auto;display:block;border:0;border-radius:8px;padding:6px 10px;background:#f4e4df;color:#8b2e22;font-size:12px}.thumbs .t img{width:70px;height:70px;object-fit:cover;border-radius:8px}
.orderChat{display:flex;flex-direction:column;gap:10px}.orderChatMessages{max-height:52vh;overflow:auto;padding:8px;background:#faf7f2;border-radius:14px;border:1px solid #e7dccb}.chatMsg{max-width:82%;padding:8px 10px;border-radius:13px;margin:6px 0}.chatMsg.mine{margin-left:auto;background:#ead9bb}.chatMsg.theirs{margin-right:auto;background:#fff;border:1px solid #eadfce}.chatWho{font-size:11px;font-weight:800;margin-bottom:4px}.chatWho small{font-weight:500;color:#8a8176}.chatText{white-space:pre-wrap;font-size:14px}.chatAttachment audio{width:100%;max-width:260px}.chatComposer textarea{width:100%;box-sizing:border-box}.chatActions{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}
/* V2.41.9 — highly visible per-user language selector */
.topActions{display:flex;align-items:center;gap:7px;min-width:0}
.languagePicker{display:inline-flex!important;align-items:center;justify-content:center;gap:5px;margin:0!important;padding:3px 5px;border:1px solid #d9c3a7;border-radius:10px;background:#fffaf4;color:#6f4b2c;font-size:10px;font-weight:850;white-space:nowrap;box-shadow:0 2px 7px rgba(76,48,25,.08);height:34px;box-sizing:border-box}
.languagePicker .languageIcon{display:inline!important;font-size:13px;line-height:1}
.languagePicker [data-lang-label]{display:inline!important;font-size:9px;font-weight:850}
.languagePicker select{border:0;background:transparent;color:#5d3a20;border-radius:6px;padding:3px 18px 3px 4px;font-size:10px;font-weight:850;cursor:pointer;outline:none;min-width:82px;height:27px}
.portalHeader .portalUserWrap{display:flex;align-items:center;gap:8px;min-width:0}
.portalHeader .languagePicker{height:34px}
.portalHeader .languagePicker select{min-width:82px}
#previewLanguageSlot{margin-left:auto;display:flex;align-items:center}
@media(max-width:720px){.topActions .languagePicker{height:34px}.topActions .languagePicker [data-lang-label]{display:none!important}.topActions .languagePicker select{min-width:78px}.portalHeader .languagePicker [data-lang-label]{display:none!important}.portalHeader .languagePicker select{min-width:78px}}
@media(max-width:420px){.languagePicker{padding:2px 4px}.languagePicker select{min-width:70px;font-size:9px}.topActions{gap:4px}}

/* V2.41.3 — Retail / Wholesale single-window tabs */
.orderTypeTabs{display:flex;gap:5px;align-items:center;margin:8px 0 9px;padding:3px;border:1px solid var(--line);background:#fbf5ec;border-radius:10px;width:max-content;max-width:100%;box-sizing:border-box}
.orderTypeTabs button{border:1px solid transparent;background:transparent;color:#8f765e;border-radius:8px;padding:7px 14px;font-size:10px;font-weight:900;letter-spacing:.35px;cursor:pointer;white-space:nowrap}
.orderTypeTabs button span{display:inline-block;min-width:18px;margin-left:5px;padding:2px 5px;border-radius:10px;background:#eadcca;color:#7b6046;font-size:8px}
.orderTypeTabs button.on{background:#6f431f;color:#fff;border-color:#6f431f;box-shadow:0 3px 8px rgba(90,53,28,.12)}
.orderTypeTabs button.on span{background:rgba(255,255,255,.18);color:#fff}
.adminOrderTypeTabs{width:min(360px,100%);margin:8px auto 10px;justify-content:center}
.portalOrderTypeTabs{width:min(360px,100%);display:grid;grid-template-columns:1fr 1fr;margin:8px auto 10px}
.portalOrderTypeTabs button{width:100%;padding:9px 10px}
@media(max-width:560px){.orderTypeTabs button{padding:8px 10px;font-size:9px}.portalOrderTypeTabs{margin-top:7px}.portalOrderTypeTabs button{padding:8px 6px}}

/* V2.41.4 — instant Retail / Wholesale switching */
.orderTypeTabs button{transition:none !important;-webkit-tap-highlight-color:transparent}
.orderTypeTabs button:active{transform:none}

/* V2.41.6 — compact top-centered type switch + clearly visible per-user language */
.latestOrdersHead{position:relative;min-height:34px;align-items:center}.latestOrdersHead .adminOrderTypeTabs{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;z-index:1}.latestOrdersHead .adminOrderTypeTabs button{padding:6px 12px;font-size:9px}.languagePicker{margin-right:6px;padding:2px 0}.languagePicker span{display:inline!important;font-size:9px}.languagePicker select{min-width:86px;height:32px;padding:5px 8px;font-size:10px}.portalHeader .languagePicker select{height:32px;min-width:88px}.topActions .languagePicker{display:inline-flex!important}
@media(max-width:720px){.latestOrdersHead .adminOrderTypeTabs{position:static;transform:none;order:2;margin:0 auto}.latestOrdersHead{flex-wrap:wrap}.latestOrdersHead>div:first-child{order:1}.latestOrdersHead>#dashViewAll{order:3}.languagePicker span{display:none!important}.languagePicker select{min-width:74px}}
/* Extra-small active-order cards: maximize the number visible at once. */
.modernLatestFull .activeOrderGrid{grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}.modernLatestFull .activeOrderPhoto{height:68px}.modernLatestFull .activeOrderBody{padding:5px 6px 6px}.modernLatestFull .activeOrderBody h3{font-size:8.5px;line-height:1.15;margin:2px 0 3px}.modernLatestFull .activeOrderNo{font-size:6px}.modernLatestFull .activeOrderMeta{font-size:6px;gap:3px}.modernLatestFull .activeOrderMeta+ .activeOrderMeta{margin-top:2px}.modernLatestFull .activeBadge{right:3px;top:3px;padding:2px 4px;font-size:5.5px}.modernLatestFull .activeOrderNoPhoto img{width:34px;height:34px}.modernLatestFull .activeOrderNoPhoto span{font-size:4.5px;bottom:3px}
@media(max-width:1250px){.modernLatestFull .activeOrderGrid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1000px){.modernLatestFull .activeOrderGrid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:720px){.modernLatestFull .activeOrderGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.modernLatestFull .activeOrderPhoto{height:64px}}
@media(max-width:480px){.modernLatestFull .activeOrderGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* V2.41.7 — choose Retail / Wholesale before opening the order form */
.orderTypeChooser{padding:8px 4px 4px}.orderTypeChooserHead{display:flex;flex-direction:column;gap:4px;text-align:center;margin-bottom:16px}.orderTypeChooserHead b{font-size:18px}.orderTypeChooserHead span{font-size:12px;color:var(--muted)}.orderTypeChooserGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.orderTypeChoice{border:1px solid #d8c7b6;border-radius:14px;padding:20px 12px;background:#fffaf4;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:110px;font:inherit}.orderTypeChoice strong{font-size:15px;letter-spacing:.3px}.orderTypeChoice small{font-size:11px;color:var(--muted)}.orderTypeChoice.wholesale{background:#f8eadf}.orderTypeChoice.retail{background:#fffaf4}.orderTypeChoice:hover{transform:translateY(-1px);box-shadow:0 5px 14px rgba(90,60,35,.10)}.selectedOrderType{min-height:42px;border:1px solid #d8c7b6;border-radius:10px;background:#fbf5ee;padding:8px 10px;display:flex;align-items:center;justify-content:space-between;gap:10px}.selectedOrderType b{font-size:13px}.selectedOrderType span{font-size:10px;color:var(--muted)}
@media(max-width:600px){.orderTypeChooserGrid{grid-template-columns:1fr}.orderTypeChoice{min-height:90px}.selectedOrderType{align-items:flex-start;flex-direction:column;gap:2px}}

/* V2.41.9 preview header language control */
.previewBar{display:flex;align-items:center;gap:7px;flex-wrap:nowrap}.previewBar .previewBtn{flex:0 0 auto}


/* V2.41.10 Polish Portal carrier-wise order view + visible mobile language selector */


/* V2.41.12 — global language control; independent of portal/header layout */
#jsGlobalLanguage{position:fixed!important;top:10px!important;right:12px!important;z-index:2147483647!important;display:flex!important;align-items:center;pointer-events:auto!important;isolation:isolate}
#jsGlobalLanguage .languagePicker{display:inline-flex!important;visibility:visible!important;opacity:1!important;height:38px!important;min-height:38px!important;margin:0!important;padding:3px 7px!important;background:#fffaf4!important;border:1px solid #c9aa7a!important;border-radius:11px!important;box-shadow:0 4px 16px rgba(59,36,16,.22)!important;color:#5d3a20!important}
#jsGlobalLanguage .languagePicker .languageIcon{display:inline!important;font-size:14px!important}
#jsGlobalLanguage .languagePicker [data-lang-label]{display:inline!important;font-size:10px!important;font-weight:900!important}
#jsGlobalLanguage .languagePicker select{display:inline-block!important;visibility:visible!important;opacity:1!important;min-width:92px!important;height:30px!important;padding:4px 20px 4px 5px!important;border:0!important;background:#fffaf4!important;color:#5d3a20!important;font-size:11px!important;font-weight:900!important}
@media(max-width:720px){#jsGlobalLanguage{top:7px!important;right:8px!important}#jsGlobalLanguage .languagePicker{height:34px!important;min-height:34px!important;padding:2px 5px!important}#jsGlobalLanguage .languagePicker [data-lang-label]{display:none!important}#jsGlobalLanguage .languagePicker select{min-width:78px!important;height:28px!important;font-size:10px!important}}

/* V2.41.14 — one compact global language control; header copies are hidden so they cannot cover dashboard actions. */
.portalHeader .languagePicker,
.topActions .languagePicker,
#adminLanguageSlot .languagePicker,
#customerLanguageSlot .languagePicker,
#karigarLanguageSlot .languagePicker,
#polishLanguageSlot .languagePicker,
#previewLanguageSlot .languagePicker,
#polishDesktopLanguage .languagePicker,
#polishMobileLanguage .languagePicker{display:none!important}
#jsGlobalLanguage{top:10px!important;right:150px!important;width:max-content!important;max-width:calc(100vw - 180px)!important}
#jsGlobalLanguage .languagePicker{width:235px!important;max-width:calc(100vw - 180px)!important;box-sizing:border-box!important}
#jsGlobalLanguage .languagePicker select{min-width:145px!important;flex:1 1 auto!important}
@media(max-width:720px){#jsGlobalLanguage{top:7px!important;right:8px!important;max-width:calc(100vw - 16px)!important}#jsGlobalLanguage .languagePicker{width:auto!important;max-width:calc(100vw - 16px)!important}#jsGlobalLanguage .languagePicker select{min-width:100px!important}}


/* V2.41.16 — tiny globe-only language control; dropdown opens only on click. */
#jsGlobalLanguage{position:fixed!important;top:9px!important;right:10px!important;z-index:2147483647!important;display:flex!important;align-items:flex-start!important;width:36px!important;height:36px!important;max-width:none!important;pointer-events:auto!important;}
#jsGlobalLanguage .languagePicker{position:relative!important;display:block!important;width:36px!important;height:36px!important;min-width:36px!important;max-width:36px!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;}
#jsGlobalLanguage .languageGlobeBtn{width:36px!important;height:36px!important;padding:0!important;border:1px solid #c9aa7a!important;border-radius:50%!important;background:#fffaf4!important;color:#6f4b2c!important;box-shadow:0 2px 8px rgba(59,36,16,.16)!important;font-size:17px!important;line-height:34px!important;text-align:center!important;cursor:pointer!important;}
#jsGlobalLanguage .languageGlobeBtn:hover{background:#fff!important;transform:translateY(-1px);}
#jsGlobalLanguage .languageMenu{position:absolute!important;top:42px!important;right:0!important;width:132px!important;padding:5px!important;background:#fffaf4!important;border:1px solid #c9aa7a!important;border-radius:10px!important;box-shadow:0 8px 24px rgba(59,36,16,.22)!important;z-index:2147483647!important;}
#jsGlobalLanguage .languageMenu[hidden]{display:none!important;}
#jsGlobalLanguage .languageMenuItem{display:block!important;width:100%!important;padding:9px 10px!important;margin:1px 0!important;border:0!important;border-radius:7px!important;background:transparent!important;color:#5d3a20!important;font-size:12px!important;font-weight:800!important;text-align:left!important;cursor:pointer!important;}
#jsGlobalLanguage .languageMenuItem:hover{background:#ead8bf!important;}
#jsGlobalLanguage .languageMenuItem[lang="ur"]{text-align:right!important;}
/* Never allow legacy full-width language controls to occupy header space. */
#jsGlobalLanguage .languagePicker [data-lang-label],#jsGlobalLanguage .languagePicker select{display:none!important;}
@media(max-width:720px){#jsGlobalLanguage{top:7px!important;right:8px!important;width:34px!important;height:34px!important;}#jsGlobalLanguage .languagePicker,#jsGlobalLanguage .languageGlobeBtn{width:34px!important;min-width:34px!important;height:34px!important;}#jsGlobalLanguage .languageGlobeBtn{font-size:16px!important;line-height:32px!important;}#jsGlobalLanguage .languageMenu{top:39px!important;width:126px!important;}}


/* V2.41.19 globe position: keep the globe in the action row, between Refresh and the user avatar. */
#jsGlobalLanguage{position:static!important;top:auto!important;right:auto!important;width:36px!important;height:36px!important;max-width:none!important;z-index:20!important;display:inline-flex!important;align-items:center!important;margin:0 4px!important;pointer-events:auto!important;isolation:auto!important;}
#jsGlobalLanguage .languagePicker{position:relative!important;width:36px!important;height:36px!important;min-width:36px!important;max-width:36px!important;margin:0!important;padding:0!important;}
#jsGlobalLanguage .languageGlobeBtn{width:36px!important;height:36px!important;font-size:17px!important;line-height:34px!important;}
#jsGlobalLanguage .languageMenu{top:40px!important;right:0!important;}
@media(max-width:720px){#jsGlobalLanguage{width:34px!important;height:34px!important;margin:0 3px!important;}#jsGlobalLanguage .languagePicker,#jsGlobalLanguage .languageGlobeBtn{width:34px!important;height:34px!important;min-width:34px!important;}#jsGlobalLanguage .languageGlobeBtn{font-size:16px!important;line-height:32px!important;}#jsGlobalLanguage .languageMenu{top:38px!important;}}

/* V2.41.20 — global globe can live inside portal headers or preview bar without being hidden by legacy selector rules. */
#jsGlobalLanguage .languagePicker{display:block!important;visibility:visible!important;opacity:1!important;}
.portalHeader #jsGlobalLanguage{position:static!important;display:inline-flex!important;flex:0 0 auto!important;width:36px!important;height:36px!important;margin:0!important;}
.previewBar #jsGlobalLanguage{position:static!important;display:inline-flex!important;flex:0 0 auto!important;width:36px!important;height:36px!important;margin:0 2px!important;}
@media(max-width:720px){.portalHeader #jsGlobalLanguage,.previewBar #jsGlobalLanguage{width:34px!important;height:34px!important;margin:0 2px!important;}.portalHeader #jsGlobalLanguage .languagePicker,.previewBar #jsGlobalLanguage .languagePicker{width:34px!important;height:34px!important;min-width:34px!important;}}
/* V2.41.21 — editable regional size chart */
.sizeChartRow input{min-width:0;width:100%;box-sizing:border-box}
.sizeChartRow label{display:block;margin-bottom:4px}
@media(max-width:700px){.sizeChartRow{grid-template-columns:1fr!important}.sizeChartRow .btn{width:100%}}