/* Realizar Venda / Pré-venda */

.items-list{
            max-height: 300px;
            overflow-y: auto;
            margin-bottom: 8px;
            padding: 0 12px;
            background: #fbfdff;
            border: 1px solid var(--line);
            border-radius: 14px;
        }

.item-line{ padding: 11px 2px; display: flex; justify-content: space-between; align-items: center; gap: 12px; border-bottom: 1px solid #e6edf4; font-size: 11px; cursor: pointer; }

.item-line:last-child{ border-bottom: 0; }

.item-main{ flex: 1; min-width: 0; }

.item-main strong{ display: inline-block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--primary); font-size: 12px; }

.item-meta{ min-width: 110px; text-align: right; color: #5d7189; }

.totais{
            margin: 12px 0 15px;
            padding: 14px 15px;
            color: #d8e8f5;
            background: linear-gradient(135deg, #0b2a4a, #124f82);
            border-radius: 16px;
            box-shadow: 0 12px 24px rgba(11, 42, 74, .14);
            font-size: 11px;
        }

.tot-line{ display: flex; justify-content: space-between; gap: 12px; margin-bottom: 5px; }

.tot-line:last-child{ margin-bottom: 0; }

.tot-line strong{ color: #fff; }

.tot-line.total{ margin-top: 9px; padding-top: 9px; border-top: 1px solid rgba(255,255,255,.16); font-size: 14px; }

.tot-line.total strong:last-child{ color: #ffe36c; }

@media (min-width: 981px){
body.logged-app #screen-vendedor,
body.logged-app #screen-itens,
body.logged-app #screen-final{
    width:auto !important;
    max-width:none !important;
    margin-top:0 !important;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
  }
}

@media (max-width: 980px){
body.logged-app #screen-vendedor,
body.logged-app #screen-itens,
body.logged-app #screen-final{
    margin:0 !important;
    max-width:none !important;
    width:auto !important;
  }
}

body.logged-app.theme-dark .totais{
  background: #0b1728 !important;
  border-color: #1f3048 !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, .24) !important;
}

body.logged-app.theme-dark .item-line{
  background: #091220 !important;
  color: #edf4ff !important;
  border-color: #223550 !important;
}

.desktop-only-title,
.prevenda-client-desktop,
.desktop-payment-title,
.desktop-payment-grid{ display:none; }

.prevenda-desktop-shell{ display:contents; }

@media (min-width: 981px){
body.logged-app.desktop-prevenda-open .prevenda-desktop-shell{
    min-height:calc(100vh - 112px);
    padding:12px 14px 18px;
    display:grid;
    grid-template-columns:minmax(250px, .78fr) minmax(520px, 2fr) minmax(300px, .92fr);
    grid-template-rows:auto 1fr;
    gap:12px;
    align-items:stretch;
  }
body.logged-app.desktop-prevenda-open #screen-vendedor,
body.logged-app.desktop-prevenda-open #screen-itens,
body.logged-app.desktop-prevenda-open #screen-final{
    display:block !important;
    margin:0 !important;
    padding:18px !important;
    background:#fff !important;
    border:1px solid #dbe6f0 !important;
    border-radius:16px !important;
    box-shadow:0 8px 26px rgba(17, 48, 79, .055) !important;
    animation:none !important;
    min-width:0;
  }
body.logged-app.desktop-prevenda-open #screen-vendedor{
    grid-column:1 / -1;
    grid-row:1;
    display:grid !important;
    grid-template-columns:minmax(260px, 1.25fr) minmax(240px, 1fr) auto;
    align-items:end;
    column-gap:16px;
    padding:14px 18px !important;
  }
body.logged-app.desktop-prevenda-open #screen-itens{
    grid-column:1 / 3;
    grid-row:2;
    display:flex !important;
    flex-direction:column;
    min-height:560px;
  }
body.logged-app.desktop-prevenda-open #screen-final{
    grid-column:3;
    grid-row:2;
    display:flex !important;
    flex-direction:column;
    min-height:560px;
  }
body.logged-app.desktop-prevenda-open .mobile-only-title{ display:none; }
body.logged-app.desktop-prevenda-open .desktop-only-title{ display:inline; }
body.logged-app.desktop-prevenda-open .prevenda-section-title{
    margin:0 0 12px;
    font-size:15px;
  }
body.logged-app.desktop-prevenda-open #screen-vendedor .prevenda-section-title{
    grid-column:1 / -1;
    margin-bottom:4px;
    display:flex;
    align-items:center;
    justify-content:space-between;
  }
body.logged-app.desktop-prevenda-open #screen-vendedor .prevenda-client-desktop{
    display:block;
    grid-column:1;
  }
.prevenda-client-chip{
    min-height:44px;
    padding:0 14px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    color:#1558a6;
    background:#eef7fc;
    border:1px solid #cfe2ef;
    border-radius:11px;
    font-size:12px;
    font-weight:800;
  }
.prevenda-client-status{
    width:9px;
    height:9px;
    flex:0 0 auto;
    border-radius:50%;
    background:#21a66f;
    box-shadow:0 0 0 4px rgba(33,166,111,.12);
  }
body.logged-app.desktop-prevenda-open #screen-vendedor > .field{
    grid-column:2;
    margin:0;
  }
body.logged-app.desktop-prevenda-open #screen-vendedor > .row{
    grid-column:3;
    margin:0 !important;
  }
body.logged-app.desktop-prevenda-open #screen-vendedor > .row #btn-voltar-menu{
    width:112px;
    min-height:44px;
  }
body.logged-app.desktop-prevenda-open #btn-to-step2,
body.logged-app.desktop-prevenda-open #btn-logout,
body.logged-app.desktop-prevenda-open #btn-back-to-1,
body.logged-app.desktop-prevenda-open #btn-to-step3,
body.logged-app.desktop-prevenda-open #btn-back-to-2,
body.logged-app.desktop-prevenda-open #btn-finalizar,
body.logged-app.desktop-prevenda-open #screen-final > .field:has(#select-pagamento){
    display:none !important;
  }
body.logged-app.desktop-prevenda-open #screen-vendedor > .field:last-child{ display:none; }
body.logged-app.desktop-prevenda-open #screen-itens > .pill{ display:none; }
body.logged-app.desktop-prevenda-open #screen-itens > .row:first-of-type{
    display:grid;
    grid-template-columns:minmax(280px, 1fr) auto;
    gap:10px;
    align-items:end;
  }
body.logged-app.desktop-prevenda-open #screen-itens > .field:has(#input-qtd){
    width:130px;
    margin-top:-59px;
    margin-left:calc(100% - 286px);
    position:relative;
    z-index:2;
  }
body.logged-app.desktop-prevenda-open #screen-itens > .field:has(#btn-add-item){
    width:145px;
    margin:-51px 0 12px auto !important;
    position:relative;
    z-index:2;
  }
body.logged-app.desktop-prevenda-open #btn-add-item{ min-height:45px; }
body.logged-app.desktop-prevenda-open #screen-itens > .divider{ margin:4px 0 12px; }
body.logged-app.desktop-prevenda-open .items-list{
    flex:1;
    max-height:none;
    min-height:320px;
    padding:0;
    margin:0;
    overflow:auto;
    border-radius:12px;
  }
body.logged-app.desktop-prevenda-open .item-line{
    padding:12px 14px;
    font-size:11px;
  }
body.logged-app.desktop-prevenda-open .item-line:nth-child(even){ background:#f8fbfe; }
body.logged-app.desktop-prevenda-open #screen-itens .totais{
    margin:12px 0 0;
    padding:12px 15px;
    border-radius:12px;
  }
body.logged-app.desktop-prevenda-open #screen-final > .pill{ margin-bottom:8px; }
body.logged-app.desktop-prevenda-open #screen-final > .pill:first-of-type{ display:none; }
body.logged-app.desktop-prevenda-open #screen-final .totais{
    margin:4px 0 13px;
    padding:16px;
  }
body.logged-app.desktop-prevenda-open #screen-final .tot-line.total{
    font-size:16px;
  }
body.logged-app.desktop-prevenda-open #screen-final > .row:has(#input-desconto){
    order:3;
  }
body.logged-app.desktop-prevenda-open #screen-final > .totais{ order:2; }
body.logged-app.desktop-prevenda-open #screen-final > .desktop-payment-title{ order:4; }
body.logged-app.desktop-prevenda-open #screen-final > .desktop-payment-grid{ order:5; }
body.logged-app.desktop-prevenda-open #screen-final > .section-title{ order:0; }
body.logged-app.desktop-prevenda-open #screen-final > #final-msg,
body.logged-app.desktop-prevenda-open #screen-final > #final-error{ order:1; }
body.logged-app.desktop-prevenda-open #screen-final > .pill{ order:1; }
body.logged-app.desktop-prevenda-open #screen-final > input{ order:6; }
body.logged-app.desktop-prevenda-open #screen-final > .row:last-child{ order:7; }
body.logged-app.desktop-prevenda-open .desktop-payment-title{
    display:block;
    margin:4px 0 9px;
    color:#526981;
    font-size:11px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.04em;
  }
body.logged-app.desktop-prevenda-open .desktop-payment-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
    margin-top:auto;
  }
.desktop-payment-btn{
    aspect-ratio:1.12 / 1;
    min-height:112px;
    padding:14px 8px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:9px;
    color:#fff;
    border:0;
    border-radius:15px;
    cursor:pointer;
    box-shadow:0 10px 20px rgba(15, 51, 84, .13);
    transition:transform .14s ease, box-shadow .14s ease, filter .14s ease;
  }
.desktop-payment-btn:hover{ transform:translateY(-2px); filter:brightness(1.04); box-shadow:0 14px 26px rgba(15,51,84,.18); }
.desktop-payment-btn:active{ transform:translateY(0) scale(.985); }
.desktop-payment-btn.money{ background:linear-gradient(145deg,#168a61,#20ad7b); }
.desktop-payment-btn.pix{ background:linear-gradient(145deg,#087f82,#18a8a8); }
.desktop-payment-btn.credit{ background:linear-gradient(145deg,#164f91,#2478ca); }
.desktop-payment-btn.debit{ background:linear-gradient(145deg,#5b42a3,#7961c9); }
.desktop-payment-btn .payment-icon{
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    border-radius:13px;
    background:rgba(255,255,255,.16);
  }
.desktop-payment-btn svg{
    width:25px;
    height:25px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
  }
.desktop-payment-btn strong{ font-size:11px; letter-spacing:.035em; }
body.logged-app.desktop-prevenda-open #step-indicator{ display:none !important; }
}

@media (min-width:981px) and (max-width:1180px){
body.logged-app.desktop-prevenda-open .prevenda-desktop-shell{
    grid-template-columns:minmax(220px,.72fr) minmax(430px,1.6fr) minmax(280px,.82fr);
    padding-left:10px;
    padding-right:10px;
  }
.desktop-payment-btn{ min-height:100px; }
}

@media (min-width: 981px){
body.logged-app.desktop-prevenda-open .prevenda-desktop-shell{
    box-sizing: border-box !important;
    width: calc(100% - 266px) !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 0 0 266px !important;
    padding: 18px 24px 24px !important;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 360px) !important;
    grid-template-rows: auto minmax(0, 1fr) !important;
    gap: 16px !important;
  }
body.logged-app.sidebar-collapsed.desktop-prevenda-open .prevenda-desktop-shell{
    width: calc(100% - 86px) !important;
    margin-left: 86px !important;
  }
body.logged-app.desktop-prevenda-open #screen-vendedor{
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
    grid-template-columns: minmax(220px, 1fr) minmax(240px, 1fr) 112px !important;
    gap: 14px !important;
    min-width: 0 !important;
  }
body.logged-app.desktop-prevenda-open #screen-itens{
    grid-column: 1 !important;
    grid-row: 2 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 112px 148px !important;
    grid-template-rows: auto auto auto minmax(300px, 1fr) auto !important;
    align-content: stretch !important;
    gap: 10px !important;
    min-width: 0 !important;
    min-height: 0 !important;
  }
body.logged-app.desktop-prevenda-open #screen-final{
    grid-column: 2 !important;
    grid-row: 2 !important;
    min-width: 0 !important;
    min-height: 0 !important;
  }
body.logged-app.desktop-prevenda-open #screen-itens > .prevenda-section-title,
body.logged-app.desktop-prevenda-open #screen-itens > #itens-error,
body.logged-app.desktop-prevenda-open #screen-itens > .divider,
body.logged-app.desktop-prevenda-open #screen-itens > .items-list,
body.logged-app.desktop-prevenda-open #screen-itens > .totais{
    grid-column: 1 / -1 !important;
  }
body.logged-app.desktop-prevenda-open #screen-itens > .prevenda-section-title{
    grid-row: 1 !important;
    margin-bottom: 0 !important;
  }
body.logged-app.desktop-prevenda-open #screen-itens > #itens-error{
    grid-row: 2 !important;
    margin: 0 !important;
  }
body.logged-app.desktop-prevenda-open #screen-itens > .row:first-of-type{
    grid-column: 1 !important;
    grid-row: 3 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 8px !important;
    align-items: end !important;
    min-width: 0 !important;
    margin: 0 !important;
  }
body.logged-app.desktop-prevenda-open #screen-itens > .row:first-of-type > .field:first-child{
    min-width: 0 !important;
    margin: 0 !important;
  }
body.logged-app.desktop-prevenda-open #screen-itens > .row:first-of-type > .field:last-child{
    margin: 0 !important;
    white-space: nowrap !important;
  }
body.logged-app.desktop-prevenda-open #screen-itens > .field:has(#input-qtd){
    grid-column: 2 !important;
    grid-row: 3 !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    position: static !important;
    z-index: auto !important;
    align-self: end !important;
  }
body.logged-app.desktop-prevenda-open #screen-itens > .field:has(#btn-add-item){
    grid-column: 3 !important;
    grid-row: 3 !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    position: static !important;
    z-index: auto !important;
    align-self: end !important;
  }
body.logged-app.desktop-prevenda-open #screen-itens > .divider{
    grid-row: 4 !important;
    height: 1px !important;
    margin: 2px 0 0 !important;
    align-self: start !important;
  }
body.logged-app.desktop-prevenda-open #screen-itens > .items-list{
    grid-row: 4 !important;
    margin-top: 12px !important;
    min-width: 0 !important;
    min-height: 300px !important;
    overflow: auto !important;
  }
body.logged-app.desktop-prevenda-open #screen-itens > .totais{
    grid-row: 5 !important;
    margin: 0 !important;
  }
body.logged-app.desktop-prevenda-open #screen-itens input,
body.logged-app.desktop-prevenda-open #screen-itens button,
body.logged-app.desktop-prevenda-open #screen-vendedor select{
    max-width: 100% !important;
  }
body.logged-app.desktop-prevenda-open .desktop-payment-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
body.logged-app.desktop-prevenda-open .desktop-payment-btn{
    width: 100% !important;
    min-width: 0 !important;
    aspect-ratio: auto !important;
    min-height: 106px !important;
  }
}

@media (min-width: 981px) and (max-width: 1240px){
body.logged-app.desktop-prevenda-open .prevenda-desktop-shell{
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto auto auto !important;
  }
body.logged-app.desktop-prevenda-open #screen-vendedor{
    grid-column: 1 !important;
    grid-row: 1 !important;
  }
body.logged-app.desktop-prevenda-open #screen-itens{
    grid-column: 1 !important;
    grid-row: 2 !important;
    min-height: 500px !important;
  }
body.logged-app.desktop-prevenda-open #screen-final{
    grid-column: 1 !important;
    grid-row: 3 !important;
    min-height: auto !important;
  }
body.logged-app.desktop-prevenda-open #screen-final{
    display: grid !important;
    grid-template-columns: minmax(230px, .8fr) minmax(320px, 1.2fr) !important;
    gap: 12px 18px !important;
  }
body.logged-app.desktop-prevenda-open #screen-final > .section-title,
body.logged-app.desktop-prevenda-open #screen-final > #final-msg,
body.logged-app.desktop-prevenda-open #screen-final > #final-error,
body.logged-app.desktop-prevenda-open #screen-final > .pill{
    grid-column: 1 / -1 !important;
  }
body.logged-app.desktop-prevenda-open #screen-final > .totais,
body.logged-app.desktop-prevenda-open #screen-final > .row:has(#input-desconto){
    grid-column: 1 !important;
  }
body.logged-app.desktop-prevenda-open #screen-final > .desktop-payment-title,
body.logged-app.desktop-prevenda-open #screen-final > .desktop-payment-grid{
    grid-column: 2 !important;
  }
body.logged-app.desktop-prevenda-open #screen-final > .desktop-payment-title{
    align-self: end !important;
  }
body.logged-app.desktop-prevenda-open #screen-final > .desktop-payment-grid{
    margin-top: 0 !important;
  }
}

@media (min-width: 981px) and (max-width: 1080px){
body.logged-app.desktop-prevenda-open .prevenda-desktop-shell{
    padding: 14px !important;
  }
body.logged-app.desktop-prevenda-open #screen-vendedor{
    grid-template-columns: minmax(190px, 1fr) minmax(210px, 1fr) 96px !important;
    gap: 10px !important;
  }
body.logged-app.desktop-prevenda-open #screen-itens{
    grid-template-columns: minmax(0, 1fr) 96px 128px !important;
  }
body.logged-app.desktop-prevenda-open #screen-itens .btn-icon{
    width: 40px !important;
    height: 45px !important;
  }
}

@media (min-width: 981px){
body.logged-app.desktop-prevenda-open #screen-itens .btn-icon{
    display: none !important;
  }
}

@media (min-width: 981px){
body.logged-app.desktop-prevenda-open #screen-itens{
    grid-template-columns: minmax(0, 1fr) 112px 150px !important;
  }
body.logged-app.desktop-prevenda-open #screen-itens > .row:first-of-type{
    grid-template-columns: minmax(0, 1fr) 156px !important;
    min-width: 0 !important;
  }
body.logged-app.desktop-prevenda-open #screen-itens > .field:has(#input-qtd){
    width: 112px !important;
  }
body.logged-app.desktop-prevenda-open #input-qtd{
    width: 100% !important;
    min-width: 0 !important;
  }
body.logged-app.desktop-prevenda-open #btn-add-item{
    width: 150px !important;
    min-width: 150px !important;
    height: 45px !important;
  }
}

@media (min-width: 981px){
body.logged-app.desktop-prevenda-open #screen-itens{
    grid-template-columns: minmax(260px, 1fr) 160px 100px 150px !important;
    grid-template-rows: auto auto auto minmax(300px, 1fr) auto !important;
    column-gap: 10px !important;
  }
body.logged-app.desktop-prevenda-open #screen-itens > .row:first-of-type{
    display: contents !important;
  }
body.logged-app.desktop-prevenda-open #screen-itens > .row:first-of-type > .field:first-child{
    grid-column: 1 !important;
    grid-row: 3 !important;
    min-width: 0 !important;
    margin: 0 !important;
    align-self: end !important;
  }
body.logged-app.desktop-prevenda-open #screen-itens > .row:first-of-type > .field:last-child{
    grid-column: 2 !important;
    grid-row: 3 !important;
    min-width: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    align-self: end !important;
  }
body.logged-app.desktop-prevenda-open #screen-itens > .field:has(#input-qtd){
    grid-column: 3 !important;
    grid-row: 3 !important;
    margin: 0 !important;
    align-self: end !important;
  }
body.logged-app.desktop-prevenda-open #screen-itens > .field:has(#btn-add-item){
    grid-column: 4 !important;
    grid-row: 3 !important;
    margin: 0 !important;
    align-self: end !important;
  }
body.logged-app.desktop-prevenda-open #btn-add-item{
    width: 100% !important;
    min-width: 0 !important;
    white-space: nowrap !important;
  }
body.logged-app.desktop-prevenda-open #input-codigo,
body.logged-app.desktop-prevenda-open #input-qtd,
body.logged-app.desktop-prevenda-open #btn-add-item{
    min-height: 45px !important;
    height: 45px !important;
  }
}

@media (min-width: 981px) and (max-width: 1100px){
body.logged-app.desktop-prevenda-open #screen-itens{
    grid-template-columns: minmax(220px, 1fr) 145px 88px 132px !important;
    column-gap: 8px !important;
  }
}

.prevenda-entry-line{ display: block; }

.prevenda-entry-label-spacer{
  display: block;
  margin-bottom: 6px;
  visibility: hidden;
  color: transparent;
  font-size: 11px;
  font-weight: 700;
  line-height: normal;
}

.prevenda-mobile-tools{ display: flex; gap: 6px; }

@media (min-width: 981px){
body.logged-app.desktop-prevenda-open #screen-itens .prevenda-entry-line{
    grid-column: 1 / -1 !important;
    grid-row: 3 !important;
    display: grid !important;
    grid-template-columns: minmax(280px, 1fr) 154px 112px 150px !important;
    align-items: end !important;
    gap: 10px !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 0 6px !important;
  }
body.logged-app.desktop-prevenda-open #screen-itens .prevenda-entry-line > .field{
    display: block !important;
    min-width: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }
body.logged-app.desktop-prevenda-open .prevenda-mobile-tools{ display: none !important; }
body.logged-app.desktop-prevenda-open .prevenda-entry-line input,
body.logged-app.desktop-prevenda-open .prevenda-entry-line button{
    width: 100% !important;
    min-width: 0 !important;
    height: 45px !important;
    min-height: 45px !important;
    margin: 0 !important;
  }
body.logged-app.desktop-prevenda-open .prevenda-entry-line #btn-add-item{
    white-space: nowrap !important;
  }
body.logged-app.desktop-prevenda-open #screen-itens > .row:first-of-type,
body.logged-app.desktop-prevenda-open #screen-itens > .field:has(#input-qtd),
body.logged-app.desktop-prevenda-open #screen-itens > .field:has(#btn-add-item){
    grid-column: auto !important;
    grid-row: auto !important;
  }
}

@media (min-width: 981px) and (max-width: 1180px){
body.logged-app.desktop-prevenda-open #screen-itens .prevenda-entry-line{
    grid-template-columns: minmax(220px, 1fr) 140px 96px 132px !important;
    gap: 8px !important;
  }
body.logged-app.desktop-prevenda-open .prevenda-entry-line #btn-add-item{
    padding-left: 8px !important;
    padding-right: 8px !important;
    font-size: 11px !important;
  }
}

@media (max-width: 980px){
.prevenda-entry-line{ display: block; }
.prevenda-entry-line > .field{ margin-bottom: 14px; }
.prevenda-entry-tools .prevenda-entry-label-spacer,
.prevenda-entry-add .prevenda-entry-label-spacer{ display: none; }
}

@media (min-width: 981px){
body.logged-app.desktop-prevenda-open{
    height: 100dvh !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }
body.logged-app.desktop-prevenda-open .shell,
body.logged-app.desktop-prevenda-open .card{
    width: 100% !important;
    max-width: none !important;
    height: 100dvh !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }
body.logged-app.desktop-prevenda-open .card-header{ display: none !important; }
body.logged-app.desktop-prevenda-open .prevenda-desktop-shell{
    width: calc(100% - 218px) !important;
    height: 100dvh !important;
    min-height: 0 !important;
    max-height: 100dvh !important;
    margin: 0 0 0 218px !important;
    padding: clamp(8px, 1.2vh, 15px) clamp(10px, 1.2vw, 20px) !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) clamp(300px, 26vw, 390px) !important;
    grid-template-rows: auto minmax(0, 1fr) !important;
    gap: clamp(7px, 1vh, 12px) !important;
    overflow: hidden !important;
  }
body.logged-app.sidebar-collapsed.desktop-prevenda-open .prevenda-desktop-shell{
    width: calc(100% - 58px) !important;
    margin-left: 58px !important;
  }
body.logged-app.desktop-prevenda-open #screen-vendedor,
body.logged-app.desktop-prevenda-open #screen-itens,
body.logged-app.desktop-prevenda-open #screen-final{
    min-height: 0 !important;
    overflow: hidden !important;
  }
body.logged-app.desktop-prevenda-open #screen-vendedor{
    padding: clamp(8px, 1vh, 14px) 16px !important;
  }
body.logged-app.desktop-prevenda-open #screen-vendedor .section-title{ margin-bottom: 0 !important; }
body.logged-app.desktop-prevenda-open #screen-itens,
body.logged-app.desktop-prevenda-open #screen-final{
    height: 100% !important;
    padding: clamp(8px, 1.1vh, 14px) !important;
  }
body.logged-app.desktop-prevenda-open #screen-itens{
    grid-template-rows: auto auto minmax(0, 1fr) auto !important;
    align-content: stretch !important;
    gap: clamp(5px, .75vh, 9px) !important;
  }
body.logged-app.desktop-prevenda-open #screen-itens > .pill,
body.logged-app.desktop-prevenda-open #screen-itens > .divider{ display: none !important; }
body.logged-app.desktop-prevenda-open #screen-itens > .prevenda-entry-line{
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    margin: 0 !important;
  }
body.logged-app.desktop-prevenda-open #screen-itens > .items-list{
    grid-column: 1 / -1 !important;
    grid-row: 3 !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
  }
body.logged-app.desktop-prevenda-open #screen-itens > .totais{
    grid-column: 1 / -1 !important;
    grid-row: 4 !important;
    margin: 0 !important;
    padding: 8px 12px !important;
  }
body.logged-app.desktop-prevenda-open .item-line{
    padding-top: 7px !important;
    padding-bottom: 7px !important;
  }
body.logged-app.desktop-prevenda-open #screen-final{
    display: flex !important;
    flex-direction: column !important;
    gap: clamp(5px, .75vh, 9px) !important;
  }
body.logged-app.desktop-prevenda-open #screen-final > *{
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
body.logged-app.desktop-prevenda-open #screen-final > .pill{ padding: 7px 10px !important; }
body.logged-app.desktop-prevenda-open #screen-final > .totais{ padding: 9px 12px !important; }
body.logged-app.desktop-prevenda-open .desktop-payment-grid{
    flex: 1 1 auto !important;
    min-height: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: repeat(2, minmax(54px, 1fr)) !important;
    gap: clamp(6px, .8vh, 9px) !important;
  }
body.logged-app.desktop-prevenda-open .desktop-payment-btn{
    width: 100% !important;
    height: 100% !important;
    min-height: 54px !important;
    max-height: 96px !important;
    padding: 7px !important;
  }
body.logged-app.desktop-prevenda-open #screen-final > .row:has(#btn-back-to-2){
    display: none !important;
  }
}

@media (min-width: 981px) and (max-height: 760px){
body.logged-app.desktop-prevenda-open .prevenda-desktop-shell{
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    gap: 6px !important;
  }
body.logged-app.desktop-prevenda-open #screen-vendedor,
body.logged-app.desktop-prevenda-open #screen-itens,
body.logged-app.desktop-prevenda-open #screen-final{
    padding-top: 7px !important;
    padding-bottom: 7px !important;
  }
body.logged-app.desktop-prevenda-open .section-title{
    margin-bottom: 4px !important;
    font-size: 15px !important;
  }
body.logged-app.desktop-prevenda-open label{
    margin-bottom: 3px !important;
    font-size: 10px !important;
  }
body.logged-app.desktop-prevenda-open #screen-vendedor input,
body.logged-app.desktop-prevenda-open #screen-vendedor select,
body.logged-app.desktop-prevenda-open #screen-itens input,
body.logged-app.desktop-prevenda-open #screen-final input,
body.logged-app.desktop-prevenda-open #btn-add-item{
    min-height: 35px !important;
    height: 35px !important;
  }
body.logged-app.desktop-prevenda-open .desktop-payment-btn{
    min-height: 49px !important;
    max-height: 74px !important;
  }
}

@media (min-width: 1900px){
body.logged-app.desktop-prevenda-open .prevenda-desktop-shell{
    grid-template-columns: minmax(0, 1fr) clamp(350px, 20vw, 470px) !important;
    padding-left: 28px !important;
    padding-right: 28px !important;
  }
}

@media (min-width: 981px){
body.logged-app.desktop-prevenda-open #screen-itens{
    grid-template-rows: auto auto auto minmax(0, 1fr) auto !important;
  }
body.logged-app.desktop-prevenda-open #screen-itens > .prevenda-section-title{
    grid-row: 1 !important;
  }
body.logged-app.desktop-prevenda-open #screen-itens > #itens-error{
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    position: static !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 8px 10px !important;
    z-index: auto !important;
  }
body.logged-app.desktop-prevenda-open #screen-itens > .prevenda-entry-line{
    grid-row: 3 !important;
  }
body.logged-app.desktop-prevenda-open #screen-itens > .items-list{
    grid-row: 4 !important;
  }
body.logged-app.desktop-prevenda-open #screen-itens > .totais{
    grid-row: 5 !important;
  }
body.logged-app.desktop-prevenda-open #select-vendedor{
    min-height: 40px !important;
    height: 40px !important;
    padding: 0 34px 0 12px !important;
    line-height: normal !important;
    overflow: visible !important;
  }
body.logged-app.desktop-prevenda-open #select-vendedor option{
    line-height: normal !important;
  }
}

@media (min-width: 981px){
body.theme-dark.logged-app.desktop-prevenda-open .prevenda-desktop-shell{
    background: #0d1520 !important;
  }
body.theme-dark.logged-app.desktop-prevenda-open #screen-vendedor,
body.theme-dark.logged-app.desktop-prevenda-open #screen-itens,
body.theme-dark.logged-app.desktop-prevenda-open #screen-final{
    color: #e6edf5 !important;
    background: #151f2c !important;
    border-color: #2b394a !important;
    box-shadow: 0 10px 28px rgba(0, 0, 0, .22) !important;
  }
body.theme-dark.logged-app.desktop-prevenda-open .prevenda-section-title,
body.theme-dark.logged-app.desktop-prevenda-open .desktop-payment-title,
body.theme-dark.logged-app.desktop-prevenda-open label{
    color: #dbe7f4 !important;
  }
body.theme-dark.logged-app.desktop-prevenda-open .prevenda-client-desktop,
body.theme-dark.logged-app.desktop-prevenda-open .prevenda-client-chip,
body.theme-dark.logged-app.desktop-prevenda-open .pill,
body.theme-dark.logged-app.desktop-prevenda-open .items-list,
body.theme-dark.logged-app.desktop-prevenda-open .item-line,
body.theme-dark.logged-app.desktop-prevenda-open .desktop-payment-btn{
    color: #e4edf6 !important;
    background: #1b2735 !important;
    border-color: #334356 !important;
  }
body.theme-dark.logged-app.desktop-prevenda-open .item-line:nth-child(even){
    background: #182330 !important;
  }
body.theme-dark.logged-app.desktop-prevenda-open .item-line:hover{
    background: #243447 !important;
  }
body.theme-dark.logged-app.desktop-prevenda-open input,
body.theme-dark.logged-app.desktop-prevenda-open select{
    color: #eef5fb !important;
    background: #111b27 !important;
    border-color: #3a4a5e !important;
  }
body.theme-dark.logged-app.desktop-prevenda-open input::placeholder{
    color: #8292a5 !important;
  }
body.theme-dark.logged-app.desktop-prevenda-open .item-main strong,
body.theme-dark.logged-app.desktop-prevenda-open .pill strong,
body.theme-dark.logged-app.desktop-prevenda-open .prevenda-client-chip{
    color: #f1f6fb !important;
  }
body.theme-dark.logged-app.desktop-prevenda-open .item-meta,
body.theme-dark.logged-app.desktop-prevenda-open .pill{
    color: #a9b7c7 !important;
  }
body.theme-dark.logged-app.desktop-prevenda-open .desktop-payment-btn:hover{
    background: #243447 !important;
  }
}