/* Produtos — Inventory Studio (variant 2). Scoped to .prod-* */
.prod-page{background:linear-gradient(180deg,#2d171c,#241519 40%,#1f1217);color:#fff0ee;min-height:100dvh;padding-bottom:100px}
.prod-hero{min-height:332px;padding:40px 17px 23px;background-image:linear-gradient(93deg,#1a0e12ea 0%,#211114b3 42%,#170b0c3a 100%),url('/finance-hero.jpg');background-size:cover;background-position:54% 48%;position:relative}
.prod-hero:after{content:"";position:absolute;bottom:0;left:0;right:0;height:70px;background:linear-gradient(transparent,#2d171c)}
.prod-hero>*{position:relative;z-index:1}
.prod-topbar{display:flex;align-items:center;justify-content:space-between;gap:8px}
.prod-topbar .brand{min-width:0}
.prod-topbar .brand-name{font-size:24px}
.prod-head-ctrl{display:flex;gap:7px;align-items:center}
.prod-head-ctrl .round-button{width:37px;height:37px;flex:0 0 37px}
.prod-head-ctrl .avatar{font-size:16px}
.prod-heading{margin-top:57px;display:flex;align-items:flex-end;justify-content:space-between;gap:8px}
.prod-heading h1{font:500 clamp(40px,10vw,51px)/1 Georgia,'Times New Roman',serif;letter-spacing:-1.8px;margin:0}
.prod-heading h2{font:400 22px Georgia,'Times New Roman',serif;margin:5px 0 7px}
.prod-heading p{font-size:11px;color:#ffe4d9;max-width:240px;margin:0;line-height:1.48}
.prod-new{border:1px solid #f1b9c4c2;border-radius:35px;background:linear-gradient(110deg,#a84161,#da7996);color:#fff;box-shadow:0 7px 17px #300c195e;display:flex;align-items:center;justify-content:center;gap:6px;padding:11px 11px;flex:0 0 auto;font-weight:760;font-size:11px}
.prod-new svg{width:16px;height:16px}
.prod-main{padding:0 13px 25px;position:relative;margin-top:-30px;z-index:1}
.prod-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.prod-kpi{border:1px solid #f3d1c44d;background:linear-gradient(130deg,#523d30,#251b1b);border-radius:15px;min-height:114px;padding:11px 9px 9px;display:flex;flex-direction:column;gap:6px;min-width:0;box-shadow:0 5px 15px #09040738}
.prod-kpi:nth-child(2){background:linear-gradient(130deg,#6b353f,#2f1b22)}
.prod-kpi:nth-child(3){background:linear-gradient(130deg,#5b3a44,#271d2b)}
.prod-kpi:nth-child(4){background:linear-gradient(130deg,#58412a,#30231e)}
.prod-kpi-icon{display:grid;place-items:center;width:26px;height:26px;border-radius:9px;color:#ee9bb1;background:#ffffff16}
.prod-kpi:nth-child(1) .prod-kpi-icon{color:#a2f0bc}
.prod-kpi:nth-child(2) .prod-kpi-icon{color:#ff9a9f}
.prod-kpi:nth-child(3) .prod-kpi-icon{color:#f0c687}
.prod-kpi:nth-child(4) .prod-kpi-icon{color:#c9e7a7}
.prod-kpi-icon svg{width:16px;height:16px}
.prod-kpi span{font-size:9px;color:#f2d9dc;line-height:1.2}
.prod-kpi strong{font-size:clamp(13px,3.2vw,19px);font-weight:760;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.4px}
.prod-kpi small{color:#d3a8b5;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:auto}
.prod-toolbar{display:flex;gap:8px;margin-top:14px}
.prod-search{height:47px;border:1px solid #8c616c;background:#3b242b;border-radius:15px;flex:1;min-width:0;display:flex;align-items:center;gap:8px;padding:0 11px}
.prod-search svg{width:20px;height:20px;color:#d6abb8;flex:none}
.prod-search input{border:0;background:transparent;outline:none;color:#fff;width:100%;font-size:16px;min-width:0}
.prod-search input::placeholder{color:#ae8f97}
.prod-filter-button{width:47px;height:47px;flex:0 0 47px;display:grid;place-items:center;border:1px solid #8c616c;border-radius:15px;background:#4a2c35;color:#ffe2e8}
.prod-filter-button svg{width:20px;height:20px}
.prod-cats{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:12px 0 8px;scroll-snap-type:x proximity}
.prod-cats::-webkit-scrollbar{display:none}
.prod-cat{white-space:nowrap;scroll-snap-align:start;flex:0 0 auto;border:1px solid #76505e;border-radius:26px;padding:9px 12px;background:#382129;color:#ebd6df;font-size:11px;font-weight:700}
.prod-cat.selected{background:linear-gradient(110deg,#91455f,#c36282);border-color:#edb5c5;color:#fff}
.prod-list-head{display:flex;align-items:center;justify-content:space-between;gap:6px;margin:8px 1px 9px}
.prod-list-head h2{font:500 18px Georgia,serif;margin:0;color:#f9e5e9}
.prod-sort{background:#442832;border:1px solid #714858;border-radius:20px;padding:7px 8px;color:#f0d4df;font-size:11px;max-width:150px}
.prod-list{display:grid;gap:8px}
.prod-card{display:flex;align-items:center;gap:10px;background:linear-gradient(130deg,#42292e,#2d1b20);border:1px solid #664349;border-radius:15px;min-height:105px;padding:9px;box-shadow:0 5px 13px #0d07092a;color:#fff;position:relative;min-width:0}
.prod-card-image{width:83px;height:85px;flex:0 0 83px;border-radius:11px;overflow:hidden;background:#5a3e43}
.prod-card-image img{width:100%;height:100%;object-fit:cover}
.prod-card-content{flex:1;min-width:0}
.prod-card-name{display:block;font-size:12px;font-weight:750;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 0 5px}
.prod-card-price{font-size:12px;font-weight:700;color:#ffced9;display:block;margin:7px 0 0}
.prod-card-category{font-size:10px;color:#d0aeb9}
.prod-card-stock{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:7px;color:#e7c5cf;font-size:10px}
.prod-stock-pill{font-size:9px;font-weight:750;color:#a9efb7;background:#225839;border:1px solid #4a9468;border-radius:20px;padding:4px 6px;white-space:nowrap}
.prod-stock-pill.low{color:#ffd18b;background:#5c401d;border-color:#ae7436}
.prod-stock-pill.zero{color:#ffabb4;background:#5b2933;border-color:#a64d5e}
.prod-stock-pill.hidden{color:#dfb8bf;background:#503743;border-color:#825e6b}
.prod-card-actions{display:flex;flex-direction:column;gap:4px;align-self:center}
.prod-card-actions button{border:1px solid #74505b;background:#5a3943;color:#ffe3e7;border-radius:9px;width:33px;height:29px;display:grid;place-items:center}
.prod-card-actions button svg{width:15px;height:15px}
.prod-card-actions button:focus-visible{outline:2px solid #f2c1d1}
.prod-empty{padding:35px 15px;text-align:center;border:1px dashed #67404e;border-radius:17px;background:#2a1b20;color:#c5a2ad;font-size:12px;line-height:1.6}
.prod-empty strong{display:block;color:#f4d9e1;font-size:17px;margin-bottom:7px}
.prod-hint{color:#be9ba8;font-size:10px;text-align:center;margin-top:17px}
.prod-modal{display:flex;flex-direction:column;gap:11px}
.prod-modal small{font-size:11px;color:#d6bcc5}
.prod-modal .prod-row{display:flex;gap:8px}
.prod-modal .prod-row>*{flex:1;min-width:0}
.prod-modal .form-label{margin:6px 0}
.prod-preview-image{width:100%;height:144px;object-fit:cover;border:1px solid #94717b;border-radius:16px}
.prod-upload{display:block;border:1px dashed #ae7b89;border-radius:15px;padding:11px;background:#51333d;color:#fff;font-size:12px;cursor:pointer}
.prod-upload input{width:100%;font-size:12px;margin-top:8px;color:#fff}
.prod-modal .field{font-size:16px}
.prod-editor-foot{position:sticky;bottom:0;background:#291921ee;backdrop-filter:blur(18px);padding:12px 0 calc(7px + env(safe-area-inset-bottom));display:flex;gap:10px;border-top:1px solid #73515e}
.prod-editor-foot button{flex:1;min-height:45px;border:1px solid #b0798c;border-radius:12px;background:#5c3a47;color:white;font-weight:750}
.prod-editor-foot .prod-save{background:linear-gradient(110deg,#9b405e,#d46e8d);border-color:#e7a7bd}
.prod-view-image{width:100%;height:190px;object-fit:cover;border-radius:17px}
.prod-view-meta{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:12px 0}
.prod-view-meta>div{background:#462e39;border:1px solid #775463;border-radius:12px;padding:10px}
.prod-view-meta small{display:block;font-size:10px;color:#dcbbc7}
.prod-view-meta strong{display:block;font-size:17px;margin-top:8px}
.prod-settings-note{font-size:10px;color:#caa2ad;line-height:1.5;padding-bottom:8px}
@media(max-width:375px){.prod-hero{padding-left:11px;padding-right:11px}.prod-main{padding-left:8px;padding-right:8px}.prod-new{font-size:10px;padding:10px 8px}.prod-kpis{gap:5px}.prod-kpi{padding:9px 6px;min-height:112px}.prod-kpi strong{font-size:12px}.prod-kpi span{font-size:8px}.prod-card{gap:7px;padding:7px}.prod-card-image{width:73px;flex-basis:73px;height:76px}.prod-card-actions button{width:30px;height:28px}.prod-card-name{font-size:11px}.prod-card-category{font-size:9px}}
/* Jitter fix shared with order sheet, only on small screens */
@media(max-width:600px){.backdrop{align-items:flex-end;inset:0;overflow:hidden}.sheet{height:auto;max-height:calc(100svh - env(safe-area-inset-top,0px) - 65px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;animation:none!important;transform:none!important;touch-action:pan-y;scrollbar-width:thin}.sheet .sheet-title{position:sticky;top:-10px;background:inherit;z-index:4;padding-top:5px}.sheet .field{min-height:46px;font-size:16px}}
body.prod-editor-active .sheet{background:linear-gradient(160deg,#412b36,#281a23);color:#ffeaf0;border:1px solid #9d6a81;max-height:calc(100svh - env(safe-area-inset-top,0px) - 30px)}
body.prod-editor-active .sheet-title{border-color:#67444f}
body.prod-editor-active .close{background:#674354;color:#fff}
body.prod-editor-active .form-label,body.prod-editor-active .small-muted{color:#e5becb}
body.prod-editor-active .field{background:#4b313b;color:#fff;border-color:#886471;color-scheme:dark}
body.prod-editor-active .mini-card{background:#44303a;color:#fff;border-color:#845667}
body.prod-editor-active .mini-card p{color:#e0b9c7}