/* Verified-account-only editorial controls. The server enforces ownership too. */
#menu .retail-heading-tools{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:flex-end}
#menu #retailEditorOpen[hidden],#retailEditor[hidden]{display:none!important}
#menu #retailEditorOpen{min-height:37px;padding:10px 13px;border:1px solid #c5f9ff;border-radius:5px;background:#d9f7ff;color:#0b397e;font:950 10px/1 system-ui,Arial,sans-serif;letter-spacing:.6px;cursor:pointer;box-shadow:0 3px 14px #062c8070}
#menu #retailEditorOpen:hover{background:#fff}
#menu .retail-card.retail-empty{background:linear-gradient(140deg,#1146a2,#0b2d81)}
#menu .retail-card.retail-empty img{display:none}
#menu .retail-card.retail-empty:after{content:'✦';position:absolute;top:33%;left:50%;transform:translate(-50%,-50%);font-size:clamp(32px,5vw,75px);color:#8ee5ff3f}

#retailEditor{position:fixed;inset:0;z-index:210;display:grid;place-items:center;background:#04122be6;color:#f8fdff;backdrop-filter:blur(9px);font-family:system-ui,Arial,sans-serif}
#retailEditor *{box-sizing:border-box}
#retailEditor .retail-editor-shell{display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:min(1440px,100%);height:min(880px,100dvh);border:1px solid #84c4ff92;background:linear-gradient(165deg,#084ac1,#063899 58%,#05287a);box-shadow:0 0 70px #010b31e0;overflow:hidden}
#retailEditor .retail-editor-header{display:flex;align-items:flex-start;justify-content:space-between;gap:30px;min-width:0;padding:22px clamp(16px,2.2vw,30px);border-bottom:2px solid #5b9df86d;background:radial-gradient(ellipse at 70% 15%,#5f90ff43,transparent 68%),linear-gradient(90deg,#053696,#062774)}
#retailEditor .retail-editor-header small{display:block;color:#bcecff;font-size:10px;font-weight:950;letter-spacing:2px}
#retailEditor .retail-editor-header h2{margin:6px 0 5px;font:italic 1000 clamp(29px,3vw,42px)/1 'Arial Black',Impact,system-ui,sans-serif;letter-spacing:-1px;text-shadow:0 4px 1px #06236d}
#retailEditor .retail-editor-header h2 span{display:inline!important;color:#7debff}
#retailEditor .retail-editor-header p{margin:0;color:#c9e3ff;font-size:11px;line-height:1.6}
#retailEditor #retailEditorClose{flex:none;width:42px;height:42px;border:1px solid #9addff91;border-radius:6px;background:#104dba;color:#e9faff;font-size:22px;cursor:pointer}
#retailEditor .retail-editor-content{display:grid;grid-template-columns:220px minmax(285px,1fr) minmax(245px,340px);gap:0;min-height:0;overflow:hidden}
#retailEditor .retail-editor-column-label{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:15px;padding-bottom:9px;border-bottom:1px solid #78b1ff84;color:#fff;font:italic 950 12px/1.1 system-ui,Arial,sans-serif;letter-spacing:.8px}
#retailEditor .retail-editor-column-label span{font:900 9px system-ui,Arial,sans-serif;color:#a5dfff;letter-spacing:.5px;white-space:nowrap}
#retailEditor .retail-editor-slots{min-height:0;overflow:auto;padding:21px 12px;background:linear-gradient(180deg,#07327d,#052868);border-right:1px solid #8cc2ff67}
#retailEditor #retailEditorSlots{display:grid;gap:7px}
#retailEditor .retail-slot-button{display:flex;align-items:center;gap:9px;width:100%;min-height:61px;padding:8px;border:1px solid #6eb4f057;border-radius:5px;background:#0c4aa6;color:#eaf8ff;text-align:left;cursor:pointer}
#retailEditor .retail-slot-button[aria-pressed=true]{border-color:#c8f8ff;background:#cbefff;color:#0c367f;box-shadow:0 3px 14px #021e6385}
#retailEditor .retail-slot-button img{flex:none;width:45px;height:44px;border-radius:3px;object-fit:cover;background:#1356a0}
#retailEditor .retail-slot-button span{min-width:0;display:grid;gap:4px}
#retailEditor .retail-slot-button small{font-size:8px;font-weight:900;letter-spacing:.7px}
#retailEditor .retail-slot-button strong{font:950 11px/1.1 system-ui,Arial,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#retailEditor .retail-editor-form{display:grid;align-content:start;gap:15px;min-width:0;min-height:0;overflow:auto;padding:22px clamp(16px,2.1vw,28px);background:linear-gradient(180deg,#0750b9,#0746a8)}
#retailEditor .retail-editor-form label{display:grid;align-content:start;gap:7px;min-width:0;color:#e6f6ff;font:950 10px/1.2 system-ui,Arial,sans-serif;letter-spacing:1px}
#retailEditor :is(input[type=text],select){display:block;min-height:44px;width:100%;min-width:0;padding:10px 11px;border:1px solid #8cbfff85;border-radius:5px;background:#082c80;color:#fff;font:800 12px/1.2 system-ui,Arial,sans-serif;letter-spacing:normal}
#retailEditor input::placeholder{color:#93b9ed}
#retailEditor .retail-editor-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#retailEditor .retail-upload-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
#retailEditor .retail-upload-row button{min-height:38px;padding:9px 13px;border:1px solid #7becff;border-radius:5px;background:#d8f7ff;color:#08377f;font-size:10px;font-weight:950;letter-spacing:.5px;cursor:pointer}
#retailEditor .retail-upload-row small{color:#b7d5ff;font-size:9px}
#retailEditor .retail-editor-visible{display:flex!important;align-items:center;flex-wrap:wrap;gap:9px;padding:13px;border:1px solid #79b8ff66;border-radius:5px;background:#08358c}
#retailEditor .retail-editor-visible input{accent-color:#7fe6ff;width:18px;height:18px;margin:0}
#retailEditor .retail-editor-visible span{color:#fff}
#retailEditor .retail-editor-visible small{flex-basis:100%;color:#a7cef9;font-size:9px;font-weight:600;letter-spacing:0}
#retailEditor .retail-editor-preview{min-width:0;min-height:0;overflow:auto;padding:22px clamp(14px,1.6vw,24px);border-left:1px solid #9ac9ff66;background:linear-gradient(170deg,#073c95,#082a76)}
#retailEditor .retail-draft-card{--retail-hue:0deg;position:relative;isolation:isolate;overflow:hidden;width:100%;aspect-ratio:.82;border:1px solid #9befff93;border-radius:5px;background:#078cd7;box-shadow:0 13px 29px #02184f75}
#retailEditor .retail-draft-card:before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,transparent 40%,#071d57e8 100%)}
#retailEditor .retail-draft-card img{width:100%;height:100%;object-fit:cover;filter:hue-rotate(var(--retail-hue)) saturate(1.1)}
#retailEditor .retail-draft-card.retail-empty img{display:none}
#retailEditor .retail-draft-card .retail-card-label{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:15px}
#retailEditor .retail-draft-card .retail-card-label span{display:block;margin-bottom:5px;color:#c9eaff;font-size:9px;font-weight:900;letter-spacing:.9px}
#retailEditor .retail-draft-card .retail-card-label span[hidden]{display:none!important}
#retailEditor .retail-draft-card .retail-card-label strong{display:block;font:italic 1000 clamp(22px,2vw,29px)/1 'Arial Black',Arial,sans-serif}
#retailEditor .retail-draft-card .retail-card-label small{display:inline-block;margin-top:8px;padding:5px 7px;background:#caf4ff;color:#073b8b;font-size:9px;font-weight:1000}
#retailEditor .retail-draft-card .retail-ribbon{position:absolute;z-index:3;top:13px;left:0;padding:7px 14px;background:#b5f8ff;color:#0a327c;font-size:9px;font-weight:1000;letter-spacing:1px}
#retailEditor .retail-editor-preview>p{margin:13px 0 0;color:#a9ccf9;font-size:10px;line-height:1.6}
#retailEditor #retailEditorVersion{font-weight:950;color:#d0eeff;letter-spacing:1px}
#retailEditor .retail-editor-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:80px;padding:12px clamp(16px,2.2vw,30px);border-top:1px solid #8ebfff76;background:#052775}
#retailEditor #retailEditorStatus{max-width:600px;margin:0;color:#bff4ff;font-size:11px;font-weight:800;line-height:1.5}
#retailEditor #retailEditorStatus.error{color:#ffd0d9}
#retailEditor .retail-editor-footer>div{display:flex;gap:10px;flex:none}
#retailEditor .retail-editor-footer button{min-height:44px;padding:12px 16px;border:1px solid #a4dcff9c;border-radius:5px;background:#0f459d;color:#f3fbff;font:950 11px/1.1 system-ui,Arial,sans-serif;letter-spacing:.5px;cursor:pointer}
#retailEditor #retailPublish{border-color:#e6ffff;background:#cef5ff;color:#083477}
#retailEditor #retailPublish:disabled{opacity:.45;cursor:not-allowed}
#retailEditor :is(button,input,select):focus-visible{outline:3px solid #f9ff81;outline-offset:2px}
@media(max-width:960px){#retailEditor .retail-editor-content{grid-template-columns:155px minmax(245px,1fr) minmax(190px,240px)}#retailEditor .retail-editor-slots{padding:15px 7px}#retailEditor .retail-slot-button{padding:5px;gap:5px}#retailEditor .retail-slot-button img{width:35px;height:40px}#retailEditor .retail-editor-form,#retailEditor .retail-editor-preview{padding:15px}#retailEditor .retail-editor-fields{grid-template-columns:1fr}}
@media(max-width:700px){#menu .retail-heading-tools{justify-content:flex-end}#retailEditor .retail-editor-shell{height:100dvh;border:0}#retailEditor .retail-editor-header{padding:14px 15px}#retailEditor .retail-editor-header p{display:none}#retailEditor .retail-editor-content{display:block;overflow-y:auto}#retailEditor .retail-editor-slots{overflow:visible;border:0;padding:12px;background:#07327d}#retailEditor .retail-editor-slots .retail-editor-column-label{margin-bottom:8px}#retailEditor #retailEditorSlots{display:flex;gap:7px;overflow-x:auto;scrollbar-width:thin}#retailEditor .retail-slot-button{flex:0 0 114px;min-height:48px}#retailEditor .retail-slot-button img{width:31px;height:35px}#retailEditor .retail-editor-form{overflow:visible;padding:14px 16px}#retailEditor .retail-editor-fields{grid-template-columns:repeat(2,minmax(0,1fr))}#retailEditor .retail-editor-preview{padding:14px 16px}#retailEditor .retail-draft-card{width:min(240px,80vw);aspect-ratio:1.05}#retailEditor .retail-editor-footer{padding:10px 13px;align-items:stretch;flex-direction:column;gap:8px}#retailEditor .retail-editor-footer>div{width:100%}#retailEditor .retail-editor-footer button{flex:1}}
@media(max-height:550px) and (min-width:701px){#retailEditor .retail-editor-header{padding:8px 16px}#retailEditor .retail-editor-header h2{font-size:24px}#retailEditor .retail-editor-header p{display:none}#retailEditor .retail-editor-footer{min-height:56px}#retailEditor .retail-editor-footer button{min-height:35px;padding:9px}}