/* CONNECT Comercial próprio — painel adicional, preserva logo/carrossel/estilos aprovados. */
.commerce-head{background:linear-gradient(122deg,#092753,#0a4b8a);border-radius:18px}
.commerce-head h1,.commerce-head p,.commerce-head .eyebrow{color:#fff}
.commerce-status{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0 24px}
.commerce-status article{min-width:0;border:1px solid #d9e5f2;border-radius:15px;background:#f6faff;padding:18px;display:grid;gap:9px}
.commerce-status strong{font-size:15px;line-height:1.45;color:#0b345c;overflow-wrap:anywhere}
.commerce-status small{font-size:12px;letter-spacing:.035em;color:#446b8c;font-weight:700}
.commerce-table-wrap{max-width:100%;overflow-x:auto;scrollbar-gutter:stable}
.commerce-table{width:100%;border-collapse:collapse;min-width:735px}
.commerce-table th,.commerce-table td{text-align:left;padding:13px 10px;border-bottom:1px solid #dfebf5;vertical-align:top}
.commerce-table th{color:#27547a;font-size:12px}
.commerce-table td{font-size:13px;color:#163c5c}
.commerce-pill{display:inline-flex;align-items:center;padding:7px 10px;border-radius:30px;background:#e9f5ff;color:#07539b;font-weight:700;line-height:1.35;white-space:normal}
.commerce-alert{padding:14px;border:1px solid #b5dbf8;border-radius:12px;background:#e7f6ff;color:#09477f;margin:14px 0}
.commerce-empty{padding:18px;border-radius:12px;background:#f5f9fe;color:#315c7b}
.commerce-admin form{display:grid;gap:14px;max-width:600px}
.commerce-admin select{min-height:47px;width:100%;padding:10px 12px;border:1px solid #b5d3e9;border-radius:9px;background:white;font-size:16px}
.commerce-admin button{min-height:46px}
.commerce-table-wrap:focus-visible,.commerce-admin :focus-visible{outline:3px solid #0696de;outline-offset:3px}
@media(max-width:940px){.commerce-status{grid-template-columns:repeat(2,minmax(0,1fr))}.commerce-head{padding:24px}}
@media(max-width:420px){.commerce-status{grid-template-columns:minmax(0,1fr)}.commerce-status article{padding:14px}.commerce-head{padding:18px}.commerce-table th,.commerce-table td{padding:11px 8px}}
@media(min-width:1920px){.commerce-status{max-width:1600px;gap:18px}.commerce-status article{padding:24px}}
@media(prefers-reduced-motion:reduce){.commerce-status *{transition:none!important}}
@media(forced-colors:active){.commerce-status article,.commerce-pill,.commerce-admin select{border:1px solid CanvasText}.commerce-admin :focus-visible{outline:3px solid Highlight}}