/* Consulta de produtos/preços */

.consulta-switch-row{
            margin-bottom: 15px;
            padding: 12px 14px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 14px;
            color: #425970;
            background: #f7fafd;
            border: 1px solid var(--line);
            border-radius: 14px;
            font-size: 12px;
        }

.consulta-switch-row strong{ color: var(--primary); }

.consulta-switch-row small{ display: block; margin-top: 3px; color: var(--muted); font-size: 10px; }

.produto-consulta-card{
            margin-top: 13px;
            padding: 18px;
            position: relative;
            overflow: hidden;
            background: linear-gradient(145deg, #fff, #f4f9fd);
            border: 1px solid #cfddea;
            border-radius: 18px;
            box-shadow: var(--shadow-sm);
        }

.produto-consulta-card::after{ content: ""; position: absolute; width: 110px; height: 110px; right: -45px; top: -55px; border-radius: 50%; background: rgba(245, 197, 24, .16); }

.produto-consulta-card .produto-nome{ position: relative; z-index: 1; margin-bottom: 5px; color: var(--primary); font-size: 17px; font-weight: 800; }

.produto-consulta-card .produto-codigo{ position: relative; z-index: 1; margin-bottom: 13px; color: var(--muted); font-size: 11px; }

.preco-grid{ position: relative; z-index: 1; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }

.preco-box{ padding: 12px; background: #fff; border: 1px solid var(--line); border-radius: 13px; }

.preco-box span{ display: block; margin-bottom: 4px; color: var(--muted); font-size: 10px; }

.preco-box strong{ color: var(--primary-2); font-size: 17px; }

@media (max-width: 520px){
.preco-grid{ grid-template-columns: 1fr; }
}

@media (min-width: 981px){
body.logged-app #screen-consulta-preco{
    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-consulta-preco{
    margin:0 !important;
    max-width:none !important;
    width:auto !important;
  }
}

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

.desktop-product-name-btn{ display: none; }

.product-search-backdrop{ display: none; }

@media (min-width: 981px){
body.logged-app.desktop-prevenda-open .desktop-product-name-btn{
    display: inline-flex;
    width: auto;
    min-width: 150px;
    height: 45px;
    padding: 9px 14px;
    white-space: nowrap;
  }
.desktop-product-name-icon{
    font-size: 20px;
    line-height: 1;
  }
.product-search-backdrop.open{
    position: fixed;
    inset: 0;
    z-index: 10000;
    display: grid;
    place-items: center;
    padding: 24px;
    background: rgba(7, 26, 47, .58);
    backdrop-filter: blur(5px);
  }
.product-search-modal{
    width: min(920px, calc(100vw - 48px));
    max-height: min(760px, calc(100vh - 48px));
    overflow: hidden;
    background: var(--surface);
    border: 1px solid rgba(190, 207, 224, .95);
    border-radius: 22px;
    box-shadow: 0 30px 90px rgba(3, 22, 42, .28);
  }
.product-search-head{
    min-height: 82px;
    padding: 18px 22px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    color: #fff;
    background: linear-gradient(135deg, var(--primary), var(--primary-2));
  }
.product-search-head small{
    display: block;
    margin-bottom: 4px;
    color: rgba(255,255,255,.72);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
  }
.product-search-head h3{
    margin: 0;
    font-size: 20px;
    letter-spacing: -.02em;
  }
.product-search-close{
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border: 1px solid rgba(255,255,255,.26);
    border-radius: 11px;
    color: #fff;
    background: rgba(255,255,255,.10);
    font-size: 25px;
    line-height: 1;
    cursor: pointer;
  }
.product-search-close:hover{ background: rgba(255,255,255,.18); }
.product-search-body{
    padding: 18px 20px 20px;
  }
.product-search-controls{
    display: grid;
    grid-template-columns: minmax(0, 1fr) 118px;
    gap: 10px;
    align-items: end;
  }
.product-search-controls .field{ margin: 0; }
.product-search-controls .btn{ width: 100%; min-height: 45px; }
.product-search-message{
    min-height: 22px;
    padding: 8px 2px 6px;
    color: var(--muted);
    font-size: 11px;
  }
.product-search-message.error{ color: var(--danger); }
.product-search-table-wrap{
    height: min(420px, calc(100vh - 330px));
    min-height: 250px;
    overflow: auto;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: #fff;
  }
.product-search-table{
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
  }
.product-search-table th{
    position: sticky;
    top: 0;
    z-index: 1;
    padding: 11px 13px;
    text-align: left;
    color: #fff;
    background: var(--primary);
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: .03em;
  }
.product-search-table th:first-child{ width: 190px; }
.product-search-table th:last-child{ width: 135px; }
.product-search-table td{
    padding: 11px 13px;
    border-bottom: 1px solid #e7edf4;
    color: #283a4e;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
.product-search-table tbody tr{ cursor: pointer; }
.product-search-table tbody tr:nth-child(even){ background: #f8fbfe; }
.product-search-table tbody tr:hover{ background: #edf6fd; }
.product-search-table tbody tr.selected{
    background: #dceefa;
    box-shadow: inset 4px 0 0 var(--primary-2);
  }
.product-search-price{ text-align: right !important; }
.product-search-empty{
    padding: 42px 18px !important;
    text-align: center;
    color: var(--muted) !important;
  }
.product-search-actions{
    padding-top: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
  }
.product-search-actions > span{
    color: var(--muted);
    font-size: 10px;
  }
.product-search-actions > div{
    display: flex;
    gap: 9px;
  }
.product-search-actions .btn{
    width: auto;
    min-width: 130px;
  }
}

@media (min-width: 981px){
.product-search-table-wrap{ position: relative; }
.product-search-price-heading{
    cursor: pointer;
    user-select: none;
  }
.product-search-price-heading:hover{ background: #164f82; }
.product-search-price-heading span{ margin-left: 4px; font-size: 9px; }
.product-price-filter{
    position: absolute;
    top: 40px;
    right: 8px;
    z-index: 8;
    display: none;
    width: 150px;
    max-height: 230px;
    overflow: hidden;
    background: #fff;
    border: 1px solid #bdcddd;
    border-radius: 10px;
    box-shadow: 0 14px 34px rgba(7, 30, 54, .22);
  }
.product-price-filter.open{ display: block; }
.product-price-filter-title{
    padding: 8px 10px;
    color: #51657d;
    background: #f2f7fb;
    border-bottom: 1px solid #dce5ef;
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
  }
.product-price-filter-list{
    max-height: 190px;
    overflow-y: auto;
    padding: 4px;
  }
.product-price-filter-list button{
    width: 100%;
    padding: 8px 9px;
    border: 0;
    border-radius: 7px;
    text-align: right;
    color: #263b51;
    background: transparent;
    font-size: 12px;
    cursor: pointer;
  }
.product-price-filter-list button:hover,
.product-price-filter-list button.active{
    color: #fff;
    background: var(--primary-2);
  }
.product-price-filter-empty{
    padding: 14px 8px;
    color: var(--muted);
    text-align: center;
    font-size: 10px;
  }
}

@media (min-width: 981px){
body.logged-app.desktop-prevenda-open .desktop-product-name-btn{
    width: 100% !important;
    min-width: 0 !important;
    white-space: nowrap !important;
  }
body.logged-app.desktop-prevenda-open .desktop-product-name-btn{
    min-height: 45px !important;
    height: 45px !important;
  }
}

@media (min-width: 981px) and (max-width: 1100px){
body.logged-app.desktop-prevenda-open .desktop-product-name-btn{
    padding-left: 9px !important;
    padding-right: 9px !important;
    font-size: 11px !important;
  }
}

@media (min-width: 981px){
body.logged-app.desktop-prevenda-open .desktop-product-name-btn{ display: inline-flex !important; }
body.logged-app.desktop-prevenda-open .prevenda-entry-line .desktop-product-name-btn{
    white-space: nowrap !important;
  }
}

@media (min-width: 981px) and (max-width: 1180px){
body.logged-app.desktop-prevenda-open .prevenda-entry-line .desktop-product-name-btn{
    padding-left: 8px !important;
    padding-right: 8px !important;
    font-size: 11px !important;
  }
}

@media (max-width: 980px){
.desktop-product-name-btn{ display: none !important; }
}

@media (min-width: 981px) and (max-height: 760px){
body.logged-app.desktop-prevenda-open .desktop-product-name-btn{
    min-height: 35px !important;
    height: 35px !important;
  }
}

@media (min-width: 981px){
body.theme-dark.logged-app.desktop-prevenda-open .product-search-card,
body.theme-dark.logged-app.desktop-prevenda-open .product-search-head,
body.theme-dark.logged-app.desktop-prevenda-open .product-search-table-wrap,
body.theme-dark.logged-app.desktop-prevenda-open .product-search-price-menu{
    color: #e4edf6 !important;
    background: #1b2735 !important;
    border-color: #334356 !important;
  }
body.theme-dark.logged-app.desktop-prevenda-open .product-search-row:nth-child(even){
    background: #182330 !important;
  }
body.theme-dark.logged-app.desktop-prevenda-open .product-search-row:hover,
body.theme-dark.logged-app.desktop-prevenda-open .product-search-row.selected{
    background: #243447 !important;
  }
body.theme-dark.logged-app.desktop-prevenda-open .desktop-product-name-btn{
    color: #eef5fb !important;
    background: #111b27 !important;
    border-color: #3a4a5e !important;
  }
body.theme-dark.logged-app.desktop-prevenda-open .product-search-row strong{
    color: #f1f6fb !important;
  }
body.theme-dark.logged-app.desktop-prevenda-open .product-search-row span,
body.theme-dark.logged-app.desktop-prevenda-open .product-search-empty{
    color: #a9b7c7 !important;
  }
body.theme-dark.logged-app.desktop-prevenda-open .product-search-table th{
    color: #c9d8e8 !important;
    background: #101923 !important;
    border-color: #334356 !important;
  }
body.theme-dark.logged-app.desktop-prevenda-open .product-search-table td{
    color: #e3ebf4 !important;
    border-color: #2d3b4d !important;
  }
}