@import '_content/Ibrascan.Essentials.WebBlazor/Ibrascan.Essentials.WebBlazor.zzk3hjhc76.bundle.scp.css';

/* /Modulos/Vistorias/Paginas/Finalizadas/View.razor.rz.scp.css */
/* ===================================================
   Variáveis de design (escopo dos filtros)
   =================================================== */
.lv-vistorias[b-9tvm6d5p1s] {
    --brand: #1f7ae0;
    --brand-ink: #0f5cb3;
    --brand-soft: #f0f5fc;
    --ink: #0c1116;
    --ink-2: #3a4754;
    --muted: #737d89;
    --line: #ebeef2;
    --line-2: #dde2e8;
    --bg: #fafbfc;
}

/* ===================================================
   Barra de filtros
   =================================================== */
.lv-filter[b-9tvm6d5p1s] {
    margin-bottom: 18px;
}

.lv-filter-row[b-9tvm6d5p1s] {
    display: grid;
    grid-template-columns: 280px 1fr 1fr 1.4fr;
    gap: 10px;
}

.lv-search[b-9tvm6d5p1s] {
    position: relative;
    display: flex;
    align-items: center;
    background: #fff;
    border: 1px solid var(--line-2);
    border-radius: 8px;
    padding: 0 12px;
    height: 38px;
    transition: border-color .15s, box-shadow .15s;
    cursor: text;
}

.lv-search:focus-within[b-9tvm6d5p1s] {
    border-color: var(--brand);
    box-shadow: 0 0 0 3px var(--brand-soft);
}

.lv-search-icon[b-9tvm6d5p1s] {
    color: var(--muted);
    flex: 0 0 auto;
    margin-right: 8px;
    font-size: 13px;
}

.lv-search input[b-9tvm6d5p1s] {
    border: 0;
    outline: 0;
    background: transparent;
    width: 100%;
    font: 500 13px/1 Inter, system-ui, sans-serif;
    color: var(--ink);
}

.lv-search input[b-9tvm6d5p1s]::placeholder {
    color: var(--muted);
}

.lv-select[b-9tvm6d5p1s] {
    height: 38px;
    background: #fff;
    border: 1px solid var(--line-2);
    border-radius: 8px;
    padding: 0 30px 0 12px;
    font: 500 13px/1 Inter, system-ui, sans-serif;
    color: var(--ink-2);
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23737d89' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 12px;
    cursor: pointer;
}

.lv-select:focus[b-9tvm6d5p1s] {
    outline: 0;
    border-color: var(--brand);
    box-shadow: 0 0 0 3px var(--brand-soft);
}

/* ===================================================
   Date Picker
   =================================================== */
.lv-date[b-9tvm6d5p1s] {
    position: relative;
}

.lv-date-trigger[b-9tvm6d5p1s] {
    height: 38px;
    background: #fff;
    border: 1px solid var(--line-2);
    border-radius: 8px;
    padding: 0 10px;
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    font: 500 13px/1 Inter, system-ui, sans-serif;
    color: var(--ink);
    cursor: pointer;
    text-align: left;
    transition: border-color .15s, box-shadow .15s, background .15s;
}

.lv-date-trigger:hover[b-9tvm6d5p1s] {
    background: var(--bg);
}

.lv-date.is-open .lv-date-trigger[b-9tvm6d5p1s],
.lv-date-trigger:focus-visible[b-9tvm6d5p1s] {
    outline: 0;
    border-color: var(--brand);
    box-shadow: 0 0 0 3px var(--brand-soft);
}

.lv-date-icon[b-9tvm6d5p1s] {
    color: var(--muted);
    flex: 0 0 auto;
    font-size: 13px;
}

.lv-date-label[b-9tvm6d5p1s] {
    flex: 1;
    font-feature-settings: "tnum" on;
    font-weight: 600;
    white-space: nowrap;
}

.lv-date-badge[b-9tvm6d5p1s] {
    flex: 0 0 auto;
    font: 600 10px/1 Inter, sans-serif;
    letter-spacing: .04em;
    text-transform: uppercase;
    background: var(--brand-soft);
    color: var(--brand-ink);
    padding: 3px 6px;
    border-radius: 4px;
}

.lv-combo-caret[b-9tvm6d5p1s] {
    color: var(--muted);
    flex: 0 0 auto;
    font-size: 10px;
    transition: transform .18s;
}

.lv-date.is-open .lv-combo-caret[b-9tvm6d5p1s],
.lv-combo.is-open .lv-combo-caret[b-9tvm6d5p1s] {
    transform: rotate(180deg);
}

.lv-date-pop[b-9tvm6d5p1s] {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    z-index: 30;
    background: #fff;
    border: 1px solid var(--line-2);
    border-radius: 10px;
    box-shadow: 0 12px 32px -8px rgba(15, 28, 46, .18), 0 2px 6px -2px rgba(15, 28, 46, .06);
    padding: 12px;
    width: 280px;
    animation: lv-fade-in-b-9tvm6d5p1s .14s ease-out;
}

@keyframes lv-fade-in-b-9tvm6d5p1s {
    from { opacity: 0; transform: translateY(-4px); }
    to   { opacity: 1; transform: translateY(0); }
}

.lv-date-head[b-9tvm6d5p1s] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.lv-date-title[b-9tvm6d5p1s] {
    font: 500 13px/1 Inter, sans-serif;
    color: var(--muted);
}

.lv-date-title b[b-9tvm6d5p1s] {
    color: var(--ink);
    font-weight: 600;
    font-feature-settings: "tnum" on;
}

.lv-date-nav[b-9tvm6d5p1s] {
    width: 28px;
    height: 28px;
    border-radius: 6px;
    border: 1px solid var(--line-2);
    background: #fff;
    color: var(--ink-2);
    cursor: pointer;
    font: 600 16px/1 Inter, sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
}

.lv-date-nav:hover[b-9tvm6d5p1s] {
    background: var(--bg);
}

.lv-date-dows[b-9tvm6d5p1s] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 2px;
    margin-bottom: 4px;
}

.lv-date-dow[b-9tvm6d5p1s] {
    text-align: center;
    font: 600 10.5px/1 Inter, sans-serif;
    color: var(--muted);
    padding: 6px 0;
    letter-spacing: .04em;
}

.lv-date-grid[b-9tvm6d5p1s] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 2px;
}

.lv-date-cell[b-9tvm6d5p1s] {
    width: 100%;
    aspect-ratio: 1;
    border: 0;
    background: transparent;
    border-radius: 6px;
    font: 500 12.5px/1 Inter, sans-serif;
    color: var(--ink-2);
    cursor: pointer;
    font-feature-settings: "tnum" on;
    display: flex;
    align-items: center;
    justify-content: center;
}

.lv-date-cell:hover[b-9tvm6d5p1s] {
    background: var(--bg);
}

.lv-date-cell.is-empty[b-9tvm6d5p1s] {
    pointer-events: none;
    background: transparent;
}

.lv-date-cell.is-today[b-9tvm6d5p1s] {
    color: var(--brand-ink);
    font-weight: 700;
    box-shadow: inset 0 0 0 1px var(--brand);
}

.lv-date-cell.is-selected[b-9tvm6d5p1s] {
    background: var(--brand);
    color: #fff;
    font-weight: 700;
    box-shadow: none;
}

.lv-date-cell.is-selected:hover[b-9tvm6d5p1s] {
    background: var(--brand-ink);
}

.lv-date-foot[b-9tvm6d5p1s] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid var(--line);
}

.lv-date-today[b-9tvm6d5p1s] {
    background: var(--brand-soft);
    color: var(--brand-ink);
    border: 0;
    padding: 6px 12px;
    border-radius: 6px;
    cursor: pointer;
    font: 600 12px/1 Inter, sans-serif;
}

.lv-date-today:hover[b-9tvm6d5p1s] {
    background: var(--brand);
    color: #fff;
}

.lv-date-hint[b-9tvm6d5p1s] {
    font: 500 11px/1 Inter, sans-serif;
    color: var(--muted);
}

/* ===================================================
   ECV Combobox
   =================================================== */
.lv-combo[b-9tvm6d5p1s] {
    position: relative;
}

.lv-combo-trigger[b-9tvm6d5p1s] {
    height: 38px;
    background: #fff;
    border: 1px solid var(--line-2);
    border-radius: 8px;
    padding: 0 10px 0 12px;
    font: 500 13px/1 Inter, system-ui, sans-serif;
    color: var(--ink-2);
    display: flex;
    align-items: center;
    gap: 6px;
    width: 100%;
    cursor: pointer;
    text-align: left;
    transition: border-color .15s, box-shadow .15s, background .15s;
}

.lv-combo-trigger:hover[b-9tvm6d5p1s] {
    background: var(--bg);
}

.lv-combo.is-open .lv-combo-trigger[b-9tvm6d5p1s],
.lv-combo-trigger:focus-visible[b-9tvm6d5p1s] {
    outline: 0;
    border-color: var(--brand);
    box-shadow: 0 0 0 3px var(--brand-soft);
}

.lv-combo-trigger.is-set[b-9tvm6d5p1s] {
    color: var(--ink);
    font-weight: 600;
}

.lv-combo-label[b-9tvm6d5p1s] {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lv-combo-clear[b-9tvm6d5p1s] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: var(--bg);
    color: var(--muted);
    font: 600 14px/1 Inter, sans-serif;
    cursor: pointer;
    flex: 0 0 auto;
    transition: background .15s, color .15s;
}

.lv-combo-clear:hover[b-9tvm6d5p1s] {
    background: var(--ink);
    color: #fff;
}

.lv-combo-pop[b-9tvm6d5p1s] {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    right: 0;
    z-index: 30;
    background: #fff;
    border: 1px solid var(--line-2);
    border-radius: 10px;
    box-shadow: 0 12px 32px -8px rgba(15, 28, 46, .18), 0 2px 6px -2px rgba(15, 28, 46, .06);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    max-height: 380px;
    min-width: 340px;
    animation: lv-fade-in-b-9tvm6d5p1s .14s ease-out;
}

.lv-combo-search[b-9tvm6d5p1s] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    border-bottom: 1px solid var(--line);
    background: #fbfcfd;
}

.lv-combo-search-icon[b-9tvm6d5p1s] {
    color: var(--muted);
    flex: 0 0 auto;
    font-size: 13px;
}

.lv-combo-search input[b-9tvm6d5p1s] {
    flex: 1;
    border: 0;
    outline: 0;
    background: transparent;
    font: 500 13px/1 Inter, system-ui, sans-serif;
    color: var(--ink);
}

.lv-combo-search input[b-9tvm6d5p1s]::placeholder {
    color: var(--muted);
}

.lv-combo-list[b-9tvm6d5p1s] {
    flex: 1;
    overflow-y: auto;
    padding: 6px 0;
}

.lv-combo-empty[b-9tvm6d5p1s] {
    padding: 20px 14px;
    text-align: center;
    font: 500 12.5px/1.4 Inter, sans-serif;
    color: var(--muted);
}

.lv-combo-foot[b-9tvm6d5p1s] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 12px;
    border-top: 1px solid var(--line);
    background: #fbfcfd;
    font: 500 11px/1 Inter, sans-serif;
    color: var(--muted);
}

.lv-combo-foot b[b-9tvm6d5p1s] {
    color: var(--ink-2);
    font-weight: 600;
}

.lv-combo-item[b-9tvm6d5p1s] {
    display: block;
    width: 100%;
    padding: 9px 14px;
    text-align: left;
    background: transparent;
    border: 0;
    font: 500 13px/1.3 Inter, system-ui, sans-serif;
    color: var(--ink-2);
    cursor: pointer;
    transition: background .1s;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.lv-combo-item:hover[b-9tvm6d5p1s] {
    background: var(--bg);
    color: var(--ink);
}

.lv-combo-item.is-selected[b-9tvm6d5p1s] {
    background: var(--brand-soft);
    color: var(--brand-ink);
    font-weight: 600;
}

/* ===================================================
   Badges de resultado do laudo
   =================================================== */
.resultado-aprovado[b-9tvm6d5p1s] {
    color: #166534;
}

.resultado-aprovado i[b-9tvm6d5p1s] {
    color: #16a34a;
}

.resultado-reprovado[b-9tvm6d5p1s] {
    color: #991b1b;
}

.resultado-reprovado i[b-9tvm6d5p1s] {
    color: #dc2626;
}

.resultado-apontamentos[b-9tvm6d5p1s] {
    color: #92400e;
}

.resultado-apontamentos i[b-9tvm6d5p1s] {
    color: #d97706;
}

.resultado-adulteracao[b-9tvm6d5p1s] {
    color: #7c2d12;
}

.resultado-adulteracao i[b-9tvm6d5p1s] {
    color: #ea580c;
}

.resultado-nao-disponivel[b-9tvm6d5p1s] {
    color: #4b5563;
}

.resultado-nao-disponivel i[b-9tvm6d5p1s] {
    color: #9ca3af;
}
/* /Modulos/Vistorias/Paginas/Pendentes/View.razor.rz.scp.css */
/* ===================================================
   Variáveis de design (escopo dos filtros)
   =================================================== */
.lv-vistorias[b-62mf94c6ai] {
    --brand: #1f7ae0;
    --brand-ink: #0f5cb3;
    --brand-soft: #f0f5fc;
    --ink: #0c1116;
    --ink-2: #3a4754;
    --muted: #737d89;
    --line: #ebeef2;
    --line-2: #dde2e8;
    --bg: #fafbfc;
}

/* ===================================================
   Barra de filtros
   =================================================== */
.lv-filter[b-62mf94c6ai] {
    margin-bottom: 18px;
}

.lv-filter-row[b-62mf94c6ai] {
    display: grid;
    grid-template-columns: 280px 1fr 1fr 1.4fr;
    gap: 10px;
}

.lv-search[b-62mf94c6ai] {
    position: relative;
    display: flex;
    align-items: center;
    background: #fff;
    border: 1px solid var(--line-2);
    border-radius: 8px;
    padding: 0 12px;
    height: 38px;
    transition: border-color .15s, box-shadow .15s;
    cursor: text;
}

.lv-search:focus-within[b-62mf94c6ai] {
    border-color: var(--brand);
    box-shadow: 0 0 0 3px var(--brand-soft);
}

.lv-search-icon[b-62mf94c6ai] {
    color: var(--muted);
    flex: 0 0 auto;
    margin-right: 8px;
    font-size: 13px;
}

.lv-search input[b-62mf94c6ai] {
    border: 0;
    outline: 0;
    background: transparent;
    width: 100%;
    font: 500 13px/1 Inter, system-ui, sans-serif;
    color: var(--ink);
}

.lv-search input[b-62mf94c6ai]::placeholder {
    color: var(--muted);
}

.lv-select[b-62mf94c6ai] {
    height: 38px;
    background: #fff;
    border: 1px solid var(--line-2);
    border-radius: 8px;
    padding: 0 30px 0 12px;
    font: 500 13px/1 Inter, system-ui, sans-serif;
    color: var(--ink-2);
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23737d89' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 12px;
    cursor: pointer;
}

.lv-select:focus[b-62mf94c6ai] {
    outline: 0;
    border-color: var(--brand);
    box-shadow: 0 0 0 3px var(--brand-soft);
}

/* ===================================================
   Date Picker
   =================================================== */
.lv-date[b-62mf94c6ai] {
    position: relative;
}

.lv-date-trigger[b-62mf94c6ai] {
    height: 38px;
    background: #fff;
    border: 1px solid var(--line-2);
    border-radius: 8px;
    padding: 0 10px;
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    font: 500 13px/1 Inter, system-ui, sans-serif;
    color: var(--ink);
    cursor: pointer;
    text-align: left;
    transition: border-color .15s, box-shadow .15s, background .15s;
}

.lv-date-trigger:hover[b-62mf94c6ai] {
    background: var(--bg);
}

.lv-date.is-open .lv-date-trigger[b-62mf94c6ai],
.lv-date-trigger:focus-visible[b-62mf94c6ai] {
    outline: 0;
    border-color: var(--brand);
    box-shadow: 0 0 0 3px var(--brand-soft);
}

.lv-date-icon[b-62mf94c6ai] {
    color: var(--muted);
    flex: 0 0 auto;
    font-size: 13px;
}

.lv-date-label[b-62mf94c6ai] {
    flex: 1;
    font-feature-settings: "tnum" on;
    font-weight: 600;
    white-space: nowrap;
}

.lv-date-badge[b-62mf94c6ai] {
    flex: 0 0 auto;
    font: 600 10px/1 Inter, sans-serif;
    letter-spacing: .04em;
    text-transform: uppercase;
    background: var(--brand-soft);
    color: var(--brand-ink);
    padding: 3px 6px;
    border-radius: 4px;
}

.lv-combo-caret[b-62mf94c6ai] {
    color: var(--muted);
    flex: 0 0 auto;
    font-size: 10px;
    transition: transform .18s;
}

.lv-date.is-open .lv-combo-caret[b-62mf94c6ai],
.lv-combo.is-open .lv-combo-caret[b-62mf94c6ai] {
    transform: rotate(180deg);
}

.lv-date-pop[b-62mf94c6ai] {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    z-index: 30;
    background: #fff;
    border: 1px solid var(--line-2);
    border-radius: 10px;
    box-shadow: 0 12px 32px -8px rgba(15, 28, 46, .18), 0 2px 6px -2px rgba(15, 28, 46, .06);
    padding: 12px;
    width: 280px;
    animation: lv-fade-in-b-62mf94c6ai .14s ease-out;
}

@keyframes lv-fade-in-b-62mf94c6ai {
    from { opacity: 0; transform: translateY(-4px); }
    to   { opacity: 1; transform: translateY(0); }
}

.lv-date-head[b-62mf94c6ai] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.lv-date-title[b-62mf94c6ai] {
    font: 500 13px/1 Inter, sans-serif;
    color: var(--muted);
}

.lv-date-title b[b-62mf94c6ai] {
    color: var(--ink);
    font-weight: 600;
    font-feature-settings: "tnum" on;
}

.lv-date-nav[b-62mf94c6ai] {
    width: 28px;
    height: 28px;
    border-radius: 6px;
    border: 1px solid var(--line-2);
    background: #fff;
    color: var(--ink-2);
    cursor: pointer;
    font: 600 16px/1 Inter, sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
}

.lv-date-nav:hover[b-62mf94c6ai] {
    background: var(--bg);
}

.lv-date-dows[b-62mf94c6ai] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 2px;
    margin-bottom: 4px;
}

.lv-date-dow[b-62mf94c6ai] {
    text-align: center;
    font: 600 10.5px/1 Inter, sans-serif;
    color: var(--muted);
    padding: 6px 0;
    letter-spacing: .04em;
}

.lv-date-grid[b-62mf94c6ai] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 2px;
}

.lv-date-cell[b-62mf94c6ai] {
    width: 100%;
    aspect-ratio: 1;
    border: 0;
    background: transparent;
    border-radius: 6px;
    font: 500 12.5px/1 Inter, sans-serif;
    color: var(--ink-2);
    cursor: pointer;
    font-feature-settings: "tnum" on;
    display: flex;
    align-items: center;
    justify-content: center;
}

.lv-date-cell:hover[b-62mf94c6ai] {
    background: var(--bg);
}

.lv-date-cell.is-empty[b-62mf94c6ai] {
    pointer-events: none;
    background: transparent;
}

.lv-date-cell.is-today[b-62mf94c6ai] {
    color: var(--brand-ink);
    font-weight: 700;
    box-shadow: inset 0 0 0 1px var(--brand);
}

.lv-date-cell.is-selected[b-62mf94c6ai] {
    background: var(--brand);
    color: #fff;
    font-weight: 700;
    box-shadow: none;
}

.lv-date-cell.is-selected:hover[b-62mf94c6ai] {
    background: var(--brand-ink);
}

.lv-date-foot[b-62mf94c6ai] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid var(--line);
}

.lv-date-today[b-62mf94c6ai] {
    background: var(--brand-soft);
    color: var(--brand-ink);
    border: 0;
    padding: 6px 12px;
    border-radius: 6px;
    cursor: pointer;
    font: 600 12px/1 Inter, sans-serif;
}

.lv-date-today:hover[b-62mf94c6ai] {
    background: var(--brand);
    color: #fff;
}

.lv-date-hint[b-62mf94c6ai] {
    font: 500 11px/1 Inter, sans-serif;
    color: var(--muted);
}

/* ===================================================
   ECV Combobox
   =================================================== */
.lv-combo[b-62mf94c6ai] {
    position: relative;
}

.lv-combo-trigger[b-62mf94c6ai] {
    height: 38px;
    background: #fff;
    border: 1px solid var(--line-2);
    border-radius: 8px;
    padding: 0 10px 0 12px;
    font: 500 13px/1 Inter, system-ui, sans-serif;
    color: var(--ink-2);
    display: flex;
    align-items: center;
    gap: 6px;
    width: 100%;
    cursor: pointer;
    text-align: left;
    transition: border-color .15s, box-shadow .15s, background .15s;
}

.lv-combo-trigger:hover[b-62mf94c6ai] {
    background: var(--bg);
}

.lv-combo.is-open .lv-combo-trigger[b-62mf94c6ai],
.lv-combo-trigger:focus-visible[b-62mf94c6ai] {
    outline: 0;
    border-color: var(--brand);
    box-shadow: 0 0 0 3px var(--brand-soft);
}

.lv-combo-trigger.is-set[b-62mf94c6ai] {
    color: var(--ink);
    font-weight: 600;
}

.lv-combo-label[b-62mf94c6ai] {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lv-combo-clear[b-62mf94c6ai] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: var(--bg);
    color: var(--muted);
    font: 600 14px/1 Inter, sans-serif;
    cursor: pointer;
    flex: 0 0 auto;
    transition: background .15s, color .15s;
}

.lv-combo-clear:hover[b-62mf94c6ai] {
    background: var(--ink);
    color: #fff;
}

.lv-combo-pop[b-62mf94c6ai] {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    right: 0;
    z-index: 30;
    background: #fff;
    border: 1px solid var(--line-2);
    border-radius: 10px;
    box-shadow: 0 12px 32px -8px rgba(15, 28, 46, .18), 0 2px 6px -2px rgba(15, 28, 46, .06);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    max-height: 380px;
    min-width: 340px;
    animation: lv-fade-in-b-62mf94c6ai .14s ease-out;
}

.lv-combo-search[b-62mf94c6ai] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    border-bottom: 1px solid var(--line);
    background: #fbfcfd;
}

.lv-combo-search-icon[b-62mf94c6ai] {
    color: var(--muted);
    flex: 0 0 auto;
    font-size: 13px;
}

.lv-combo-search input[b-62mf94c6ai] {
    flex: 1;
    border: 0;
    outline: 0;
    background: transparent;
    font: 500 13px/1 Inter, system-ui, sans-serif;
    color: var(--ink);
}

.lv-combo-search input[b-62mf94c6ai]::placeholder {
    color: var(--muted);
}

.lv-combo-list[b-62mf94c6ai] {
    flex: 1;
    overflow-y: auto;
    padding: 6px 0;
}

.lv-combo-empty[b-62mf94c6ai] {
    padding: 20px 14px;
    text-align: center;
    font: 500 12.5px/1.4 Inter, sans-serif;
    color: var(--muted);
}

.lv-combo-foot[b-62mf94c6ai] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 12px;
    border-top: 1px solid var(--line);
    background: #fbfcfd;
    font: 500 11px/1 Inter, sans-serif;
    color: var(--muted);
}

.lv-combo-foot b[b-62mf94c6ai] {
    color: var(--ink-2);
    font-weight: 600;
}

.lv-combo-item[b-62mf94c6ai] {
    display: block;
    width: 100%;
    padding: 9px 14px;
    text-align: left;
    background: transparent;
    border: 0;
    font: 500 13px/1.3 Inter, system-ui, sans-serif;
    color: var(--ink-2);
    cursor: pointer;
    transition: background .1s;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.lv-combo-item:hover[b-62mf94c6ai] {
    background: var(--bg);
    color: var(--ink);
}

.lv-combo-item.is-selected[b-62mf94c6ai] {
    background: var(--brand-soft);
    color: var(--brand-ink);
    font-weight: 600;
}