/* ===== Sistema Negocio 3D — Styles ===== */
:root {
  --sn-blue:   #0984E3;
  --sn-black:  #1E272E;
  --sn-cyan:   #00CEC9;
  --sn-white:  #F5F6FA;
  --sn-green:  #00CEC9;
  --sn-red:    #0984E3;
  --sn-amber:  #00CEC9;
  --sn-purple: #0984E3;
  --sn-bg:     #1E272E;
  --sn-card:   #F5F6FA;
  --sn-border: rgba(245,246,250,.18);
  --sn-text:   #1E272E;
  --sn-muted:  rgba(30,39,46,.68);
  --sn-radius: 10px;
  --sn-shadow: 0 14px 34px rgba(0,0,0,.18), 0 1px 0 rgba(245,246,250,.05);
}

.sn-wrap { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; color: var(--sn-white); background: var(--sn-bg); min-height: 60vh; padding: 1rem; }

/* NAV */
.sn-nav { display: flex; flex-wrap: wrap; gap: .5rem; margin-bottom: 1.5rem; background: rgba(245,246,250,.08); padding: .75rem; border: 1px solid rgba(245,246,250,.12); border-radius: var(--sn-radius); box-shadow: var(--sn-shadow); }
.sn-nav-btn { padding: .5rem 1rem; border: none; border-radius: 6px; cursor: pointer; background: transparent; font-size: .9rem; color: rgba(245,246,250,.74); transition: all .15s; }
.sn-nav-btn:hover { background: rgba(245,246,250,.12); color: var(--sn-white); }
.sn-nav-btn.active { background: var(--sn-blue); color: var(--sn-white); }

/* PANELS */
.sn-panel { display: none; }
.sn-panel.active { display: block; }
.sn-panel h2 { font-size: 1.4rem; margin: 0 0 1rem; color: var(--sn-white); }
.sn-panel > h3 { color: var(--sn-white); }
.sn-panel > hr { border: 0; border-top: 1px solid rgba(245,246,250,.14); margin: 1.25rem 0; }
.sn-panel > .sn-filter-bar label, .sn-panel > .sn-sort-bar span { color: rgba(245,246,250,.76) !important; }

/* INNER TABS */
.sn-tabs-inner { display: flex; gap: .5rem; margin-bottom: 1rem; border-bottom: 2px solid rgba(245,246,250,.16); }
.sn-tab-btn { padding: .5rem 1.25rem; border: none; background: none; cursor: pointer; font-size: .9rem; color: rgba(245,246,250,.72); border-bottom: 2px solid transparent; margin-bottom: -2px; }
.sn-tab-btn.active { color: var(--sn-cyan); border-bottom-color: var(--sn-cyan); }
.sn-inner { display: none; }
.sn-inner.active { display: block; }

/* FORMS */
.sn-form { background: var(--sn-card); color: var(--sn-text); border-radius: var(--sn-radius); padding: 1.25rem; box-shadow: var(--sn-shadow); margin-bottom: 1.5rem; }
.sn-row { display: flex; flex-wrap: wrap; gap: 1rem; margin-bottom: 1rem; }
.sn-row label { display: flex; flex-direction: column; gap: .3rem; font-size: .85rem; font-weight: 600; color: var(--sn-muted); flex: 1; min-width: 160px; }
.sn-row input, .sn-row select, .sn-row textarea { padding: .5rem .75rem; border: 1px solid rgba(30,39,46,.18); border-radius: 6px; font-size: .95rem; color: var(--sn-black); background: var(--sn-white); width: 100%; box-sizing: border-box; transition: border-color .15s; }
.sn-row input:focus, .sn-row select:focus, .sn-row textarea:focus { outline: none; border-color: var(--sn-cyan); box-shadow: 0 0 0 3px rgba(0,206,201,.18); }
.sn-row-checks { align-items: center; }
.sn-check { flex-direction: row !important; align-items: center; gap: .5rem !important; font-weight: 500 !important; color: var(--sn-text) !important; cursor: pointer; min-width: auto !important; flex: none !important; }
.sn-check input[type=checkbox] { width: auto !important; }

/* BUTTONS */
.sn-btn { padding: .55rem 1.25rem; border: none; border-radius: 6px; cursor: pointer; font-size: .9rem; font-weight: 600; transition: all .15s; }
.sn-btn-primary { background: var(--sn-blue); color: var(--sn-white); }
.sn-btn-primary:hover { background: var(--sn-blue); }
.sn-btn-secondary { background: rgba(245,246,250,.16); color: var(--sn-white); border: 1px solid rgba(245,246,250,.18); }
.sn-card .sn-btn-secondary, .sn-form .sn-btn-secondary, .sn-table-wrap .sn-btn-secondary, .sn-modal-box .sn-btn-secondary { background: var(--sn-black); color: var(--sn-white); }
.sn-btn-success { background: var(--sn-cyan); color: var(--sn-black); }
.sn-btn-danger  { background: var(--sn-blue); color: var(--sn-white); }
.sn-btn-amber   { background: var(--sn-cyan); color: var(--sn-black); }
.sn-btn-sm { padding: .3rem .75rem; font-size: .8rem; }

/* CARDS (dashboard summary) */
.sn-cards { display: flex; flex-wrap: wrap; gap: 1rem; margin-bottom: 1.5rem; }
.sn-card { flex: 1; min-width: 180px; background: var(--sn-card); color: var(--sn-text); border-radius: var(--sn-radius); padding: 1.25rem 1.5rem; box-shadow: var(--sn-shadow); display: flex; flex-direction: column; gap: .3rem; border-top: 4px solid rgba(30,39,46,.16); }
.sn-card-green  { border-top-color: var(--sn-green); }
.sn-card-red    { border-top-color: var(--sn-red); }
.sn-card-blue   { border-top-color: var(--sn-blue); }
.sn-card-amber  { border-top-color: var(--sn-amber); }
.sn-card-purple { border-top-color: var(--sn-purple); }
.sn-card-cyan   { border-top-color: var(--sn-cyan); }
.sn-card-label  { font-size: .8rem; color: var(--sn-muted); font-weight: 600; text-transform: uppercase; letter-spacing: .05em; }
.sn-card-val    { font-size: 1.6rem; font-weight: 700; }

/* CHART */
.sn-chart-wrap { background: rgba(245,246,250,.08); border: 1px solid rgba(245,246,250,.12); border-radius: var(--sn-radius); padding: 1.25rem; box-shadow: var(--sn-shadow); }

/* TABLES */
.sn-table-wrap { background: var(--sn-card); color: var(--sn-text); border-radius: var(--sn-radius); padding: 1rem; box-shadow: var(--sn-shadow); overflow-x: auto; }
.sn-table { width: 100%; border-collapse: collapse; font-size: .87rem; }
.sn-table th { background: var(--sn-black); padding: .65rem .75rem; text-align: left; font-weight: 700; font-size: .78rem; text-transform: uppercase; letter-spacing: .04em; color: var(--sn-white); border-bottom: 2px solid var(--sn-cyan); }
.sn-table td { padding: .6rem .75rem; border-bottom: 1px solid rgba(30,39,46,.12); vertical-align: middle; }
.sn-table tr:last-child td { border-bottom: none; }
.sn-table tr:hover td { background: rgba(9,132,227,.08); }
.sn-badge { display: inline-block; padding: .2rem .6rem; border-radius: 99px; font-size: .75rem; font-weight: 700; }
.sn-badge-green  { background: rgba(0,206,201,.18); color: var(--sn-black); }
.sn-badge-red    { background: rgba(9,132,227,.16); color: var(--sn-black); }
.sn-badge-blue   { background: rgba(9,132,227,.16); color: var(--sn-black); }
.sn-badge-amber  { background: rgba(0,206,201,.18); color: var(--sn-black); }
.sn-badge-purple { background: rgba(9,132,227,.16); color: var(--sn-black); }

/* FILTER BAR */
.sn-filter-bar { display: flex; flex-wrap: wrap; gap: .75rem; margin-bottom: 1rem; align-items: flex-end; }
.sn-filter-bar select { padding: .45rem .75rem; border: 1px solid rgba(30,39,46,.18); border-radius: 6px; font-size: .88rem; background: var(--sn-white); color: var(--sn-black); }
.sn-dash-filters { display: flex; flex-wrap: wrap; gap: .75rem; margin-bottom: 1rem; align-items: flex-end; }
.sn-dash-filters select { padding: .45rem .75rem; border: 1px solid rgba(245,246,250,.18); border-radius: 6px; font-size: .88rem; background: var(--sn-white); color: var(--sn-black); }

/* ORDER CARDS */
.sn-order-card { background: var(--sn-card); border-radius: var(--sn-radius); padding: 1.25rem; margin-bottom: 1rem; box-shadow: var(--sn-shadow); border-left: 4px solid var(--sn-blue); }
.sn-order-card.status-por_enviar { border-left-color: var(--sn-amber); }
.sn-order-card.status-finalizado  { border-left-color: var(--sn-green); }
.sn-order-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: .75rem; flex-wrap: wrap; gap: .5rem; }
.sn-order-title  { font-weight: 700; font-size: 1.05rem; }
.sn-order-num    { color: var(--sn-muted); font-size: .85rem; }
.sn-order-body   { display: flex; flex-wrap: wrap; gap: 1.5rem; margin-bottom: .75rem; font-size: .88rem; }
.sn-order-field  { display: flex; flex-direction: column; gap: .15rem; }
.sn-order-field span:first-child { font-size: .72rem; text-transform: uppercase; letter-spacing: .05em; color: var(--sn-muted); font-weight: 600; }
.sn-order-field span:last-child  { font-weight: 600; }
.sn-order-actions { display: flex; flex-wrap: wrap; gap: .5rem; }
.sn-shipping-info { margin-top: .75rem; padding: .75rem; background: rgba(9,132,227,.08); border-radius: 6px; font-size: .85rem; }
.sn-shipping-info strong { display: block; margin-bottom: .3rem; font-size: .78rem; text-transform: uppercase; letter-spacing: .04em; color: var(--sn-muted); }

/* NOTICE */
.sn-notice { padding: .6rem 1rem; border-radius: 6px; font-size: .88rem; margin: 0; }
.sn-notice-warning { background: rgba(9,132,227,.12); color: var(--sn-black); border: 1px solid rgba(9,132,227,.28); }
.sn-notice-success { background: rgba(0,206,201,.14); color: var(--sn-black); border: 1px solid rgba(0,206,201,.32); }

/* MODAL */
.sn-modal { position: fixed; inset: 0; z-index: 99999; display: flex; align-items: center; justify-content: center; }
.sn-modal-bg { position: absolute; inset: 0; background: rgba(0,0,0,.5); }
.sn-modal-box { position: relative; background: var(--sn-card); color: var(--sn-text); border-radius: var(--sn-radius); padding: 2rem; max-width: 560px; width: 90%; box-shadow: 0 20px 60px rgba(0,0,0,.3); max-height: 90vh; overflow-y: auto; }
.sn-modal-box h3 { margin: 0 0 1rem; font-size: 1.2rem; }
.sn-modal-btns { display: flex; gap: .75rem; margin-top: 1.25rem; }

/* TOAST */
#sn-toast { position: fixed; bottom: 1.5rem; right: 1.5rem; background: var(--sn-black); color: var(--sn-white); padding: .85rem 1.5rem; border: 1px solid rgba(245,246,250,.16); border-radius: var(--sn-radius); font-size: .9rem; z-index: 999999; box-shadow: 0 4px 20px rgba(0,0,0,.3); animation: sn-fadein .25s; }
#sn-toast.success { background: var(--sn-cyan); color: var(--sn-black); }
#sn-toast.error   { background: var(--sn-blue); color: var(--sn-white); }
@keyframes sn-fadein { from { opacity:0; transform:translateY(10px); } to { opacity:1; transform:translateY(0); } }

/* SORT BAR */
.sn-sort-bar { display: flex; align-items: center; gap: .5rem; margin-bottom: 1rem; flex-wrap: wrap; }
.sn-sort-bar span { font-size: .85rem; color: var(--sn-muted); font-weight: 600; }
.sn-sort-btn.active { background: var(--sn-blue); color: var(--sn-white); }

/* RESPONSIVE */
@media (max-width: 640px) {
  .sn-row { flex-direction: column; }
  .sn-cards { flex-direction: column; }
  .sn-nav { gap: .25rem; }
  .sn-nav-btn { padding: .4rem .7rem; font-size: .82rem; }
}

/* AMOUNT COLORS */
.sn-pos { color: var(--sn-cyan); font-weight: 700; }
.sn-neg { color: var(--sn-blue); font-weight: 700; }

/* VENDOR PANEL EMBEDDED INSIDE ADMIN */
.sn-panel > .sn-vendedor-embed { padding: 0; background: transparent; min-height: 0; box-shadow: none; }
.sn-panel > .sn-vendedor-embed > .sn-nav { margin-top: .25rem; }

/* VER DIRECCIÓN MODAL */
.sn-dir-view { display: flex; flex-direction: column; gap: .6rem; margin-top: .5rem; }
.sn-dir-row { display: flex; justify-content: space-between; align-items: baseline; padding: .45rem .6rem; border-radius: 6px; background: rgba(9,132,227,.08); font-size: .9rem; }
.sn-dir-row span:first-child { font-size: .75rem; text-transform: uppercase; letter-spacing: .04em; color: var(--sn-muted); font-weight: 600; flex-shrink: 0; margin-right: 1rem; }

/* COMISIONES */
.sn-row-paid td { opacity: .45; }
.sn-com-pct { width: 64px; padding: .2rem .4rem; border: 1px solid rgba(30,39,46,.18); border-radius: 4px; font-size: .82rem; text-align: center; background: var(--sn-white); }
.sn-com-pct:focus { outline: none; border-color: var(--sn-cyan); box-shadow: 0 0 0 2px rgba(0,206,201,.18); }

/* COMISIONES — large checkbox */
.sn-com-pagada { width: 22px; height: 22px; cursor: pointer; accent-color: var(--sn-cyan); vertical-align: middle; }

/* PAGINATION */
.sn-pagination { display: flex; flex-direction: column; align-items: center; gap: .5rem; padding: .85rem 0 .25rem; }
.sn-pag-btns { display: flex; gap: .3rem; flex-wrap: wrap; justify-content: center; }
.sn-pag-info { font-size: .78rem; color: var(--sn-muted); }
.sn-pag-ellipsis { display: inline-flex; align-items: center; padding: 0 .3rem; color: var(--sn-muted); font-size: .88rem; }

/* COTIZADOR */
.sn-section-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; }
.sn-section-head h3 { margin: 0 0 .25rem; font-size: 1.05rem; }
.sn-section-head p { margin: 0; color: var(--sn-muted); font-size: .88rem; }
.sn-quote-settings { margin-bottom: 1.5rem; }
.sn-quote-price-table input { width: 100%; padding: .4rem .5rem; border: 1px solid var(--sn-border); border-radius: 6px; box-sizing: border-box; }
.sn-quote-price-table .sn-quote-product-name { font-weight: 700; margin-bottom: .35rem; }
.sn-quote-price-table .sn-quote-product-hint { font-size: .8rem; color: var(--sn-muted); }
.sn-quote { display: flex; flex-direction: column; gap: 1rem; }
.sn-quote-hero { background: linear-gradient(135deg, var(--sn-black), var(--sn-blue)); color: var(--sn-white); border-radius: var(--sn-radius); padding: 1.5rem; box-shadow: var(--sn-shadow); border: 1px solid rgba(245,246,250,.14); }
.sn-quote-kicker { display: block; font-size: .75rem; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; opacity: .75; margin-bottom: .25rem; }
.sn-quote-hero h3 { margin: 0; font-size: 1.45rem; }
.sn-quote-hero p { margin: .35rem 0 0; color: rgba(245,246,250,.78); font-size: .92rem; }
.sn-quote-label { display: flex; align-items: center; gap: .75rem; color: var(--sn-cyan); font-size: .78rem; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; margin-top: .25rem; }
.sn-quote-label:after { content: ""; flex: 1; height: 1px; background: var(--sn-border); }
.sn-quote-products { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: .75rem; }
.sn-quote-product { background: var(--sn-card); border: 1px solid var(--sn-border); border-radius: var(--sn-radius); padding: .9rem; box-shadow: var(--sn-shadow); transition: border-color .15s, background .15s; }
.sn-quote-product.selected { border-color: var(--sn-cyan); background: rgba(0,206,201,.12); }
.sn-quote-product-head { width: 100%; display: flex; align-items: flex-start; justify-content: space-between; gap: .75rem; padding: 0; border: 0; background: transparent; color: var(--sn-text); cursor: pointer; text-align: left; }
.sn-quote-product-head strong { display: block; font-size: .96rem; }
.sn-quote-product-head small { display: block; margin-top: .2rem; color: var(--sn-muted); font-size: .8rem; line-height: 1.35; }
.sn-quote-check { width: 22px; height: 22px; border-radius: 50%; border: 2px solid var(--sn-border); color: transparent; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; font-size: .75rem; }
.sn-quote-product.selected .sn-quote-check { background: var(--sn-cyan); border-color: var(--sn-cyan); color: var(--sn-black); }
.sn-quote-qty-row { display: none; align-items: center; gap: .6rem; border-top: 1px solid rgba(0,206,201,.22); margin-top: .75rem; padding-top: .75rem; }
.sn-quote-product.selected .sn-quote-qty-row { display: flex; }
.sn-quote-qty-row label, .sn-quote-qty-row small { color: var(--sn-muted); font-size: .8rem; font-weight: 700; }
.sn-quote-qty-row input { width: 96px; padding: .42rem .55rem; border: 1px solid rgba(30,39,46,.18); border-radius: 6px; background: var(--sn-white); text-align: center; }
.sn-quote-adjustments { margin-bottom: 0; }
.sn-quote-discount-grid { display: grid; grid-template-columns: 1fr 1fr; gap: .5rem; }
.sn-quote-extras { display: flex; flex-direction: column; gap: .65rem; }
.sn-quote-extra-card { display: grid; grid-template-columns: minmax(180px, 1fr) 130px 150px auto; gap: .75rem; align-items: end; background: rgba(0,206,201,.12); border: 1px solid rgba(0,206,201,.32); border-radius: var(--sn-radius); padding: .9rem; }
.sn-quote-extra-card label { display: flex; flex-direction: column; gap: .3rem; color: var(--sn-black); font-size: .78rem; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; }
.sn-quote-extra-card input { padding: .45rem .6rem; border: 1px solid rgba(0,206,201,.48); border-radius: 6px; background: var(--sn-white); color: var(--sn-text); font-size: .9rem; }
.sn-quote-table td:nth-child(2), .sn-quote-table td:nth-child(3), .sn-quote-table td:nth-child(4),
.sn-quote-table th:nth-child(2), .sn-quote-table th:nth-child(3), .sn-quote-table th:nth-child(4) { text-align: right; }
.sn-quote-extra-row td { background: rgba(0,206,201,.10); color: var(--sn-black); }
.sn-quote-discount-row td { background: rgba(9,132,227,.08); color: var(--sn-black); font-weight: 700; }
.sn-quote-total-row td { background: rgba(0,206,201,.12); color: var(--sn-black); font-size: .95rem; font-weight: 800; }
.sn-quote-formal { border-top: 1px solid var(--sn-border); padding-top: 1rem; margin-top: .5rem; }
.sn-quote-paper { background: var(--sn-white); color: var(--sn-black); border: 1px solid rgba(30,39,46,.14); border-radius: 12px; padding: 2rem; margin-bottom: 1rem; box-shadow: 0 10px 30px rgba(0,0,0,.22); }
.sn-quote-paper-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; border-bottom: 3px solid var(--sn-cyan); padding-bottom: 1rem; margin-bottom: 1.25rem; }
.sn-quote-paper-head h2 { margin: 0; color: var(--sn-black); }
.sn-quote-paper-head h2 span { color: var(--sn-blue); }
.sn-quote-paper-head p, .sn-quote-meta p { margin: .25rem 0 0; color: var(--sn-muted); font-size: .86rem; }
.sn-quote-meta { text-align: right; }
.sn-quote-num { display: inline-block; background: var(--sn-blue); color: var(--sn-white); border-radius: 6px; padding: .25rem .65rem; font-size: .75rem; letter-spacing: .06em; }
.sn-quote-notes-block { margin: 1rem 0; background: rgba(9,132,227,.08); border-radius: 8px; padding: .85rem 1rem; }
.sn-quote-notes-block h4 { margin: 0 0 .4rem; font-size: .78rem; color: var(--sn-blue); text-transform: uppercase; letter-spacing: .08em; }
.sn-quote-notes-block p { margin: 0; color: var(--sn-text); line-height: 1.55; }
.sn-quote-terms { margin-top: 1rem; background: rgba(30,39,46,.08); border-radius: 8px; padding: .85rem 1rem; }
.sn-quote-terms p { margin: .25rem 0; color: var(--sn-muted); font-size: .82rem; }
.sn-quote-paper-foot { display: flex; justify-content: space-between; gap: 1rem; border-top: 1px solid var(--sn-border); padding-top: 1rem; margin-top: 1rem; color: var(--sn-muted); font-size: .82rem; }
.sn-quote-paper-foot strong { color: var(--sn-text); }

@media (max-width: 760px) {
  .sn-section-head, .sn-quote-paper-head, .sn-quote-paper-foot { flex-direction: column; }
  .sn-quote-meta { text-align: left; }
  .sn-quote-products { grid-template-columns: 1fr; }
  .sn-quote-extra-card { grid-template-columns: 1fr; }
}

/* ADMIN DASHBOARD PALETTE OVERRIDE */
#sn-admin,
#sn-admin .sn-panel[data-panel="dashboard"] {
  background: var(--sn-black) !important;
  color: var(--sn-white) !important;
}

#sn-admin .sn-panel[data-panel="dashboard"] h2 {
  color: var(--sn-white) !important;
}

#sn-admin .sn-panel[data-panel="dashboard"] .sn-dash-filters {
  background: rgba(245,246,250,.08) !important;
  border: 1px solid rgba(245,246,250,.14) !important;
  border-radius: var(--sn-radius) !important;
  padding: .85rem !important;
}

#sn-admin .sn-panel[data-panel="dashboard"] .sn-dash-filters select {
  background: var(--sn-white) !important;
  color: var(--sn-black) !important;
  border-color: rgba(245,246,250,.22) !important;
}

#sn-admin .sn-panel[data-panel="dashboard"] .sn-card {
  background: var(--sn-white) !important;
  color: var(--sn-black) !important;
  border-top-width: 5px !important;
  box-shadow: 0 18px 38px rgba(0,0,0,.26) !important;
}

#sn-admin .sn-panel[data-panel="dashboard"] .sn-card-green,
#sn-admin .sn-panel[data-panel="dashboard"] .sn-card-cyan {
  border-top-color: var(--sn-cyan) !important;
}

#sn-admin .sn-panel[data-panel="dashboard"] .sn-card-red,
#sn-admin .sn-panel[data-panel="dashboard"] .sn-card-blue {
  border-top-color: var(--sn-blue) !important;
}

#sn-admin .sn-panel[data-panel="dashboard"] .sn-card-label {
  color: rgba(30,39,46,.68) !important;
}

#sn-admin .sn-panel[data-panel="dashboard"] .sn-chart-wrap {
  background: rgba(245,246,250,.08) !important;
  border: 1px solid rgba(0,206,201,.32) !important;
  box-shadow: 0 18px 38px rgba(0,0,0,.26) !important;
}

#sn-admin .sn-panel[data-panel="dashboard"] .sn-pos {
  color: var(--sn-black) !important;
}

#sn-admin .sn-panel[data-panel="dashboard"] .sn-neg {
  color: var(--sn-black) !important;
}

/* COTIZADOR STRICT PALETTE OVERRIDE */
#sn-admin .sn-quote,
#sn-vendedor .sn-quote,
#sn-admin .sn-quote *,
#sn-vendedor .sn-quote * {
  border-color: rgba(30,39,46,.18) !important;
  box-shadow: none;
}

#sn-admin .sn-panel[data-panel="cotizador"],
#sn-vendedor .sn-panel[data-panel="cotizador-vendedor"] {
  background: var(--sn-black) !important;
  color: var(--sn-white) !important;
}

#sn-admin .sn-panel[data-panel="cotizador"] h2,
#sn-vendedor .sn-panel[data-panel="cotizador-vendedor"] h2 {
  color: var(--sn-white) !important;
}

#sn-admin .sn-quote .sn-quote-hero,
#sn-vendedor .sn-quote .sn-quote-hero {
  background: linear-gradient(135deg, var(--sn-black), var(--sn-blue)) !important;
  border: 1px solid rgba(0,206,201,.36) !important;
  color: var(--sn-white) !important;
  box-shadow: 0 18px 38px rgba(0,0,0,.26) !important;
}

#sn-admin .sn-quote .sn-quote-hero h3,
#sn-admin .sn-quote .sn-quote-hero p,
#sn-admin .sn-quote .sn-quote-kicker,
#sn-vendedor .sn-quote .sn-quote-hero h3,
#sn-vendedor .sn-quote .sn-quote-hero p,
#sn-vendedor .sn-quote .sn-quote-kicker {
  color: var(--sn-white) !important;
}

#sn-admin .sn-quote .sn-quote-label,
#sn-vendedor .sn-quote .sn-quote-label {
  color: var(--sn-cyan) !important;
}

#sn-admin .sn-quote .sn-quote-label:after,
#sn-vendedor .sn-quote .sn-quote-label:after {
  background: rgba(245,246,250,.18) !important;
}

#sn-admin .sn-quote .sn-quote-product,
#sn-vendedor .sn-quote .sn-quote-product,
#sn-admin .sn-quote .sn-form,
#sn-vendedor .sn-quote .sn-form,
#sn-admin .sn-quote .sn-table-wrap,
#sn-vendedor .sn-quote .sn-table-wrap,
#sn-admin .sn-quote-settings .sn-table-wrap {
  background: var(--sn-white) !important;
  color: var(--sn-black) !important;
  border: 1px solid rgba(30,39,46,.16) !important;
  box-shadow: 0 18px 38px rgba(0,0,0,.20) !important;
}

#sn-admin .sn-quote .sn-quote-product.selected,
#sn-vendedor .sn-quote .sn-quote-product.selected {
  background: rgba(0,206,201,.12) !important;
  border-color: var(--sn-cyan) !important;
}

#sn-admin .sn-quote .sn-quote-product-head,
#sn-vendedor .sn-quote .sn-quote-product-head {
  background: transparent !important;
  border: 0 !important;
  color: var(--sn-black) !important;
}

#sn-admin .sn-quote .sn-quote-product-head strong,
#sn-vendedor .sn-quote .sn-quote-product-head strong,
#sn-admin .sn-quote .sn-quote-product-name,
#sn-vendedor .sn-quote .sn-quote-product-name {
  color: var(--sn-black) !important;
}

#sn-admin .sn-quote .sn-quote-product-head small,
#sn-vendedor .sn-quote .sn-quote-product-head small,
#sn-admin .sn-quote .sn-row label,
#sn-vendedor .sn-quote .sn-row label,
#sn-admin .sn-quote .sn-quote-qty-row label,
#sn-admin .sn-quote .sn-quote-qty-row small,
#sn-vendedor .sn-quote .sn-quote-qty-row label,
#sn-vendedor .sn-quote .sn-quote-qty-row small {
  color: rgba(30,39,46,.68) !important;
}

#sn-admin .sn-quote .sn-quote-check,
#sn-vendedor .sn-quote .sn-quote-check {
  border-color: rgba(30,39,46,.18) !important;
  background: var(--sn-white) !important;
  color: transparent !important;
}

#sn-admin .sn-quote .sn-quote-product.selected .sn-quote-check,
#sn-vendedor .sn-quote .sn-quote-product.selected .sn-quote-check {
  background: var(--sn-cyan) !important;
  border-color: var(--sn-cyan) !important;
  color: var(--sn-black) !important;
}

#sn-admin .sn-quote input,
#sn-admin .sn-quote select,
#sn-admin .sn-quote textarea,
#sn-vendedor .sn-quote input,
#sn-vendedor .sn-quote select,
#sn-vendedor .sn-quote textarea,
#sn-admin .sn-quote-settings input {
  background: var(--sn-white) !important;
  color: var(--sn-black) !important;
  border: 1px solid rgba(30,39,46,.22) !important;
  box-shadow: none !important;
}

#sn-admin .sn-quote input:focus,
#sn-admin .sn-quote select:focus,
#sn-admin .sn-quote textarea:focus,
#sn-vendedor .sn-quote input:focus,
#sn-vendedor .sn-quote select:focus,
#sn-vendedor .sn-quote textarea:focus,
#sn-admin .sn-quote-settings input:focus {
  border-color: var(--sn-cyan) !important;
  box-shadow: 0 0 0 3px rgba(0,206,201,.18) !important;
}

#sn-admin .sn-quote .sn-btn,
#sn-vendedor .sn-quote .sn-btn,
#sn-admin .sn-quote-settings .sn-btn {
  border: 1px solid rgba(0,206,201,.42) !important;
}

#sn-admin .sn-quote .sn-btn-primary,
#sn-vendedor .sn-quote .sn-btn-primary,
#sn-admin .sn-quote-settings .sn-btn-primary {
  background: var(--sn-blue) !important;
  color: var(--sn-white) !important;
}

#sn-admin .sn-quote .sn-btn-secondary,
#sn-vendedor .sn-quote .sn-btn-secondary,
#sn-admin .sn-quote .sn-quote-add-extra,
#sn-vendedor .sn-quote .sn-quote-add-extra {
  background: var(--sn-black) !important;
  color: var(--sn-white) !important;
}

#sn-admin .sn-quote .sn-table th,
#sn-vendedor .sn-quote .sn-table th,
#sn-admin .sn-quote-settings .sn-table th {
  background: var(--sn-black) !important;
  color: var(--sn-white) !important;
  border-bottom-color: var(--sn-cyan) !important;
}

#sn-admin .sn-quote .sn-table td,
#sn-vendedor .sn-quote .sn-table td,
#sn-admin .sn-quote-settings .sn-table td {
  color: var(--sn-black) !important;
  border-bottom-color: rgba(30,39,46,.12) !important;
}

#sn-admin .sn-quote .sn-quote-extra-row td,
#sn-vendedor .sn-quote .sn-quote-extra-row td,
#sn-admin .sn-quote .sn-quote-total-row td,
#sn-vendedor .sn-quote .sn-quote-total-row td {
  background: rgba(0,206,201,.12) !important;
  color: var(--sn-black) !important;
}

#sn-admin .sn-quote .sn-quote-discount-row td,
#sn-vendedor .sn-quote .sn-quote-discount-row td {
  background: rgba(9,132,227,.10) !important;
  color: var(--sn-black) !important;
}

#sn-admin .sn-quote .sn-quote-extra-card,
#sn-vendedor .sn-quote .sn-quote-extra-card {
  background: rgba(0,206,201,.12) !important;
  border-color: rgba(0,206,201,.38) !important;
}

#sn-admin .sn-quote .sn-quote-extra-card label,
#sn-vendedor .sn-quote .sn-quote-extra-card label {
  color: var(--sn-black) !important;
}

#sn-admin .sn-quote .sn-quote-paper,
#sn-vendedor .sn-quote .sn-quote-paper {
  background: var(--sn-white) !important;
  color: var(--sn-black) !important;
  border-color: rgba(30,39,46,.16) !important;
}

#sn-admin .sn-quote .sn-quote-paper-head,
#sn-vendedor .sn-quote .sn-quote-paper-head {
  border-bottom-color: var(--sn-cyan) !important;
}

#sn-admin .sn-quote .sn-quote-paper-head h2,
#sn-vendedor .sn-quote .sn-quote-paper-head h2 {
  color: var(--sn-black) !important;
}

#sn-admin .sn-quote .sn-quote-paper-head h2 span,
#sn-vendedor .sn-quote .sn-quote-paper-head h2 span,
#sn-admin .sn-quote .sn-quote-notes-block h4,
#sn-vendedor .sn-quote .sn-quote-notes-block h4 {
  color: var(--sn-blue) !important;
}

#sn-admin .sn-quote .sn-quote-num,
#sn-vendedor .sn-quote .sn-quote-num {
  background: var(--sn-blue) !important;
  color: var(--sn-white) !important;
}

/* HIGH-CONTRAST TECH THEME - Elementor/WordPress force layer */
body .elementor-widget-container .sn-wrap,
body .elementor-shortcode .sn-wrap,
body .entry-content .sn-wrap,
body .wp-block-post-content .sn-wrap,
body #sn-admin.sn-wrap,
body #sn-vendedor.sn-wrap,
body .sn-wrap {
  --sn-blue: #0984E3 !important;
  --sn-black: #1E272E !important;
  --sn-cyan: #00CEC9 !important;
  --sn-white: #F5F6FA !important;
  --sn-card: #F5F6FA !important;
  --sn-bg: #1E272E !important;
  --sn-text: #1E272E !important;
  --sn-muted: rgba(30,39,46,.68) !important;
  --sn-border: rgba(245,246,250,.14) !important;
  --sn-radius: 24px !important;
  background:
    radial-gradient(circle at 18% 8%, rgba(0,206,201,.18), transparent 28%),
    radial-gradient(circle at 88% 18%, rgba(9,132,227,.16), transparent 32%),
    var(--sn-black) !important;
  color: var(--sn-white) !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
  max-width: 1280px !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 30px !important;
  border: 1px solid rgba(245,246,250,.10) !important;
  border-radius: 30px !important;
  box-shadow: 0 28px 70px rgba(0,0,0,.30) !important;
  box-sizing: border-box !important;
  isolation: isolate !important;
}

body .sn-wrap,
body .sn-wrap * {
  box-sizing: border-box !important;
  letter-spacing: 0 !important;
}

body .sn-wrap a,
body .sn-wrap button,
body .sn-wrap input,
body .sn-wrap select,
body .sn-wrap textarea,
body .sn-wrap table,
body .sn-wrap th,
body .sn-wrap td,
body .sn-wrap p,
body .sn-wrap h1,
body .sn-wrap h2,
body .sn-wrap h3,
body .sn-wrap h4,
body .sn-wrap span,
body .sn-wrap label {
  font-family: inherit !important;
}

body .sn-wrap .sn-nav {
  display: flex !important;
  gap: 10px !important;
  margin: 0 0 26px !important;
  padding: 10px !important;
  background: rgba(245,246,250,.07) !important;
  border: 1px solid rgba(245,246,250,.12) !important;
  border-radius: 999px !important;
  box-shadow: inset 0 1px 0 rgba(245,246,250,.06), 0 16px 42px rgba(0,0,0,.22) !important;
}

body .sn-wrap .sn-nav-btn {
  min-height: 42px !important;
  padding: 10px 16px !important;
  border: 1px solid transparent !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: rgba(245,246,250,.74) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  box-shadow: none !important;
}

body .sn-wrap .sn-nav-btn:hover {
  background: rgba(0,206,201,.12) !important;
  border-color: rgba(0,206,201,.30) !important;
  color: var(--sn-white) !important;
}

body .sn-wrap .sn-nav-btn.active {
  background: rgba(0,206,201,.16) !important;
  border-color: rgba(0,206,201,.48) !important;
  color: var(--sn-cyan) !important;
  box-shadow: 0 12px 26px rgba(0,206,201,.12) !important;
}

body .sn-wrap .sn-panel {
  background: transparent !important;
  color: var(--sn-white) !important;
}

body .sn-wrap .sn-panel.active {
  display: block !important;
}

body .sn-wrap .sn-panel h2 {
  color: var(--sn-white) !important;
  font-size: clamp(30px, 4vw, 52px) !important;
  font-weight: 800 !important;
  line-height: 1.03 !important;
  margin: 0 0 22px !important;
  max-width: 760px !important;
}

body .sn-wrap .sn-panel > h3,
body .sn-wrap .sn-section-head h3 {
  color: var(--sn-white) !important;
  font-size: 20px !important;
  font-weight: 800 !important;
}

body .sn-wrap .sn-panel > hr {
  border: 0 !important;
  border-top: 1px solid rgba(245,246,250,.12) !important;
  margin: 24px 0 !important;
}

body .sn-wrap .sn-tabs-inner {
  align-items: center !important;
  gap: 10px !important;
  margin: 0 0 18px !important;
  padding: 8px !important;
  background: rgba(245,246,250,.07) !important;
  border: 1px solid rgba(245,246,250,.12) !important;
  border-radius: 999px !important;
}

body .sn-wrap .sn-tab-btn {
  min-height: 38px !important;
  padding: 9px 16px !important;
  border: 1px solid transparent !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: rgba(245,246,250,.72) !important;
  font-weight: 800 !important;
  margin: 0 !important;
}

body .sn-wrap .sn-tab-btn.active {
  background: var(--sn-white) !important;
  border-color: rgba(245,246,250,.14) !important;
  color: var(--sn-black) !important;
}

body .sn-wrap .sn-dash-filters,
body .sn-wrap .sn-filter-bar,
body .sn-wrap .sn-sort-bar,
body .sn-wrap .sn-form,
body .sn-wrap .sn-table-wrap,
body .sn-wrap .sn-card,
body .sn-wrap .sn-order-card,
body .sn-wrap .sn-quote-product,
body .sn-wrap .sn-quote-paper,
body .sn-wrap .sn-quote-settings .sn-table-wrap {
  background: var(--sn-white) !important;
  color: var(--sn-black) !important;
  border: 1px solid rgba(30,39,46,.12) !important;
  border-radius: 24px !important;
  box-shadow: 0 18px 42px rgba(0,0,0,.22) !important;
}

body .sn-wrap .sn-dash-filters,
body .sn-wrap .sn-filter-bar,
body .sn-wrap .sn-sort-bar {
  padding: 16px !important;
}

body .sn-wrap .sn-form {
  padding: 22px !important;
}

body .sn-wrap .sn-card {
  min-width: 210px !important;
  padding: 22px !important;
  border-top: 0 !important;
  gap: 8px !important;
}

body .sn-wrap .sn-card-label,
body .sn-wrap .sn-order-field span:first-child,
body .sn-wrap .sn-section-head p,
body .sn-wrap .sn-table-wrap p,
body .sn-wrap .sn-sort-bar span,
body .sn-wrap .sn-filter-bar label {
  color: rgba(30,39,46,.66) !important;
  font-weight: 800 !important;
}

body .sn-wrap .sn-card-val {
  color: var(--sn-black) !important;
  font-size: 30px !important;
  font-weight: 850 !important;
  line-height: 1.05 !important;
}

body .sn-wrap .sn-card::before,
body .sn-wrap .sn-order-card::before {
  content: "" !important;
  display: block !important;
  width: 46px !important;
  height: 6px !important;
  margin-bottom: 8px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, var(--sn-blue), var(--sn-cyan)) !important;
}

body .sn-wrap .sn-chart-wrap {
  background: var(--sn-black) !important;
  border: 1px solid rgba(0,206,201,.30) !important;
  border-radius: 26px !important;
  padding: 22px !important;
  box-shadow: 0 20px 46px rgba(0,0,0,.28) !important;
}

body .sn-wrap .sn-chart-wrap canvas {
  background: transparent !important;
}

body .sn-wrap input,
body .sn-wrap select,
body .sn-wrap textarea {
  min-height: 44px !important;
  border: 1px solid rgba(30,39,46,.14) !important;
  border-radius: 14px !important;
  background: rgba(245,246,250,.74) !important;
  color: var(--sn-black) !important;
  font-size: 15px !important;
  box-shadow: none !important;
}

body .sn-wrap textarea {
  min-height: 96px !important;
}

body .sn-wrap input:focus,
body .sn-wrap select:focus,
body .sn-wrap textarea:focus {
  outline: none !important;
  border-color: var(--sn-cyan) !important;
  box-shadow: 0 0 0 4px rgba(0,206,201,.18) !important;
}

body .sn-wrap label {
  color: rgba(30,39,46,.72) !important;
  font-weight: 800 !important;
}

body .sn-wrap .sn-panel > .sn-filter-bar label,
body .sn-wrap .sn-panel > .sn-sort-bar span,
body .sn-wrap .sn-panel > .sn-filter-bar > span {
  color: var(--sn-black) !important;
}

body .sn-wrap .sn-btn,
body .sn-wrap button.sn-btn {
  min-height: 42px !important;
  border-radius: 999px !important;
  padding: 10px 18px !important;
  border: 1px solid transparent !important;
  font-weight: 850 !important;
  line-height: 1.1 !important;
  box-shadow: none !important;
}

body .sn-wrap .sn-btn-primary,
body .sn-wrap .sn-sort-btn.active {
  background: var(--sn-blue) !important;
  color: var(--sn-white) !important;
  border-color: var(--sn-blue) !important;
}

body .sn-wrap .sn-btn-success,
body .sn-wrap .sn-btn-amber {
  background: var(--sn-cyan) !important;
  color: var(--sn-black) !important;
  border-color: var(--sn-cyan) !important;
}

body .sn-wrap .sn-btn-secondary,
body .sn-wrap .sn-btn-danger {
  background: var(--sn-black) !important;
  color: var(--sn-white) !important;
  border-color: rgba(30,39,46,.18) !important;
}

body .sn-wrap .sn-btn:hover {
  transform: translateY(-1px) !important;
  filter: brightness(1.03) !important;
}

body .sn-wrap .sn-table {
  background: transparent !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  color: var(--sn-black) !important;
}

body .sn-wrap .sn-table th {
  background: rgba(30,39,46,.96) !important;
  color: var(--sn-white) !important;
  border: 0 !important;
  border-bottom: 3px solid var(--sn-cyan) !important;
  padding: 14px 16px !important;
}

body .sn-wrap .sn-table td {
  background: var(--sn-white) !important;
  color: var(--sn-black) !important;
  border-bottom: 1px solid rgba(30,39,46,.10) !important;
  padding: 13px 16px !important;
}

body .sn-wrap .sn-table tr:hover td {
  background: rgba(9,132,227,.08) !important;
}

body .sn-wrap .sn-badge,
body .sn-wrap .sn-notice {
  border-radius: 999px !important;
  background: rgba(0,206,201,.14) !important;
  color: var(--sn-black) !important;
  border: 1px solid rgba(0,206,201,.24) !important;
  font-weight: 850 !important;
}

body .sn-wrap .sn-notice-warning,
body .sn-wrap .sn-badge-red,
body .sn-wrap .sn-badge-blue {
  background: rgba(9,132,227,.14) !important;
  border-color: rgba(9,132,227,.24) !important;
}

body .sn-wrap .sn-order-card {
  border-left: 0 !important;
}

body .sn-wrap .sn-shipping-info,
body .sn-wrap .sn-dir-row,
body .sn-wrap .sn-quote-notes-block,
body .sn-wrap .sn-quote-terms {
  background: rgba(30,39,46,.07) !important;
  color: var(--sn-black) !important;
  border-radius: 18px !important;
}

body .sn-wrap .sn-quote-hero {
  background:
    radial-gradient(circle at 12% 18%, rgba(0,206,201,.20), transparent 36%),
    var(--sn-black) !important;
  border: 1px solid rgba(0,206,201,.28) !important;
  border-radius: 26px !important;
  padding: 28px !important;
  box-shadow: 0 18px 42px rgba(0,0,0,.24) !important;
}

body .sn-wrap .sn-quote-kicker {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  width: auto !important;
  padding: 8px 14px !important;
  margin: 0 0 22px !important;
  border-radius: 999px !important;
  background: rgba(0,206,201,.14) !important;
  border: 1px solid rgba(0,206,201,.38) !important;
  color: var(--sn-cyan) !important;
  opacity: 1 !important;
}

body .sn-wrap .sn-quote-hero h3 {
  color: var(--sn-white) !important;
  font-size: clamp(30px, 4vw, 48px) !important;
  line-height: 1.04 !important;
  font-weight: 850 !important;
}

body .sn-wrap .sn-quote-hero p {
  color: rgba(245,246,250,.72) !important;
  max-width: 720px !important;
  font-size: 17px !important;
  line-height: 1.55 !important;
}

body .sn-wrap .sn-quote-label {
  color: var(--sn-cyan) !important;
  font-size: 13px !important;
  font-weight: 850 !important;
}

body .sn-wrap .sn-quote-label::after {
  background: rgba(0,206,201,.28) !important;
}

body .sn-wrap .sn-quote-product {
  padding: 18px !important;
}

body .sn-wrap .sn-quote-product.selected {
  background: var(--sn-white) !important;
  border-color: var(--sn-cyan) !important;
  box-shadow: 0 0 0 2px rgba(0,206,201,.40), 0 18px 42px rgba(0,0,0,.22) !important;
}

body .sn-wrap .sn-quote-product-head {
  color: var(--sn-black) !important;
  border: 0 !important;
  background: transparent !important;
}

body .sn-wrap .sn-quote-product-head strong,
body .sn-wrap .sn-quote-product-name {
  color: var(--sn-black) !important;
  font-weight: 850 !important;
}

body .sn-wrap .sn-quote-product-head small,
body .sn-wrap .sn-quote-product-hint {
  color: rgba(30,39,46,.64) !important;
}

body .sn-wrap .sn-quote-check {
  border-color: rgba(30,39,46,.18) !important;
  background: rgba(245,246,250,.72) !important;
}

body .sn-wrap .sn-quote-product.selected .sn-quote-check {
  background: var(--sn-cyan) !important;
  border-color: var(--sn-cyan) !important;
  color: var(--sn-black) !important;
}

body .sn-wrap .sn-quote-extra-card {
  background: rgba(0,206,201,.12) !important;
  border: 1px solid rgba(0,206,201,.28) !important;
  border-radius: 22px !important;
}

body .sn-wrap .sn-quote-paper {
  padding: 30px !important;
}

body .sn-wrap .sn-quote-paper-head {
  border-bottom-color: var(--sn-cyan) !important;
}

body .sn-wrap .sn-quote-num {
  background: var(--sn-blue) !important;
  color: var(--sn-white) !important;
  border-radius: 999px !important;
}

body .sn-wrap .sn-modal-box {
  background: var(--sn-white) !important;
  color: var(--sn-black) !important;
  border: 1px solid rgba(30,39,46,.12) !important;
  border-radius: 26px !important;
}

#sn-toast {
  border-radius: 999px !important;
  background: var(--sn-black) !important;
  color: var(--sn-white) !important;
  border-color: rgba(0,206,201,.30) !important;
}

@media (max-width: 760px) {
  body .sn-wrap {
    padding: 18px !important;
    border-radius: 22px !important;
  }

  body .sn-wrap .sn-nav,
  body .sn-wrap .sn-tabs-inner {
    border-radius: 20px !important;
  }

  body .sn-wrap .sn-nav-btn,
  body .sn-wrap .sn-tab-btn {
    flex: 1 1 150px !important;
  }

  body .sn-wrap .sn-panel h2 {
    font-size: 32px !important;
  }
}

/* Full-page dashboard background */
body.sn-dashboard-page,
body.sn-dashboard-page #page,
body.sn-dashboard-page .site,
body.sn-dashboard-page .site-content,
body.sn-dashboard-page .content-area,
body.sn-dashboard-page .entry-content,
body.sn-dashboard-page .wp-site-blocks,
body.sn-dashboard-page .elementor,
body.sn-dashboard-page .elementor-section,
body.sn-dashboard-page .elementor-container,
body.sn-dashboard-page .elementor-widget-wrap,
body.sn-dashboard-page .elementor-widget-container {
  background:
    radial-gradient(circle at 12% 0%, rgba(0,206,201,.18), transparent 28%),
    radial-gradient(circle at 88% 10%, rgba(9,132,227,.16), transparent 34%),
    #1E272E !important;
}

body.sn-dashboard-page {
  min-height: 100vh !important;
}

body.sn-dashboard-page .entry-content,
body.sn-dashboard-page .elementor-widget-container {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Dashboard confirmation modal */
body .sn-dashboard-confirm {
  position: fixed !important;
  inset: 0 !important;
  z-index: 999999 !important;
  display: flex;
  align-items: center !important;
  justify-content: center !important;
  padding: 18px !important;
}

body .sn-dashboard-confirm .sn-modal-bg {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(30,39,46,.72) !important;
  backdrop-filter: blur(8px) !important;
}

body .sn-dashboard-confirm .sn-modal-box {
  position: relative !important;
  width: min(460px, 100%) !important;
  background: #F5F6FA !important;
  color: #1E272E !important;
  border: 1px solid rgba(0,206,201,.28) !important;
  border-radius: 26px !important;
  padding: 28px !important;
  box-shadow: 0 28px 70px rgba(0,0,0,.34) !important;
}

body .sn-dashboard-confirm .sn-confirm-title {
  color: #1E272E !important;
  font-size: 26px !important;
  font-weight: 850 !important;
  margin: 0 0 10px !important;
}

body .sn-dashboard-confirm .sn-confirm-message {
  color: rgba(30,39,46,.72) !important;
  font-size: 16px !important;
  line-height: 1.55 !important;
  margin: 0 0 22px !important;
}

/* Keep selected quote products readable */
body .sn-wrap .sn-quote-product.selected,
#sn-admin .sn-quote .sn-quote-product.selected,
#sn-vendedor .sn-quote .sn-quote-product.selected {
  background: #F5F6FA !important;
  color: #1E272E !important;
  border-color: #00CEC9 !important;
}

body .sn-wrap .sn-quote-product.selected *,
#sn-admin .sn-quote .sn-quote-product.selected *,
#sn-vendedor .sn-quote .sn-quote-product.selected * {
  color: inherit !important;
}

body .sn-wrap .sn-quote-product.selected .sn-quote-product-hint,
body .sn-wrap .sn-quote-product.selected small {
  color: rgba(30,39,46,.64) !important;
}

body .sn-wrap .sn-quote-product.selected .sn-quote-check {
  color: #1E272E !important;
}

/* ── Login / Code Gate ─────────────────────────────────────────── */
.sn-login-gate {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 60vh;
  background: var(--sn-bg);
}
.sn-login-box {
  background: var(--sn-card);
  border: 1px solid var(--sn-border);
  border-radius: 16px;
  padding: 2.5rem 2rem;
  max-width: 400px;
  width: 100%;
  text-align: center;
  box-shadow: 0 8px 32px rgba(0,0,0,.35);
}
.sn-login-icon {
  font-size: 3rem;
  margin-bottom: .75rem;
  line-height: 1;
}
.sn-login-box h2 {
  color: var(--sn-white);
  margin: 0 0 .5rem;
  font-size: 1.4rem;
}
.sn-login-box p {
  color: var(--sn-muted);
  margin: 0 0 1.25rem;
  font-size: .9rem;
}
.sn-login-box .sn-btn {
  margin-top: .5rem;
  width: 100%;
  justify-content: center;
}
.sn-login-input-wrap {
  display: flex;
  gap: .5rem;
  margin-bottom: .25rem;
}
.sn-login-input-wrap input {
  flex: 1;
  background: var(--sn-input);
  border: 1px solid var(--sn-border);
  border-radius: 8px;
  color: var(--sn-white);
  padding: .55rem .85rem;
  font-size: 1rem;
  letter-spacing: .2em;
  outline: none;
}
.sn-login-input-wrap input:focus {
  border-color: var(--sn-blue);
}
.sn-login-input-wrap .sn-btn {
  width: auto;
  margin-top: 0;
  white-space: nowrap;
}
.sn-vendor-error {
  color: #e17055;
  font-size: .85rem;
  margin: .4rem 0 0;
}
.sn-logout-btn {
  margin-left: auto;
  background: transparent !important;
  border: 1px solid var(--sn-border) !important;
  color: var(--sn-muted) !important;
  font-size: .8rem !important;
}
.sn-logout-btn:hover {
  border-color: #e17055 !important;
  color: #e17055 !important;
}

/* ── Chart tabs ─────────────────────────────────────────────────── */
body .sn-wrap .sn-chart-tabs-wrap { margin-top: 1rem; }
body .sn-wrap .sn-chart-tab-btns {
  display: flex !important;
  gap: .5rem;
  margin-bottom: .75rem;
  flex-wrap: wrap;
}
body .sn-wrap .sn-chart-tab-btn {
  background: rgba(245,246,250,.10) !important;
  border: 1px solid rgba(245,246,250,.18) !important;
  color: rgba(245,246,250,.7) !important;
  border-radius: 8px !important;
  padding: .4rem .9rem !important;
  font-size: .82rem !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: all .15s !important;
}
body .sn-wrap .sn-chart-tab-btn.active,
body .sn-wrap .sn-chart-tab-btn:hover {
  background: var(--sn-blue) !important;
  border-color: var(--sn-blue) !important;
  color: #fff !important;
}
/* Visibility handled via inline style (PHP) + jQuery .show()/.hide() in JS */

/* ── Export box ─────────────────────────────────────────────────── */
.sn-export-box {
  background: var(--sn-card);
  color: var(--sn-text);
  border-radius: var(--sn-radius);
  padding: 1.5rem;
  max-width: 520px;
  box-shadow: var(--sn-shadow);
}
.sn-export-desc {
  margin: 0 0 1.25rem;
  font-size: .9rem;
  line-height: 1.6;
  color: var(--sn-muted);
}
.sn-export-desc strong { color: var(--sn-text); }

/* ── Linea filter bar (pedidos) ─────────────────────────────────── */
.sn-linea-filter-bar {
  display: flex;
  gap: .4rem;
  margin-bottom: .75rem;
  flex-wrap: wrap;
}
.sn-linea-btn {
  padding: .3rem .85rem;
  border: 1px solid rgba(245,246,250,.18);
  border-radius: 99px;
  background: transparent;
  color: rgba(245,246,250,.7);
  font-size: .8rem;
  font-weight: 600;
  cursor: pointer;
  transition: all .15s;
}
.sn-linea-btn.active,
.sn-linea-btn:hover {
  background: var(--sn-blue);
  border-color: var(--sn-blue);
  color: #fff;
}

/* ── Linea tabs (cotizador) ─────────────────────────────────────── */
.sn-quote-linea-tabs {
  display: flex;
  gap: .5rem;
  margin-bottom: 1rem;
}
.sn-quote-linea-btn {
  padding: .45rem 1.1rem;
  border: 1px solid rgba(245,246,250,.2);
  border-radius: 8px;
  background: rgba(245,246,250,.08);
  color: rgba(245,246,250,.75);
  font-size: .85rem;
  font-weight: 600;
  cursor: pointer;
  transition: all .15s;
}
.sn-quote-linea-btn.active,
.sn-quote-linea-btn:hover {
  background: var(--sn-cyan);
  border-color: var(--sn-cyan);
  color: #1E272E;
}
.sn-quote-product-hidden { display: none !important; }

/* ── Linea badges (order cards) ─────────────────────────────────── */
.sn-badge-kpop { background: rgba(253,121,168,.22); color: #fd79a8; }
.sn-badge-3d   { background: rgba(9,132,227,.18);   color: #0984E3; }

/* ── Quote price table linea select ─────────────────────────────── */
.sn-quote-product-linea {
  font-size: .8rem;
  padding: .25rem .4rem;
  border-radius: 4px;
  border: 1px solid rgba(30,39,46,.18);
  background: var(--sn-white);
  color: var(--sn-black);
}