/* Panelario — shared manufacturer form styles (register + profile) */
.form-box{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:28px}
.section-label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--accent-active);font-weight:600;margin-bottom:14px;margin-top:22px}
.section-label:first-child{margin-top:0}
.field{margin-bottom:14px}
/* Field captions only — exclude label-buttons (file-upload labels styled as .btn) */
.field label:not(.btn){display:flex;align-items:center;gap:6px;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);font-weight:600;margin-bottom:4px}
.field input:not([type="checkbox"]):not([type="file"]),.field select,.field textarea{width:100%;background:var(--bg-well);border:1px solid var(--border);border-radius:var(--radius-sm);padding:9px 12px;color:var(--text-secondary);font-size:12px;outline:none;font-family:inherit;height:36px;box-sizing:border-box}
.field input::placeholder,.field textarea::placeholder{color:var(--text-muted);opacity:1}
.field textarea{height:auto}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
input[type="number"]{-moz-appearance:textfield}
/* Number inputs scrub by dragging the cell horizontally (no spinner buttons) */
.num-scrub{cursor:ew-resize}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--border-hover);color:var(--text-secondary)}
.field textarea{resize:vertical;min-height:60px}
.field select{appearance:none;cursor:pointer;line-height:1.2}
.field-row{display:flex;gap:12px;align-items:end}
.field-row .field{flex:1}
/* Custom-entry row — borderless so it doesn't double up the outlined chips above it */
.tag-input{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:0;background:none;border:none;cursor:text}
.tag-input input{flex:1;min-width:120px;background:none;border:none;border-bottom:1px dashed var(--border);color:var(--text-secondary);font-size:12px;outline:none;padding:4px 2px}
.tag-input input:focus{border-bottom-color:var(--border-hover)}
.tag-input input::placeholder{color:var(--text-muted)}
.tag{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:var(--accent-dim);border:1px solid rgba(201,165,90,0.15);border-radius:var(--radius-sm);font-size:10px;color:var(--accent-active)}
.tag button{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:12px;line-height:1;padding:0}
.tag button:hover{color:var(--red)}
.opt-grid{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}
.opt-chip{padding:5px 12px;background:var(--bg-button);border:none;border-radius:var(--radius-sm);font-size:10px;color:var(--text-secondary);cursor:pointer;transition:all .15s;user-select:none}
.opt-chip:hover{background:var(--bg-tertiary);color:var(--text-primary)}
.opt-chip.active{background:var(--accent-dim);color:var(--accent-active)}
.tag-input-sm{margin-top:2px}
.tag-input-sm input::placeholder{font-size:10px}
.checkbox-row{display:flex;align-items:center;gap:8px;margin-bottom:14px;cursor:pointer}
.checkbox-row input[type="checkbox"]{display:none}
.checkbox-row .check-box{width:14px;height:14px;flex-shrink:0;border:1px solid var(--border-hover);border-radius:3px;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;transition:border-color .15s}
.checkbox-row:hover .check-box{border-color:var(--border-hover)}
.checkbox-row .check-box svg{width:10px;height:10px;opacity:0;transition:opacity .15s}
.checkbox-row input[type="checkbox"]:checked+.check-box{border-color:var(--border)}
.checkbox-row input[type="checkbox"]:checked+.check-box svg{opacity:1}
.checkbox-row label{font-size:11px;color:var(--text-secondary);cursor:pointer}
.login-link{margin-top:16px;font-size:11px;color:var(--text-muted);text-align:center}
.hint{font-size:10px;color:var(--text-muted);margin-top:3px}
input[type="number"]{color-scheme:dark}
select{color-scheme:dark}

/* Social media rows */
.social-row{display:flex;gap:8px;align-items:center;margin-bottom:8px}
.soc-dd{position:relative;width:100px;flex-shrink:0}
.soc-dd-btn{display:flex;align-items:center;gap:8px;width:100%;background:var(--bg-button);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 10px;color:var(--text-primary);font-size:12px;font-family:inherit;cursor:pointer;outline:none;box-sizing:border-box}
.soc-dd-btn:hover{border-color:var(--border-hover, #555)}
.soc-dd-btn.open{border-color:var(--border-hover);border-radius:var(--radius-sm) var(--radius-sm) 0 0}
.soc-dd-btn img{width:14px;height:14px;flex-shrink:0;opacity:.7}
.soc-dd-btn span{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.soc-dd-arrow{display:none}
.soc-dd-list{display:none;position:absolute;top:100%;left:0;right:0;background:var(--bg-secondary);border:1px solid var(--border-hover);border-top:none;border-radius:0 0 var(--radius-sm) var(--radius-sm);z-index:90;overflow-y:auto;box-shadow:0 8px 24px rgba(0,0,0,.5)}
.soc-dd-list::-webkit-scrollbar{width:4px}
.soc-dd-list::-webkit-scrollbar-track{background:transparent}
.soc-dd-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}
.soc-dd-list::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}
.soc-dd-list.open{display:block}
.soc-dd-opt{display:flex;align-items:center;gap:8px;padding:8px 10px;font-size:12px;color:var(--text-primary);cursor:pointer;font-family:inherit;transition:background .1s}
.soc-dd-opt:hover{background:rgba(255,255,255,0.07)}
.soc-dd-opt.sel{background:rgba(201,165,90,.15)}
.soc-dd-opt img{width:14px;height:14px;flex-shrink:0;opacity:.7}
.social-row input{flex:1;background:var(--bg-well);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 10px;color:var(--text-primary);font-size:12px;font-family:inherit;outline:none}
.social-row input:focus{border-color:var(--border-hover)}
.social-row .btn-rm{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:14px;padding:4px;line-height:1}
.social-row .btn-rm:hover{color:var(--red)}
.btn-add-social{display:inline-block;background:var(--bg-button);border:none;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:11px;font-weight:500;padding:5px 10px;cursor:pointer;text-align:center;transition:all .15s;font-family:inherit;margin-bottom:8px}
.btn-add-social:hover{background:var(--bg-tertiary);color:var(--text-primary)}

/* Thickness input */
.thick-input-wrap{display:flex;gap:4px;align-items:center;background:var(--bg-well);border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 12px;cursor:text;height:36px;max-height:36px;box-sizing:border-box;transition:border-color .15s;overflow:hidden}
.thick-input-wrap:focus-within{border-color:var(--border-hover)}
.field .thick-input-wrap input[type="text"]{flex:1;min-width:80px;background:transparent;border:none;color:var(--text-primary);font-size:12px;font-family:inherit;outline:none;padding:0;height:auto;width:auto}
.thick-input-wrap .tag{margin:0}
.thick-dropdown{display:none;position:absolute;left:0;right:0;top:100%;z-index:50;max-height:180px;overflow-y:auto;background:var(--bg-secondary);border:0.5px solid var(--border);border-radius:var(--radius-sm);margin-top:2px;padding:3px;box-shadow:0 6px 20px rgba(0,0,0,0.4);scrollbar-color:rgba(255,255,255,0.15) transparent;color-scheme:dark}
.thick-dropdown.open{display:block}
.thick-dropdown .dd-option{padding:5px 10px;font-size:10px;font-weight:500;border-radius:var(--radius-sm);color:var(--text-secondary);background:transparent;cursor:pointer;transition:background .12s,color .12s;white-space:nowrap}
.thick-dropdown .dd-option:hover{background:var(--bg-tertiary);color:var(--text-primary)}
.thick-dropdown .dd-option.active{background:var(--accent-dim);color:var(--accent-active)}

/* Unit switch */
.unit-switch{display:inline-flex;height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;margin-left:auto;flex-shrink:0;box-sizing:border-box}
.unit-switch button{background:var(--bg-secondary);border:none;color:var(--text-muted);font-size:9px;padding:0 7px;cursor:pointer;font-family:inherit;transition:all .12s}
.unit-switch button:not(:last-child){border-right:1px solid var(--border)}
.unit-switch button.active{background:var(--bg-secondary);color:var(--accent-active)}
.unit-switch button:hover:not(.active){color:var(--text-primary)}

/* ── Live map-card preview (sticky side pane) ── */
/* Only the form + preview live in this flex grid — NOT the page header/stats. */
.mfr-edit-grid{display:flex;gap:28px;align-items:flex-start}
.mfr-edit-grid > .form-box{flex:1;min-width:0}
.mfr-preview{width:300px;flex-shrink:0;position:sticky;top:90px}
.mfr-preview-label{font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);font-weight:600;margin-bottom:8px}
/* Card classes mirror manufacturers.css so the preview matches the real map card */
.mfr-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;font-size:12px}
.popup-header{display:flex;align-items:flex-start;gap:10px;margin-bottom:4px}
.popup-logo{width:48px;height:48px;border-radius:50%;object-fit:cover;flex-shrink:0;border:1px solid var(--border)}
.popup-logo.logo-png{border:none;border-radius:0;object-fit:contain;background:transparent}
.popup-header .popup-name{margin-bottom:2px}
.popup-name{font-weight:700;font-size:13px;margin-bottom:4px;color:var(--text-primary)}
.popup-header .popup-type{margin-bottom:0}
.popup-type{font-size:10px;color:var(--accent-active);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}
.popup-info{color:var(--text-secondary);font-size:11px;line-height:1.7}
.popup-radius{display:inline-flex;align-items:center;gap:4px;margin-top:6px;padding:3px 8px;background:var(--accent-dim);border-radius:var(--radius-sm);font-size:10px;color:var(--accent-active)}
.social-links{display:flex;flex-direction:column;gap:3px;margin-top:6px}
.social-link{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:var(--text-secondary)}
.social-link svg{width:14px;height:14px;flex-shrink:0;fill:currentColor}
.social-link.sl-web svg{fill:var(--accent-active)}
.mfr-gallery-strip{display:flex;gap:4px;margin-top:8px;overflow-x:auto;padding-bottom:2px;scrollbar-width:thin}
.mfr-gallery-thumb{width:56px;height:42px;object-fit:cover;border-radius:4px;border:1px solid var(--border);flex-shrink:0}
@media(max-width:1240px){
  .mfr-edit-grid{flex-direction:column;align-items:stretch}
  .mfr-preview{width:100%;position:static;margin-top:8px}
}