/*
 * Shared theme contract for every Sistema de Vendas screen.
 * Components below use semantic values so light-only colors cannot leak into
 * the Normal and Dark neon themes.
 */
html {
  --sales-panel: var(--surface);
  --sales-raised: var(--surface2);
  --sales-field: var(--bg);
  --sales-text: var(--text);
  --sales-muted: var(--muted);
  --sales-border: var(--border);
  --sales-accent: var(--accent);
  --sales-accent-text: var(--kpi-val);
  --sales-accent-soft: var(--accent-dim);
  --sales-success-bg: var(--pill-ok-bg);
  --sales-success-text: var(--pill-ok-fg);
  --sales-warning-bg: var(--pill-warn-bg);
  --sales-warning-text: var(--pill-warn-fg);
  --sales-danger-bg: var(--pill-err-bg);
  --sales-danger-text: var(--pill-err-fg);
}
html[data-theme="light"] {
  --sales-raised: #f8fafc;
  --sales-field: #ffffff;
}
html[data-theme="neon"] {
  --sales-raised: #151515;
  --sales-field: #080808;
}

.sales-sidebar-group { border:1px solid rgba(153,176,210,.3); border-radius:8px; overflow:hidden; margin:6px 0 3px; }.sales-sidebar-group-header { appearance:none; width:100%; min-height:40px; display:flex; justify-content:space-between; align-items:center; border:0 !important; outline:0; background:#f3f7ff; color:#173d7a; padding:9px 10px; cursor:pointer; font:700 .84rem/1 "DM Sans",sans-serif; text-align:left; }.sales-sidebar-group-header:hover { background:rgba(0,229,255,.1); }.sales-sidebar-group-header:focus-visible { outline:2px solid #00e5ff; outline-offset:-2px; }.sales-sidebar-group-chevron { width:24px; height:24px; display:inline-flex; align-items:center; justify-content:center; border-radius:5px; color:#00b8d4; transform:rotate(-90deg); transition:transform .3s ease-in-out,background .2s ease; }.sales-sidebar-group-chevron svg { width:16px; height:16px; }.sales-sidebar-group-header:hover .sales-sidebar-group-chevron { background:rgba(0,229,255,.12); }.sales-sidebar-group.is-open .sales-sidebar-group-chevron { transform:rotate(0deg); }.sales-sidebar-group-items { display:grid; gap:2px; list-style:none; margin:0; padding:0 4px; max-height:0; overflow:hidden; opacity:0; transition:max-height .3s ease-in-out,opacity .2s ease-in-out,padding .3s ease-in-out; }.sales-sidebar-group.is-open .sales-sidebar-group-items { max-height:120px; opacity:1; padding:4px; }.sales-sidebar-group-items .nav-btn { padding-left:13px; font-size:12px; }
.sales-team-page { padding:24px; color:#17243e; }.sales-team-heading { display:flex; justify-content:space-between; align-items:flex-start; gap:18px; margin-bottom:20px; }.sales-team-heading h1 { margin:2px 0 6px; font-size:1.65rem; }.sales-team-heading p { margin:0; color:#687792; }.sales-team-kicker { color:#00aeca !important; font-weight:800; font-size:.72rem; letter-spacing:.12em; text-transform:uppercase; }.sales-team-summary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-bottom:16px; }.sales-team-summary article,.sales-team-panel { background:#fff; border:1px solid #dbe4f1; border-radius:12px; box-shadow:0 4px 14px rgba(16,42,78,.05); }.sales-team-summary article { padding:15px 17px; display:flex; flex-direction:column; gap:3px; }.sales-team-summary strong { color:#1664c0; font-size:1.45rem; }.sales-team-summary span,.sales-team-panel p { color:#71809a; font-size:.82rem; }.sales-team-layout { display:grid; grid-template-columns:minmax(320px,1.1fr) minmax(340px,.9fr); gap:16px; align-items:start; }.sales-team-panel { padding:18px; }.sales-team-panel h2 { margin:0 0 5px; font-size:1rem; }.sales-team-panel p { margin:0; }.sales-team-panel-head { margin-bottom:12px; }.sales-team-list { display:grid; gap:8px; max-height:490px; overflow:auto; }.sales-member-card { border:1px solid #e0e8f2; background:#fbfdff; border-radius:10px; padding:11px; width:100%; display:flex; align-items:flex-start; gap:10px; text-align:left; cursor:pointer; color:inherit; }.sales-member-card:hover { border-color:#00b8d4; background:#f3fbff; }.sales-member-avatar { width:34px; height:34px; border-radius:50%; background:#dceafe; color:#2362bd; display:grid; place-items:center; font-size:.72rem; font-weight:800; flex:0 0 auto; }.sales-member-info { display:grid; gap:2px; min-width:0; flex:1; }.sales-member-info strong { font-size:.86rem; }.sales-member-info small { color:#687792; font-size:.73rem; }.sales-member-history { color:#177252 !important; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }.sales-member-status { text-transform:capitalize; border-radius:999px; padding:3px 7px; background:#daf5e7; color:#16784d; font-size:.69rem; font-weight:700; }.sales-member-status.desligado { background:#ffe2e2; color:#a33b3b; }.sales-member-status.transferido { background:#fff1cf; color:#8a6316; }.sales-team-form { display:grid; gap:11px; margin-top:13px; }.sales-team-form label { display:grid; gap:5px; font-size:.75rem; color:#42526d; font-weight:700; }.sales-team-form input,.sales-team-form select,.sales-team-form textarea,.sales-goal-form input,.sales-goal-form select { border:1px solid #d4deeb; border-radius:7px; min-height:36px; padding:7px 9px; font:inherit; color:#243451; background:#fff; }.sales-team-form textarea { resize:vertical; min-height:54px; }.sales-team-grid { display:grid; grid-template-columns:1fr 1fr; gap:9px; }.sales-goal-panel { margin-top:16px; display:grid; grid-template-columns:1fr 2fr; gap:16px; align-items:end; }.sales-goal-form { display:grid; grid-template-columns:1.4fr .8fr 1fr 1fr auto; gap:8px; }.sales-team-empty { padding:16px 0; }.sales-team-page .btn-primary { white-space:nowrap; }
@media (max-width:900px) { .sales-team-layout,.sales-goal-panel { grid-template-columns:1fr; }.sales-goal-form { grid-template-columns:repeat(2,1fr); }.sales-goal-form .btn-primary { grid-column:span 2; } }
@media (max-width:767px) { .sales-sidebar-group-header { min-height:44px; padding:11px 12px; }.sales-sidebar-group-items .nav-btn { min-height:40px; padding-left:16px; }.sales-team-page { padding:16px; }.sales-team-heading { flex-direction:column; }.sales-team-summary,.sales-team-grid,.sales-goal-form { grid-template-columns:1fr; }.sales-goal-form .btn-primary { grid-column:auto; width:100%; }.sales-member-card { align-items:center; } }
.catalog-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-bottom:16px; }.catalog-metrics article { background:#fff; border:1px solid #dbe4f1; border-radius:12px; padding:15px 17px; display:flex; flex-direction:column; gap:3px; }.catalog-metrics strong { color:#1664c0; font-size:1.45rem; }.catalog-metrics span { color:#71809a; font-size:.82rem; }.catalog-layout { display:grid; grid-template-columns:minmax(320px,1.1fr) minmax(340px,.9fr); gap:16px; align-items:start; }.catalog-filter { display:grid; grid-template-columns:1fr 160px; gap:8px; margin-bottom:12px; }.catalog-filter input,.catalog-filter select { border:1px solid #d4deeb; border-radius:7px; padding:8px 9px; font:inherit; min-height:36px; }.catalog-list { display:grid; gap:8px; max-height:630px; overflow:auto; }.catalog-product-card { display:flex; width:100%; gap:10px; text-align:left; border:1px solid #e0e8f2; background:#fbfdff; border-radius:10px; padding:10px; cursor:pointer; color:#17243e; }.catalog-product-card:hover { border-color:#00b8d4; background:#f3fbff; }.catalog-product-card img,.catalog-image-placeholder { width:52px; height:52px; object-fit:cover; border-radius:8px; flex:0 0 auto; }.catalog-image-placeholder { background:#dceafe; color:#2362bd; display:grid; place-items:center; font-size:.62rem; font-weight:800; }.catalog-product-info { display:grid; gap:3px; flex:1; min-width:0; }.catalog-product-info strong { font-size:.85rem; }.catalog-product-info small { color:#687792; font-size:.72rem; }.catalog-product-info span { font-size:.72rem; color:#355070; }.catalog-tags { display:grid; align-content:start; gap:4px; }.catalog-tags em { font-style:normal; color:#176fa0; background:#e4f4fb; padding:3px 5px; border-radius:999px; font-size:.64rem; white-space:nowrap; }.catalog-form-panel small { color:#73819a; font-weight:400; }.catalog-active { display:flex !important; align-items:center; gap:7px; }.catalog-active input { min-height:auto; }
@media (max-width:900px) { .catalog-layout { grid-template-columns:1fr; } }
@media (max-width:767px) { .catalog-metrics,.catalog-filter { grid-template-columns:1fr; }.catalog-product-card { align-items:center; } }
.pricing-layout { display:grid; grid-template-columns:minmax(280px,.75fr) minmax(340px,1.25fr); gap:16px; }.pricing-table-list { display:grid; gap:8px; margin-top:12px; }.pricing-table-card { padding:12px; display:grid; gap:3px; width:100%; text-align:left; color:#203353; border:1px solid #e0e8f2; background:#fbfdff; border-radius:9px; cursor:pointer; }.pricing-table-card:hover { background:#f1fbff; border-color:#00b8d4; }.pricing-table-card small,.pricing-table-card span { color:#687792; font-size:.74rem; }.pricing-rules { margin-top:16px; }.pricing-form { display:grid; grid-template-columns:1fr 1.2fr repeat(4,minmax(105px,1fr)) auto; gap:8px; margin-top:12px; }.pricing-form input,.pricing-form select { border:1px solid #d4deeb; min-height:36px; padding:7px 9px; border-radius:7px; font:inherit; }.pricing-detail { margin-top:16px; }.pricing-columns { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-top:12px; }.pricing-columns h3 { font-size:.84rem; margin:0 0 7px; color:#365176; }.pricing-row { display:grid; gap:3px; border-bottom:1px solid #edf1f7; padding:8px 0; font-size:.78rem; }.pricing-row span,.pricing-row small { color:#687792; font-size:.72rem; }
@media (max-width:1100px) { .pricing-form { grid-template-columns:repeat(3,1fr); }.pricing-form .btn-primary { grid-column:span 3; } }
@media (max-width:767px) { .pricing-layout,.pricing-columns,.pricing-form { grid-template-columns:1fr; }.pricing-form .btn-primary { grid-column:auto; } }
.orders-layout { display:grid; grid-template-columns:minmax(360px,1fr) minmax(320px,1fr); gap:16px; }.order-add { display:grid; grid-template-columns:minmax(0,1fr) 76px 104px; gap:8px; align-items:start; }.order-product-picker,.order-add-actions { display:grid; gap:7px; }.order-add select,.order-add input { min-height:36px; border:1px solid #d4deeb; border-radius:7px; padding:7px 9px; font:inherit; }.order-add-actions button { width:100%; min-height:36px; }.order-max-btn { border:1px solid var(--sales-border,#b9cce3); border-radius:7px; background:var(--sales-panel,#fff); color:var(--sales-accent-text,#1a5cad); font:inherit; font-weight:800; cursor:pointer; }.order-max-btn:hover:not(:disabled) { border-color:var(--sales-accent,#2563eb); background:var(--sales-accent-soft,#e8f0ff); }.order-max-btn:disabled { cursor:not-allowed; opacity:.45; }.order-stock-hint { margin:0; color:var(--sales-muted,#687792); font-size:.7rem; }.order-cart { display:grid; gap:8px; padding:10px; background:#f7faff; border:1px solid #e1ebf7; border-radius:9px; }.cart-row { display:grid; grid-template-columns:1fr auto 25px; gap:8px; align-items:center; padding:6px 0; border-bottom:1px solid #e6edf6; font-size:.78rem; }.cart-row button,.order-card button { border:1px solid #b9cce3; background:#fff; border-radius:5px; color:#1a5cad; padding:4px 7px; cursor:pointer; }.orders-list { display:grid; gap:9px; max-height:640px; overflow:auto; margin-top:12px; }.order-card { display:grid; gap:4px; padding:11px; border:1px solid #e0e8f2; border-radius:9px; background:#fbfdff; }.order-card strong { font-size:.84rem; }.order-card span,.order-card small { color:#687792; font-size:.74rem; }.order-card b { text-transform:capitalize; color:#1472a8; }.order-card div { display:flex; gap:6px; margin-top:3px; }.order-card button[data-delete-order] { border-color:#efb5af; background:#fff; color:#b42318; }.orders-page textarea { resize:vertical; }
@media (max-width:767px) { .orders-layout { grid-template-columns:1fr; }.order-add { grid-template-columns:1fr; }.order-add-actions { grid-template-columns:1fr 1fr; }.order-add .btn-primary { width:100%; } }
.ops-list { display:grid; gap:8px; }.ops-row { display:grid; gap:3px; padding:11px; border:1px solid #e0e8f2; border-radius:9px; background:#fbfdff; }.ops-row strong { font-size:.84rem; }.ops-row span,.ops-row small { color:#687792; font-size:.75rem; }.ops-row small { color:#18705a; }.delivery-customer { display:flex; flex-wrap:wrap; gap:5px; margin-top:3px; }.delivery-chip { display:inline-flex; align-items:center; padding:2px 8px; border-radius:999px; background:#eef4fb; border:1px solid #d4e2f2; color:#1a5cad; font-size:.7rem; white-space:nowrap; }
.sales-sidebar-group.is-open .sales-sidebar-group-items { max-height:900px; }

/* Theme-safe palette. These rules intentionally follow the legacy layout. */
.sales-team-page {
  color: var(--sales-text);
}
.sales-team-heading h1,
.sales-team-panel h2,
.pricing-columns h3 {
  color: var(--sales-text);
}
.sales-team-heading p,
.sales-team-summary span,
.sales-team-panel p,
.sales-member-info small,
.catalog-metrics span,
.catalog-product-info small,
.catalog-product-info span,
.catalog-form-panel small,
.pricing-table-card small,
.pricing-table-card span,
.pricing-row span,
.pricing-row small,
.order-card span,
.order-card small,
.ops-row span,
.sales-team-empty {
  color: var(--sales-muted);
}
.sales-team-kicker {
  color: var(--sales-accent) !important;
}
.sales-team-summary article,
.sales-team-panel,
.catalog-metrics article {
  border-color: var(--sales-border);
  background: var(--sales-panel);
  color: var(--sales-text);
  box-shadow: 0 4px 14px rgba(0, 0, 0, .08);
}
.sales-team-summary strong,
.catalog-metrics strong,
.order-card b {
  color: var(--sales-accent-text);
}
.sales-member-card,
.catalog-product-card,
.pricing-table-card,
.order-card,
.ops-row {
  border-color: var(--sales-border);
  background: var(--sales-raised);
  color: var(--sales-text);
}
.sales-member-card:hover,
.catalog-product-card:hover,
.pricing-table-card:hover {
  border-color: var(--sales-accent);
  background: var(--sales-accent-soft);
}
.sales-member-avatar,
.catalog-image-placeholder,
.catalog-tags em {
  background: var(--sales-accent-soft);
  color: var(--sales-accent-text);
}
.sales-member-history,
.ops-row small {
  color: var(--sales-success-text) !important;
}
.sales-member-status {
  background: var(--sales-success-bg);
  color: var(--sales-success-text);
}
.sales-member-status.desligado {
  background: var(--sales-danger-bg);
  color: var(--sales-danger-text);
}
.sales-member-status.transferido {
  background: var(--sales-warning-bg);
  color: var(--sales-warning-text);
}
.sales-team-form label {
  color: var(--sales-muted);
}
.sales-team-form input,
.sales-team-form select,
.sales-team-form textarea,
.sales-goal-form input,
.sales-goal-form select,
.catalog-filter input,
.catalog-filter select,
.pricing-form input,
.pricing-form select,
.order-add select,
.order-add input {
  border-color: var(--sales-border);
  background: var(--sales-field);
  color: var(--sales-text);
}
.sales-team-form input::placeholder,
.sales-team-form textarea::placeholder,
.sales-goal-form input::placeholder,
.catalog-filter input::placeholder,
.pricing-form input::placeholder,
.order-add input::placeholder {
  color: var(--sales-muted);
  opacity: 1;
}
.order-cart {
  border-color: var(--sales-border);
  background: var(--sales-raised);
}
.cart-row,
.pricing-row {
  border-color: var(--sales-border);
}
.cart-row button,
.order-card button {
  border-color: var(--sales-border);
  background: var(--sales-panel);
  color: var(--sales-accent-text);
}
.order-card button[data-delete-order] {
  border-color: var(--sales-danger-bg);
  color: var(--sales-danger-text);
}
.sales-sidebar-group {
  border-color: var(--sales-border);
}
.sales-sidebar-group-header {
  background: var(--sales-raised);
  color: var(--sales-text);
}
.sales-sidebar-group-header:hover {
  background: var(--sales-accent-soft);
}
.sales-sidebar-group-header:focus-visible {
  outline-color: var(--sales-accent);
}
.sales-sidebar-group-chevron {
  color: var(--sales-accent);
}

/* Consulta de estoque */
.stock-heading {
  align-items: flex-end;
}
.stock-heading .btn {
  border: 1px solid var(--sales-border);
  background: var(--sales-raised);
  color: var(--sales-text);
}
.stock-heading .btn:hover {
  border-color: var(--sales-accent);
  color: var(--sales-accent-text);
}
.stock-summary {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 16px;
}
.stock-summary article {
  display: grid;
  gap: 7px;
  min-height: 88px;
  padding: 15px 17px;
  border: 1px solid var(--sales-border);
  border-radius: 12px;
  background: var(--sales-panel);
}
.stock-summary span {
  color: var(--sales-muted);
  font-size: 12px;
}
.stock-summary strong {
  color: var(--sales-accent-text);
  font-size: 23px;
}
.stock-summary .is-success strong { color: var(--sales-success-text); }
.stock-summary .is-warning strong { color: var(--sales-warning-text); }
.stock-summary .is-danger strong { color: var(--sales-danger-text); }
.stock-panel {
  padding: 18px;
}
.stock-toolbar {
  display: grid;
  grid-template-columns: minmax(280px, 2fr) repeat(3, minmax(150px, 1fr));
  gap: 12px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--sales-border);
}
.stock-toolbar label {
  display: grid;
  gap: 7px;
  color: var(--sales-muted);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.stock-toolbar input,
.stock-toolbar select {
  width: 100%;
  min-height: 42px;
  padding: 0 12px;
  border: 1px solid var(--sales-border);
  border-radius: 8px;
  background: var(--sales-field);
  color: var(--sales-text);
  font: inherit;
  letter-spacing: normal;
  text-transform: none;
}
.stock-toolbar input:focus,
.stock-toolbar select:focus {
  border-color: var(--sales-accent);
  outline: 2px solid var(--sales-accent-soft);
}
.stock-results-head {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 2px 10px;
  color: var(--sales-muted);
  font-size: 12px;
}
.stock-results-head strong { color: var(--sales-text); }
.stock-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  align-items: stretch;
}
.stock-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--sales-border);
  border-left: 4px solid var(--sales-success-text);
  border-radius: 11px;
  background: var(--sales-raised);
  color: var(--sales-text);
}
.stock-card--baixo { border-left-color: var(--sales-warning-text); }
.stock-card--sem_estoque { border-left-color: var(--sales-danger-text); }
.stock-card header,
.stock-card footer {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 16px;
}
.stock-card h2 {
  margin: 2px 0 5px;
  color: var(--sales-text);
  font-size: 16px;
}
.stock-card-code {
  color: var(--sales-accent-text);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .06em;
}
.stock-card-meta {
  display: flex;
  gap: 12px;
  color: var(--sales-muted);
  font-size: 11px;
}
.stock-status {
  flex: 0 0 auto;
  padding: 5px 9px;
  border-radius: 999px;
  background: var(--sales-success-bg);
  color: var(--sales-success-text);
  font-size: 11px;
  font-weight: 800;
}
.stock-status--baixo { background: var(--sales-warning-bg); color: var(--sales-warning-text); }
.stock-status--sem_estoque { background: var(--sales-danger-bg); color: var(--sales-danger-text); }
.stock-quantities {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 0 16px;
  border: 1px solid var(--sales-border);
  border-radius: 9px;
}
.stock-quantities div {
  display: grid;
  gap: 4px;
  padding: 11px 14px;
}
.stock-quantities div + div { border-left: 1px solid var(--sales-border); }
.stock-quantities span { color: var(--sales-muted); font-size: 11px; }
.stock-quantities strong { color: var(--sales-text); font-size: 18px; }
.stock-quantities div:first-child strong { color: var(--sales-accent-text); }
.stock-reservation {
  display: grid;
  gap: 7px;
  padding: 12px 16px 8px;
  color: var(--sales-muted);
  font-size: 11px;
}
.stock-reservation > div:first-child {
  display: flex;
  justify-content: space-between;
  gap: 12px;
}
.stock-reservation b { color: var(--sales-text); }
.stock-progress {
  overflow: hidden;
  height: 5px;
  border-radius: 999px;
  background: var(--sales-field);
}
.stock-progress i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--sales-accent);
}
.stock-card--baixo .stock-progress i { background: var(--sales-warning-text); }
.stock-card--sem_estoque .stock-progress i { background: var(--sales-danger-text); }
.stock-substitutes {
  margin: 4px 16px 10px;
  padding: 9px 11px;
  border-radius: 7px;
  background: var(--sales-accent-soft);
  color: var(--sales-muted);
  font-size: 11px;
}
.stock-card--sem_estoque .stock-substitutes { background: var(--sales-danger-bg); color: var(--sales-danger-text); }
.stock-card footer {
  padding-top: 0;
  margin-top: auto;
  color: var(--sales-muted);
  font-size: 10px;
}
.stock-empty {
  display: grid;
  place-items: center;
  gap: 6px;
  min-height: 150px;
  color: var(--sales-muted);
  text-align: center;
}
.stock-empty strong { color: var(--sales-text); }
.stock-card-actions {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.stock-card-actions .btn {
  min-height: 28px;
  padding: 4px 10px;
  font-size: 11px;
}
.stock-card-actions .btn.is-danger {
  color: var(--sales-danger-text);
  border-color: var(--sales-danger-bg);
}
.stock-edit-overlay {
  position: fixed;
  inset: 0;
  z-index: 200;
  display: grid;
  place-items: center;
  padding: 20px;
  background: rgba(5, 12, 24, .6);
  backdrop-filter: blur(3px);
}
.stock-edit-overlay[hidden] { display: none; }
.stock-edit-modal {
  width: min(640px, 100%);
  max-height: 88vh;
  overflow: auto;
  background: var(--sales-panel);
  border: 1px solid var(--sales-border);
  border-radius: 14px;
  box-shadow: 0 18px 50px rgba(0, 0, 0, .35);
  color: var(--sales-text);
}
.stock-edit-modal-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 18px;
  border-bottom: 1px solid var(--sales-border);
}
.stock-edit-modal-head h3 { margin: 0; font-size: 1rem; }
.stock-edit-modal-close {
  border: 0;
  background: transparent;
  color: var(--sales-muted);
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
  padding: 2px 6px;
  border-radius: 6px;
}
.stock-edit-modal-close:hover { color: var(--sales-text); background: var(--sales-accent-soft); }
.stock-edit-form { padding: 18px; display: grid; gap: 14px; }
.stock-edit-actions { display: flex; justify-content: flex-end; gap: 10px; margin-top: 4px; }
@media (max-width: 600px) {
  .stock-edit-form .sales-team-grid { grid-template-columns: 1fr; }
  .stock-card-actions { flex-direction: column; align-items: flex-start; }
}

@media (max-width: 950px) {
  .stock-summary { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .stock-toolbar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .stock-search { grid-column: 1 / -1; }
  .stock-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  .stock-heading { align-items: stretch; }
  .stock-summary,
  .stock-toolbar { grid-template-columns: 1fr; }
  .stock-search { grid-column: auto; }
  .stock-list { grid-template-columns: 1fr; }
  .stock-quantities { grid-template-columns: 1fr; }
  .stock-quantities div + div { border-top: 1px solid var(--sales-border); border-left: 0; }
  .stock-results-head,
  .stock-card header,
  .stock-card footer { flex-direction: column; }
}

/* Integrador VTECH */
.integration-layout { display: grid; grid-template-columns: minmax(320px, .9fr) minmax(420px, 1.35fr); gap: 16px; }
.integration-help { margin: -4px 0 16px; color: var(--sales-muted); font-size: 12px; line-height: 1.5; }
.integration-scopes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 4px 0 14px; padding: 14px; border: 1px solid var(--sales-border); border-radius: 9px; }
.integration-scopes legend { padding: 0 6px; color: var(--sales-muted); font-size: 11px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.integration-scopes label { display: flex; align-items: center; gap: 8px; color: var(--sales-text); font-size: 12px; text-transform: none; }
.integration-scopes input { width: auto; min-height: auto; accent-color: var(--sales-accent); }
.integration-key-result { margin-top: 15px; padding: 14px; border: 1px solid var(--sales-success-text); border-radius: 10px; background: var(--sales-success-bg); color: var(--sales-text); }
.integration-key-result > strong { color: var(--sales-success-text); }
.integration-key-result p { margin: 5px 0 10px; color: var(--sales-muted); font-size: 11px; }
.integration-key-result > div { display: flex; align-items: center; gap: 8px; }
.integration-key-result code { overflow: hidden; flex: 1; padding: 10px; border-radius: 6px; background: var(--sales-field); color: var(--sales-text); text-overflow: ellipsis; white-space: nowrap; }
.integration-list { display: grid; gap: 11px; }
.integration-card { padding: 14px; border: 1px solid var(--sales-border); border-radius: 10px; background: var(--sales-raised); color: var(--sales-text); }
.integration-card header { display: flex; justify-content: space-between; gap: 12px; }
.integration-card header > div { display: grid; gap: 3px; }
.integration-card header span,
.integration-card > small,
.integration-card footer > span { color: var(--sales-muted); font-size: 11px; }
.integration-status { height: fit-content; padding: 4px 8px; border-radius: 999px; background: var(--sales-success-bg); color: var(--sales-success-text) !important; font-size: 10px !important; font-weight: 800; text-transform: uppercase; }
.integration-status.is-revogada { background: var(--sales-danger-bg); color: var(--sales-danger-text) !important; }
.integration-key-hint { display: flex; align-items: center; gap: 10px; margin: 12px 0 8px; padding: 9px 10px; border-radius: 7px; background: var(--sales-field); }
.integration-key-hint span { color: var(--sales-muted); font-size: 10px; font-weight: 800; text-transform: uppercase; }
.integration-key-hint code { color: var(--sales-accent-text); }
.integration-scope-list { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 9px; }
.integration-scope-list span { padding: 3px 7px; border-radius: 999px; background: var(--sales-accent-soft); color: var(--sales-accent-text); font-size: 9px; font-weight: 700; }
.integration-card footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 12px; padding-top: 10px; border-top: 1px solid var(--sales-border); }
.integration-card footer > div { display: flex; flex-wrap: wrap; gap: 6px; }
.integration-card footer .btn { min-height: 30px; padding: 5px 9px; border: 1px solid var(--sales-border); background: var(--sales-panel); color: var(--sales-text); font-size: 10px; }
.integration-card footer .btn.danger { color: var(--sales-danger-text); }

@media (max-width: 950px) { .integration-layout { grid-template-columns: 1fr; } }
@media (max-width: 600px) {
  .integration-scopes { grid-template-columns: 1fr; }
  .integration-key-result > div,
  .integration-card footer { align-items: stretch; flex-direction: column; }
}

/* Comissões e integração financeira */
.commission-heading { align-items: flex-end; }
.commission-period { display: flex; align-items: flex-end; gap: 9px; }
.commission-period label,
.commission-due { display: grid; gap: 6px; color: var(--sales-muted); font-size: 11px; font-weight: 700; text-transform: uppercase; }
.commission-period input,
.commission-due input { min-height: 39px; padding: 0 11px; border: 1px solid var(--sales-border); border-radius: 8px; background: var(--sales-field); color: var(--sales-text); }
.commission-period .btn,
.commission-actions .btn { min-height: 39px; border: 1px solid var(--sales-border); background: var(--sales-raised); color: var(--sales-text); }
.commission-flow { display: flex; align-items: center; max-width: 820px; margin: 0 auto 16px; }
.commission-flow article { display: flex; align-items: center; gap: 10px; min-width: 160px; color: var(--sales-text); }
.commission-flow article b { display: grid; flex: 0 0 32px; height: 32px; place-items: center; border-radius: 50%; background: var(--sales-accent-soft); color: var(--sales-accent-text); }
.commission-flow article span { display: grid; gap: 2px; }
.commission-flow article small { color: var(--sales-muted); }
.commission-flow > i { flex: 1; height: 1px; margin: 0 14px; background: var(--sales-border); }
.commission-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-bottom: 16px; }
.commission-summary article { display: grid; gap: 7px; padding: 16px; border: 1px solid var(--sales-border); border-radius: 12px; background: var(--sales-panel); }
.commission-summary span { color: var(--sales-muted); font-size: 12px; }
.commission-summary strong { color: var(--sales-accent-text); font-size: 21px; }
.commission-summary .is-success strong { color: var(--sales-success-text); }
.commission-control { margin-bottom: 16px; }
.commission-control-copy { display: flex; align-items: center; justify-content: space-between; gap: 22px; }
.commission-control-copy h2 { margin: 8px 0 5px; }
.commission-control-copy p,
.commission-list-head p { margin: 0; color: var(--sales-muted); font-size: 12px; }
.commission-actions { display: flex; align-items: flex-end; gap: 9px; }
.commission-status { display: inline-flex; width: fit-content; padding: 5px 9px; border-radius: 999px; background: var(--sales-warning-bg); color: var(--sales-warning-text); font-size: 10px; font-weight: 800; text-transform: uppercase; }
.commission-status.is-aprovado { background: var(--sales-success-bg); color: var(--sales-success-text); }
.commission-status.is-financeiro { background: var(--sales-accent-soft); color: var(--sales-accent-text); }
.commission-status.is-empty { background: var(--sales-field); color: var(--sales-muted); }
.commission-list-head { display: flex; justify-content: space-between; gap: 16px; margin-bottom: 14px; }
.commission-list-head h2 { margin: 0 0 5px; }
.commission-list-head > span { color: var(--sales-muted); font-size: 12px; }
.commission-list { display: grid; gap: 12px; }
.commission-card { overflow: hidden; border: 1px solid var(--sales-border); border-radius: 11px; background: var(--sales-raised); color: var(--sales-text); }
.commission-card header { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 12px; padding: 14px 16px; }
.commission-avatar { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 10px; background: var(--sales-accent-soft); color: var(--sales-accent-text); font-weight: 800; }
.commission-card h3 { margin: 0 0 3px; font-size: 15px; }
.commission-card header div span { color: var(--sales-muted); font-size: 11px; }
.commission-values { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid var(--sales-border); }
.commission-values > div { display: grid; gap: 5px; padding: 13px 16px; }
.commission-values > div + div { border-left: 1px solid var(--sales-border); }
.commission-values span { color: var(--sales-muted); font-size: 11px; }
.commission-values strong { font-size: 16px; }
.commission-values .commission-earned { background: var(--sales-accent-soft); }
.commission-values .commission-earned strong { color: var(--sales-accent-text); font-size: 18px; }
.commission-card footer { display: flex; justify-content: space-between; gap: 14px; padding: 10px 16px; border-top: 1px solid var(--sales-border); color: var(--sales-muted); font-size: 11px; }
.commission-card footer b { color: var(--sales-accent-text); }
.commission-empty { display: grid; place-items: center; gap: 6px; min-height: 130px; color: var(--sales-muted); text-align: center; }
.commission-empty strong { color: var(--sales-text); }

@media (max-width: 850px) {
  .commission-summary,
  .commission-values { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .commission-values > div:nth-child(3) { border-left: 0; border-top: 1px solid var(--sales-border); }
  .commission-values > div:nth-child(4) { border-top: 1px solid var(--sales-border); }
}
@media (max-width: 600px) {
  .commission-heading,
  .commission-control-copy,
  .commission-card footer { align-items: stretch; flex-direction: column; }
  .commission-period,
  .commission-actions { flex-wrap: wrap; }
  .commission-flow { align-items: flex-start; }
  .commission-flow article { min-width: 0; flex: 1; }
  .commission-flow article span small { display: none; }
  .commission-flow > i { margin-top: 16px; }
  .commission-summary { grid-template-columns: 1fr; }
  .commission-card header { grid-template-columns: auto 1fr; }
  .commission-card header .commission-status { grid-column: 1 / -1; }
}

.catalog-validity { margin:2px 0; padding:14px; border:1px solid var(--sales-border, #d4deeb); border-radius:10px; background:var(--sales-raised, #f8fbff); }
.catalog-validity legend { padding:0 6px; color:var(--sales-text, #243451); font-size:.78rem; font-weight:800; }
.catalog-validity-options { display:flex; gap:20px; align-items:center; }
.sales-team-form .catalog-validity-options label { display:flex; grid-template-columns:none; align-items:center; gap:7px; color:var(--sales-text, #243451); cursor:pointer; }
.catalog-validity-options input { width:16px; min-height:16px; height:16px; margin:0; accent-color:var(--sales-accent, #2563eb); }
.catalog-expiration-date { margin-top:13px; max-width:280px; }
.catalog-validity p { margin:9px 0 0 !important; font-size:.72rem !important; }
.catalog-expiration-date[hidden] { display:none !important; }
.order-sale-type { margin:2px 0; padding:13px 14px; border:1px solid var(--sales-border, #d4deeb); border-radius:10px; background:var(--sales-raised, #f8fbff); }
.order-sale-type legend { padding:0 6px; color:var(--sales-text, #243451); font-size:.78rem; font-weight:800; }
.order-sale-type > div { display:flex; gap:22px; align-items:center; }
.sales-team-form .order-sale-type label { display:flex; grid-template-columns:none; align-items:center; gap:7px; color:var(--sales-text, #243451); cursor:pointer; }
.order-sale-type input { width:16px; min-height:16px; height:16px; margin:0; accent-color:var(--sales-accent, #2563eb); }
.order-sale-type p { margin:9px 0 0 !important; font-size:.72rem !important; }
.cart-row > span { display:grid; gap:2px; }
.cart-row > span small { color:var(--sales-muted, #687792); font-size:.68rem; }

/* Pedidos recentes em formato de ticket */
.orders-list { gap:14px; padding-right:5px; }
.order-ticket { position:relative; overflow:hidden; border:1px solid var(--sales-border, #d4deeb); border-radius:14px; background:var(--sales-panel, #fff); color:var(--sales-text, #17233c); box-shadow:0 8px 22px rgba(23,35,60,.07); }
.order-ticket::before { content:""; position:absolute; inset:0 auto 0 0; width:4px; background:linear-gradient(180deg, var(--sales-accent, #2563eb), #38bdf8); }
.order-ticket-head { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:14px 17px 12px 20px; border-bottom:1px dashed var(--sales-border, #d4deeb); background:var(--sales-raised, #f8fbff); }
.order-ticket-number { display:grid; gap:3px; }
.order-ticket-number small,
.order-ticket-field > small { color:var(--sales-muted, #687792); font-size:.64rem; font-weight:800; letter-spacing:.07em; text-transform:uppercase; }
.order-ticket-number strong { color:var(--sales-accent-text, #1d4ed8); font-size:1.05rem; letter-spacing:.04em; }
.order-ticket-status { display:inline-flex; align-items:center; min-height:25px; padding:4px 9px; border-radius:999px; background:var(--sales-accent-soft, #e8f0ff); color:var(--sales-accent-text, #1d4ed8); font-size:.63rem; font-weight:800; text-transform:uppercase; }
.order-ticket-status.is-cancelado { background:rgba(239,68,68,.12); color:#dc2626; }
.order-ticket-body { display:grid; grid-template-columns:minmax(190px,1.4fr) minmax(120px,.7fr) minmax(150px,1fr); }
.order-ticket-field { display:grid; align-content:start; gap:7px; min-width:0; padding:15px 17px 16px 20px; }
.order-ticket-field + .order-ticket-field { border-left:1px solid var(--sales-border, #d4deeb); }
.order-ticket-field strong { overflow:hidden; color:var(--sales-text, #17233c); font-size:.84rem; text-overflow:ellipsis; }
.order-ticket-value { color:var(--sales-success-text, #168653) !important; font-size:1rem !important; }
.order-ticket-products ul { display:grid; gap:5px; margin:0; padding:0; list-style:none; }
.order-ticket-products li { display:flex; align-items:center; justify-content:space-between; gap:10px; color:var(--sales-text, #17233c); font-size:.8rem; font-weight:700; }
.order-ticket-products li small { flex:0 0 auto; color:var(--sales-muted, #687792); font-size:.68rem; font-weight:700; }
.order-ticket-no-product { color:var(--sales-muted, #687792); font-size:.78rem; }
.order-ticket-actions { display:flex; align-items:center; gap:8px; padding:11px 17px 12px 20px; border-top:1px dashed var(--sales-border, #d4deeb); background:var(--sales-raised, #f8fbff); }
.order-ticket-actions button { min-height:31px; padding:6px 12px; border:1px solid var(--sales-border, #d4deeb); border-radius:8px; background:var(--sales-panel, #fff); color:var(--sales-text, #17233c); font-size:.72rem; font-weight:800; cursor:pointer; transition:transform .15s ease, border-color .15s ease, background .15s ease; }
.order-ticket-actions button:hover { transform:translateY(-1px); border-color:var(--sales-accent, #2563eb); }
.order-ticket-actions .is-repeat { background:var(--sales-accent, #2563eb); border-color:var(--sales-accent, #2563eb); color:#fff; }
.order-ticket-actions .is-cancel { color:#b45309; }
.order-ticket-actions .is-delete { margin-left:auto; color:#dc2626; }
.order-ticket.is-cancelled { opacity:.78; }
.order-ticket.is-cancelled::before { background:#ef4444; }
@media (max-width:700px) {
  .order-ticket-body { grid-template-columns:1fr; }
  .order-ticket-field + .order-ticket-field { border-left:0; border-top:1px solid var(--sales-border, #d4deeb); }
  .order-ticket-actions { flex-wrap:wrap; }
}

/* Quadro operacional de pronta entrega */
.delivery-board { padding:18px; }
.delivery-board-head { display:flex; align-items:center; justify-content:space-between; gap:18px; margin-bottom:16px; }
.delivery-board-head h2 { margin:0 0 4px; color:var(--sales-text, #17233c); font-size:1rem; }
.delivery-board-head p { margin:0; color:var(--sales-muted, #687792); font-size:.75rem; }
.delivery-count { display:inline-flex; align-items:center; min-height:30px; padding:5px 11px; border-radius:999px; background:var(--sales-accent-soft, #e8f0ff); color:var(--sales-accent-text, #1d4ed8); font-size:.7rem; font-weight:800; white-space:nowrap; }
.delivery-ticket-grid { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:14px; align-items:stretch; }
.delivery-ticket-grid > .sales-team-empty { grid-column:1 / -1; }
.delivery-ticket { position:relative; overflow:hidden; min-width:0; border:1px solid var(--sales-border, #d4deeb); border-radius:14px; background:var(--sales-panel, #fff); color:var(--sales-text, #17233c); box-shadow:0 7px 20px rgba(23,35,60,.07); }
.delivery-ticket::before { content:""; position:absolute; inset:0 auto 0 0; width:4px; background:linear-gradient(180deg, #0ea5e9, var(--sales-accent, #2563eb)); }
.delivery-ticket header { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:14px 14px 12px 18px; border-bottom:1px dashed var(--sales-border, #d4deeb); background:var(--sales-raised, #f8fbff); }
.delivery-ticket header > div { display:grid; gap:3px; }
.delivery-ticket small { color:var(--sales-muted, #687792); font-size:.61rem; font-weight:800; letter-spacing:.07em; text-transform:uppercase; }
.delivery-ticket header strong { color:var(--sales-accent-text, #1d4ed8); font-size:.94rem; letter-spacing:.035em; }
.delivery-ticket header > span { display:inline-flex; padding:4px 8px; border-radius:999px; background:var(--sales-success-bg, #e8f7ef); color:var(--sales-success-text, #168653); font-size:.58rem; font-weight:800; text-transform:uppercase; white-space:nowrap; }
.delivery-ticket-content { display:grid; }
.delivery-ticket-content section { display:grid; gap:5px; min-width:0; padding:13px 14px 13px 18px; }
.delivery-ticket-content section + section { border-top:1px solid var(--sales-border, #d4deeb); }
.delivery-ticket-content strong { overflow-wrap:anywhere; color:var(--sales-text, #17233c); font-size:.8rem; line-height:1.4; }
.delivery-ticket-content span { overflow:hidden; color:var(--sales-muted, #687792); font-size:.72rem; text-overflow:ellipsis; white-space:nowrap; }
.delivery-ticket-value { color:var(--sales-success-text, #168653) !important; font-size:1rem !important; }
@media (max-width:1050px) { .delivery-ticket-grid { grid-template-columns:repeat(2, minmax(0, 1fr)); } }
@media (max-width:650px) {
  .delivery-board-head { align-items:flex-start; flex-direction:column; }
  .delivery-ticket-grid { grid-template-columns:1fr; }
}