/* 60% fondo suave, 30% superficies, 10% acentos de marca. */
.panel-main { --commerce-ink:var(--nl-text); --commerce-muted:var(--nl-muted); }
.panel-main .form-row { min-width:0; }
.panel-main .form-row>label { display:block; margin-bottom:8px; color:var(--commerce-ink); font-weight:700; }
.panel-main .form-row>small { display:block; margin-top:8px; line-height:1.6; color:var(--commerce-muted); }
.panel-main :is(input,select,textarea):focus-visible,
.panel-main :is(a,button):focus-visible { outline:3px solid #1b63bb; outline-offset:3px; }
.panel-main .btn { min-height:44px; white-space:normal; text-align:center; }
.panel-main input[type=checkbox] { min-width:22px; min-height:22px; accent-color:#173b60; }
.commerce-social { display:flex; flex-wrap:wrap; gap:8px; margin:10px 0; color:var(--nl-muted); font-size:.875rem; }
.commerce-social span { padding:5px 9px; border-radius:8px; background:var(--nl-surface-2); }
.commerce-old-price { display:block; color:var(--nl-muted); font-size:.875rem; margin:4px 0; }
.commerce-guide { padding:18px; border:1px solid #d9e2eb;  border-radius:14px; background:var(--nl-surface-2); color:var(--nl-text); line-height:1.6; }
@media(max-width:640px){
  .panel-main .form-grid { grid-template-columns:minmax(0,1fr)!important; }
  .panel-main .panel-header { align-items:flex-start; gap:14px; flex-wrap:wrap; }
  .panel-main .form-row>small { font-size:.875rem; }
}
@media(prefers-reduced-motion:reduce){
  .panel-main *, .panel-main *::before, .panel-main *::after { scroll-behavior:auto!important; transition:none!important; animation:none!important; }
}