.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; }

.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: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:flex; gap:8px; }
.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; }
@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%; } }