/* Vendas diretas (#vendas) — prefixo vd- */
.vd { display: grid; }
.vd-bar { display: flex; align-items: center; justify-content: space-between; gap: 10px 16px; flex-wrap: wrap; margin-bottom: 14px; }
.vd-bar .et-chips em { font-style: normal; color: var(--tx-3); margin-left: 2px; }
.vd-bar .input-icon { width: 280px; }
.vd-lista { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 12px; }
#view .vd-c { display: grid; gap: 10px; padding: 16px 18px; cursor: pointer; align-content: start; transition: border-color var(--t-fast); }
#view .vd-c:hover { border-color: var(--line-3); }
#view .vd-c.separar { border-color: color-mix(in srgb, var(--warn) 30%, var(--line)); }
#view .vd-c.cancelada { opacity: .6; }
.vd-c__h { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.vd-c__h .mono { font-size: var(--fs-xs); color: var(--tx-2); margin-right: auto; }
.vd-c__t { display: grid; gap: 2px; }
.vd-c__t b { font-weight: 600; font-size: var(--fs-md); }
.vd-c__t small { font-size: var(--fs-xs); color: var(--tx-3); line-height: 1.4; }
.vd-c__m { display: flex; align-items: center; gap: 6px 14px; flex-wrap: wrap; font-size: var(--fs-xs); color: var(--tx-2); }
.vd-c__m span { display: inline-flex; align-items: center; gap: 5px; }
.vd-c__m svg { width: 13px; height: 13px; color: var(--tx-3); }
.vd-c__m b { margin-left: auto; font-size: var(--fs-md); font-weight: 600; color: var(--tx); }
.vd-c__a { display: flex; gap: 6px; flex-wrap: wrap; justify-content: flex-end; padding-top: 10px; border-top: 1px solid var(--line); }
.vd-its { display: grid; gap: 4px; }
.vd-its > div { display: flex; align-items: center; gap: 10px; padding: 8px 0; border-top: 1px solid var(--line); font-size: var(--fs-sm); }
.vd-its > div:first-child { border-top: 0; }
.vd-its__n { display: grid; flex: 1; min-width: 0; }
.vd-its__n b { font-weight: 500; }
.vd-its__n small { font-size: var(--fs-2xs); color: var(--tx-3); }
.vd-its__q { white-space: nowrap; color: var(--tx-2); }
.vd-its__t { justify-content: space-between; font-weight: 600; }
/* venda no balcão */
.vd-modal { width: min(680px, calc(100vw - 32px)); }
.vd-bal__h { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; }
.vd-bis { display: grid; gap: 6px; }
.vd-bi { display: grid; grid-template-columns: auto minmax(0, 1fr) 96px 80px 90px 32px; gap: 8px; align-items: center; padding: 8px 10px; border-radius: var(--r-sm); background: var(--bg-2); border: 1px solid var(--line); }
.vd-bi__n { display: grid; min-width: 0; }
.vd-bi__n b { font-weight: 500; font-size: var(--fs-sm); }
.vd-bi__n small { font-size: var(--fs-2xs); color: var(--tx-3); }
.vd-bi .select, .vd-bi .input { height: 34px; width: 100%; font-size: var(--fs-xs); }
.vd-bi__c.muted { font-size: var(--fs-xs); text-align: center; }
.vd-bi__q { text-align: right; }
.vd-bi__v { text-align: right; font-size: var(--fs-sm); }
.vd-bal__v { display: flex; align-items: center; gap: 8px; justify-content: center; padding: 16px; border-radius: var(--r-sm); border: 1px solid var(--line); color: var(--tx-3); font-size: var(--fs-sm); }
.vd-bal__v svg { width: 16px; height: 16px; }
#vb-pick { margin-top: 10px; max-height: 360px; overflow: auto; border: 1px solid var(--line-2); border-radius: var(--r-md); padding: 10px; }
.vd-bal__tot { display: flex; align-items: baseline; gap: 10px; justify-content: flex-end; }
.vd-bal__tot b { font-size: var(--fs-xl); font-weight: 600; }
.vd-bal #vb-sai { grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 760px) {
  .vd-bar .input-icon { width: 100%; }
  .vd-lista { grid-template-columns: 1fr; }
  .vd-bi { display: flex; flex-wrap: wrap; }
  .vd-bi__n { flex: 1 1 60%; }
  .vd-bi .vd-bi__c, .vd-bi .vd-bi__q { width: 96px; }
  .vd-bi__v { margin-left: auto; }
  .vd-bal #vb-sai { grid-template-columns: 1fr; }
}