.page-header { display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:24px; flex-wrap:wrap; gap:16px; }
.page-subtitle { color:var(--text-secondary); font-size:0.9rem; margin-top:4px; }
.produto-foto-preview img{display:none}

.produtos-grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(280px, 1fr)); gap:16px; }
.produto-card { background:var(--bg-secondary); border:1px solid var(--border-color); border-radius:var(--radius); padding:20px; transition:var(--transition); }
.produto-card-imagem{height:132px;display:grid;place-items:center;margin:-12px -12px 14px;border-radius:9px;overflow:hidden;background:var(--bg-primary);color:var(--text-secondary)}.produto-card-imagem img{display:block;width:auto;height:auto;max-width:calc(100% - 14px);max-height:calc(100% - 14px);object-fit:contain}.produto-card-imagem>span{width:54px;height:54px;display:grid;place-items:center;border-radius:50%;background:var(--bg-secondary);font-size:1.45rem;font-weight:800}
.produto-card:hover { box-shadow:var(--shadow-md); transform:translateY(-2px); }
.produto-card-header { display:flex; justify-content:space-between; align-items:center; margin-bottom:12px; }
.produto-categoria { font-size:0.75rem; font-weight:700; text-transform:uppercase; letter-spacing:0.5px; color:var(--text-secondary); background:var(--bg-primary); padding:4px 10px; border-radius:20px; }
.produto-estoque-baixo { font-size:0.7rem; font-weight:700; color:var(--warning); background:#fef3c7; padding:4px 10px; border-radius:20px; }
.produto-card-nome { font-size:1.1rem; font-weight:700; margin-bottom:8px; }
.produto-card-preco { font-size:1.5rem; font-weight:800; color:var(--accent); margin-bottom:12px; }
.produto-card-info { display:flex; justify-content:space-between; font-size:0.8rem; color:var(--text-secondary); margin-bottom:16px; padding-bottom:12px; border-bottom:1px solid var(--border-color); }
.produto-card-actions { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-top:3px; }
.produto-card-actions .btn{width:100%;min-width:0;justify-content:center;padding-left:8px;padding-right:8px}.produto-card-actions form{display:flex!important;min-width:0}.produto-card-actions form .btn{width:100%}
.estoque-modal{max-width:560px;padding:0;overflow:hidden}.estoque-modal-header{padding:22px 24px 18px;margin:0;border-bottom:1px solid var(--border-color);background:var(--bg-primary)}.estoque-modal-header small{display:block;margin-bottom:3px;color:var(--text-secondary);font-size:.65rem}.estoque-modal-header .modal-close{width:36px;height:36px;display:grid;place-items:center;border-radius:9px;font-size:1.2rem}.estoque-saldo-atual{display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px;margin:20px 24px 0;padding:14px 16px;border:1px solid var(--border-color);border-radius:12px;background:var(--bg-primary)}.estoque-saldo-atual>div{display:flex;flex-direction:column;gap:3px}.estoque-saldo-projecao{padding-left:20px;border-left:1px solid var(--border-color);text-align:right}.estoque-saldo-projecao strong{color:var(--success)}.estoque-saldo-projecao.invalida strong{color:var(--danger)}.estoque-saldo-atual span{color:var(--text-secondary);font-size:.7rem}.estoque-saldo-atual strong{font-size:.9rem}.estoque-movimento-form{padding:20px 24px 24px}.estoque-tipos{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.estoque-tipos input{position:absolute;opacity:0;pointer-events:none}.estoque-tipos span{min-height:38px;display:grid;place-items:center;padding:8px;border:1px solid var(--border-color);border-radius:9px;background:var(--bg-primary);color:var(--text-secondary);font-size:.66rem;font-weight:700;cursor:pointer}.estoque-tipos label:nth-child(1) input:checked+span{border-color:#15803d;background:#15803d;color:#fff}.estoque-tipos label:nth-child(2) input:checked+span{border-color:#2563eb;background:#2563eb;color:#fff}.estoque-tipos label:nth-child(3) input:checked+span{border-color:#dc2626;background:#dc2626;color:#fff}.estoque-tipos label:nth-child(4) input:checked+span{border-color:#7c3aed;background:#7c3aed;color:#fff}.estoque-modal-actions{padding-top:17px;border-top:1px solid var(--border-color)}.estoque-modal-actions .btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.estoque-historico-card{margin-top:24px}.estoque-historico-contador{padding:5px 10px;border-radius:999px;background:var(--bg-primary);color:var(--text-secondary);font-size:.62rem}.estoque-tipo{display:inline-flex;padding:4px 9px;border-radius:999px;font-size:.62rem;font-weight:750}.estoque-tipo-entrada{background:#dcfce7;color:#15803d}.estoque-tipo-saida,.estoque-tipo-perda{background:#fee2e2;color:#b91c1c}.estoque-tipo-ajuste{background:#dbeafe;color:#1d4ed8}.estoque-tipo-venda{background:#fef3c7;color:#a16207}.estoque-tipo-cancelamento{background:#ede9fe;color:#6d28d9}.estoque-quantidade.positiva{color:var(--success)}.estoque-quantidade.negativa{color:var(--danger)}
.produto-modal { max-width:650px; padding:0; overflow:hidden; }.produto-modal-header { margin:0; padding:23px 25px 19px; border-bottom:1px solid var(--border-color); background:var(--bg-primary); }.produto-modal-heading { display:flex; align-items:center; gap:12px; }.produto-modal-heading p { margin-top:2px; color:var(--text-secondary); font-size:.75rem; }.produto-modal-icon { width:43px; height:43px; flex:0 0 43px; display:flex; align-items:center; justify-content:center; border-radius:12px; background:var(--accent); color:var(--accent-text); }
.produto-modal-form { padding:23px 25px 25px; }.produto-moeda-input, .estoque-input-wrapper { position:relative; }.produto-moeda-input > span { position:absolute; left:14px; top:50%; transform:translateY(-50%); color:var(--text-secondary); font-size:.8rem; font-weight:700; pointer-events:none; }.produto-moeda-input .form-control { padding-left:43px; font-weight:700; }.estoque-input-wrapper > span { position:absolute; right:14px; top:50%; transform:translateY(-50%); color:var(--text-secondary); font-size:.72rem; pointer-events:none; }.estoque-input-wrapper .form-control { padding-right:48px; }.produto-modal-actions { padding-top:19px; margin-top:3px; border-top:1px solid var(--border-color); }.produto-modal-actions .btn { min-width:125px; justify-content:center; }
.produto-foto-campo{display:grid;grid-template-columns:88px 1fr;align-items:center;gap:14px;margin-bottom:19px;padding-bottom:19px;border-bottom:1px solid var(--border-color)}.produto-foto-preview{width:88px;height:88px;display:grid;place-items:center;overflow:hidden;border:1px dashed var(--border-color);border-radius:13px;background:var(--bg-primary)}.produto-foto-preview img{width:auto;height:auto;max-width:calc(100% - 8px);max-height:calc(100% - 8px);object-fit:contain}.produto-foto-preview span{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:var(--bg-secondary);font-size:1.2rem;font-weight:800}.produto-foto-info strong{display:flex;align-items:center;gap:7px;font-size:.8rem}.produto-foto-info strong small{padding:2px 6px;border-radius:999px;background:var(--bg-primary);color:var(--text-secondary);font-size:.55rem}.produto-foto-info p{margin:3px 0 9px;color:var(--text-secondary);font-size:.66rem}.produto-foto-info>div{display:flex;gap:7px}.produto-foto-remover{border:0;background:transparent;color:var(--danger)}
@media (max-width:600px) { .produto-modal-header { padding:20px 18px 16px; }.produto-modal-heading p { display:none; }.produto-modal-form { padding:20px 18px; }.produto-modal-form .form-row { grid-template-columns:1fr; }.produto-modal-actions { flex-direction:column-reverse; }.produto-modal-actions .btn { width:100%; } }
@media(max-width:600px){.produto-card-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.produto-card-actions .btn{padding-left:5px;padding-right:5px;font-size:.65rem}.estoque-modal-header{padding:19px 18px 15px}.estoque-saldo-atual{grid-template-columns:1fr 1fr;margin:16px 18px 0}.estoque-saldo-projecao{padding-left:14px}.estoque-movimento-form{padding:18px}.estoque-tipos{grid-template-columns:1fr 1fr}.estoque-modal-actions{display:flex;flex-direction:column-reverse}.estoque-modal-actions .btn{width:100%}.estoque-historico-card .card-header{align-items:flex-start;gap:10px}}
@media(max-width:768px){.produto-card-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.produto-card-actions .btn{min-height:42px;padding-left:8px;padding-right:8px;font-size:.7rem}.produto-card-actions form{grid-column:1/-1}.produto-card-actions form .btn{min-height:40px}}

/* Mantém o modal utilizável em notebooks e celulares com pouca altura. */
.estoque-modal{max-height:calc(100dvh - 28px);display:flex;flex-direction:column}
.estoque-modal-header,.estoque-saldo-atual{flex:0 0 auto}
.estoque-movimento-form{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.estoque-modal-actions{position:sticky;bottom:-24px;z-index:2;margin-bottom:-24px;padding:16px 0 24px;background:var(--bg-secondary)}
@media(max-width:600px){.estoque-modal{max-height:calc(100dvh - 16px)}.estoque-modal-actions{bottom:-18px;margin-bottom:-18px;padding-bottom:18px}}

.produto-modal{max-height:calc(100dvh - 28px);display:flex;flex-direction:column}
.produto-modal-header{flex:0 0 auto}
.produto-modal-form{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.produto-modal-actions{position:sticky;bottom:-25px;z-index:2;margin-bottom:-25px;padding:16px 0 25px;background:var(--bg-secondary)}
@media(max-width:600px){.produto-modal{max-height:calc(100dvh - 16px)}.produto-modal-actions{bottom:-20px;margin-bottom:-20px;padding-bottom:20px}}

.produto-estoque-dica{display:flex;align-items:center;gap:10px;margin:-3px 0 17px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--border-color));border-radius:10px;background:color-mix(in srgb,var(--accent) 7%,var(--bg-primary));color:var(--text-secondary);font-size:.67rem;line-height:1.45}.produto-estoque-dica-icone{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;border-radius:8px;background:color-mix(in srgb,var(--accent) 14%,var(--bg-secondary));color:var(--accent)}.produto-estoque-dica>span:last-child{display:flex;flex-direction:column;gap:1px;min-width:0}.produto-estoque-dica strong{color:var(--text-primary);font-size:.7rem}.produto-estoque-dica b{color:var(--text-primary);font-weight:750}
.produto-fiscal-dados{margin:1px 0 17px;border:1px solid var(--border-color);border-radius:11px;background:var(--bg-primary)}.produto-fiscal-dados summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;cursor:pointer;list-style:none}.produto-fiscal-dados summary::-webkit-details-marker{display:none}.produto-fiscal-dados summary>span{display:grid;gap:1px}.produto-fiscal-dados summary strong{font-size:.72rem}.produto-fiscal-dados summary small{color:var(--text-secondary);font-size:.58rem}.produto-fiscal-dados summary b{padding:3px 7px;border-radius:999px;background:var(--bg-secondary);color:var(--text-secondary);font-size:.55rem}.produto-fiscal-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px;padding:14px;border-top:1px solid var(--border-color)}.produto-fiscal-grid .form-group{margin-bottom:12px}.produto-fiscal-grid label{font-size:.68rem}
@media(max-width:600px){.produto-fiscal-grid{grid-template-columns:1fr}.produto-fiscal-dados summary small{display:none}}
.estoque-campo-destaque,.estoque-motivo-campo{padding:14px;border:1px solid var(--border-color);border-radius:12px;background:color-mix(in srgb,var(--bg-primary) 72%,transparent)}.estoque-campo-label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.estoque-campo-label label{margin:0}.estoque-campo-label>span{color:var(--text-secondary);font-size:.57rem}.estoque-quantidade-input .form-control{height:46px;font-size:.9rem;font-weight:700}.estoque-quantidade-hint{display:flex;align-items:center;gap:7px;margin-top:8px;color:var(--text-secondary)}.estoque-quantidade-hint>span{width:18px;height:18px;flex:0 0 18px;display:grid;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--accent) 13%,var(--bg-secondary));color:var(--accent);font-size:.58rem;font-weight:800}.estoque-quantidade-hint small{font-size:.64rem;line-height:1.4}.estoque-motivo-campo .form-control{height:44px}.estoque-motivos-rapidos{display:flex;gap:6px;margin-top:9px;overflow-x:auto;scrollbar-width:none}.estoque-motivos-rapidos button{flex:0 0 auto;padding:6px 9px;border:1px solid var(--border-color);border-radius:999px;background:var(--bg-secondary);color:var(--text-secondary);font:inherit;font-size:.57rem;cursor:pointer}.estoque-motivos-rapidos button:hover,.estoque-motivos-rapidos button.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 11%,var(--bg-secondary));color:var(--text-primary)}
.estoque-historico-acoes{display:flex;align-items:center;gap:8px}.estoque-ver-todos{min-height:34px;display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid var(--text-primary);border-radius:9px;background:var(--text-primary);color:var(--bg-secondary);font-size:.62rem;font-weight:750;text-decoration:none;transition:var(--transition)}.estoque-ver-todos:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.estoque-ver-todos svg{transition:transform .18s}.estoque-ver-todos:hover svg{transform:translateX(2px)}
@media(max-width:600px){.estoque-historico-acoes{align-self:stretch;justify-content:space-between}.estoque-ver-todos{min-height:34px}}