.page{padding:1rem .5rem}.page .action-page{display:flex;justify-content:space-between;align-items:center}.page .action-page button{width:35px;height:35px;display:flex;justify-content:center;align-items:center;border-radius:4px;border:none;background:#ffffff1a;color:var(--primary-50);cursor:pointer;transition:all .3s}.page .action-page button i{font-size:1.1rem}.page .action-page button:hover{background:var(--primary-200)}.page h1{font-size:1rem;color:var(--primary-50);margin:.5rem 0;padding-bottom:.3rem;border-bottom:2px solid var(--surface-200)}.page .listaestoque{display:grid;gap:8px}.page .listaestoque .lote{display:grid;grid-template-rows:auto 1fr;gap:4px;background:#fff;padding:1rem;border-radius:4px}.page .listaestoque .lote .headlist{border-bottom:1px solid var(--surface-200);margin-bottom:4px;padding-bottom:4px}.page .listaestoque .lote .headlist h2{display:flex;align-items:center;gap:4px;font-size:.75rem;justify-content:space-between;color:var(--bluegray-700)}.page .listaestoque .lote .headlist h2 span:last-child{display:flex;flex-direction:column;align-items:center}.page .listaestoque .lote .headlist h2 span:last-child strong{font-weight:700;font-size:.7rem;line-height:1}.page .listaestoque .lote .headlist h2 span:last-child em{font-size:.6rem;color:var(--bluegray-400);line-height:1}.page .listaestoque .lote .headlist .unidades{width:100%;display:flex;justify-content:space-between;align-items:center;border-radius:16px;position:relative;z-index:0;margin-top:6px}.page .listaestoque .lote .headlist .unidades span{font-size:.7rem;color:var(--bluegray-700);font-weight:900;line-height:1}.page .listaestoque .lote .headlist .unidades:after{content:"";position:absolute;left:0;top:-6px;width:100%;height:4px;background:var(--red-50);z-index:-2;border-radius:6px}.page .listaestoque .lote .headlist .unidades:before{content:"";position:absolute;top:-6px;left:0;width:var(--width);height:4px;background:var(--green-500);z-index:-1;border-radius:6px 0 0 6px}.page .listaestoque .lote .itens{display:grid;gap:8px}.page .listaestoque .lote .itens .item{border-radius:4px;padding:6px;display:grid;grid-template-columns:100px 2fr;gap:8px;box-shadow:0 0 1px var(--bluegray-400);border-left:3px solid var(--primary-500);cursor:pointer}.page .listaestoque .lote .itens .item .foto{display:grid;align-content:center;justify-content:center;gap:4px;border-right:2px solid var(--surface-100)}.page .listaestoque .lote .itens .item .foto img{width:80px;height:80px;border-radius:4px}.page .listaestoque .lote .itens .item .dados{position:relative}.page .listaestoque .lote .itens .item .dados .valor{font-size:.8rem;font-weight:600;color:var(--primary-500);margin-bottom:4px}.page .listaestoque .lote .itens .item .dados .id{position:absolute;right:0;top:0;font-size:.8rem;line-height:1;font-weight:700;color:var(--bluegray-400)}.page .listaestoque .lote .itens .item .dados .subdados{font-size:.7rem;display:grid}.page .listaestoque .lote .itens .item .dados .subdados p{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:4px}.page .listaestoque .lote .itens .item .dados .subdados p span:nth-child(2){width:100%;border-bottom:1px solid var(--surface-200)}.page .listaestoque .lote .itens .item .dados .subdados p span:last-child{text-align:right}.page .listaestoque .lote .itens .item .dados .subdados .tags{display:flex;gap:4px}.page .listaestoque .lote .itens .item .dados .subdados .tags div{background:var(--primary-100);color:var(--primary-700);font-size:.6rem;padding:2px 4px;border-radius:4px}.page .listaestoque .lote .itens .item .dados .subdados .tags div.perca{background:var(--red-100);color:var(--red-700)}.page .listaestoque .lote .itens .item .dados .subdados .tags div.venda{background:var(--green-100);color:var(--green-700)}