:root{--pi-accent:#2f8d62;--pi-line:rgba(127,153,139,.18)}
body.app-mode .btn,body.app-mode .icon-button,body.app-mode button[class*="btn"]{box-shadow:none!important;transition:background .18s ease,border-color .18s ease,color .18s ease!important}
body.app-mode .btn{min-height:38px!important;padding:.55rem .82rem!important;border-radius:11px!important;font-size:.73rem!important;letter-spacing:0!important}
body.app-mode .icon-button{width:38px!important;height:38px!important;border-radius:11px!important;background:rgba(255,255,255,.035)!important;border:1px solid rgba(255,255,255,.08)!important}
body.app-mode .card-actions{gap:6px!important}.pantry-nfce-btn,.pantry-notes-btn{margin:0!important;min-width:38px}.pantry-nfce-btn span,.pantry-notes-btn span{display:none}
.nfce-camera-primary{min-height:52px!important;border-radius:16px!important;background:#216b49!important;box-shadow:none!important;font-size:13px!important;letter-spacing:.01em}.nfce-camera-primary i{font-size:16px}.nfce-manual>div{display:flex}.nfce-manual .nfce-link-row{margin-top:7px}.nfce-manual input{font-variant-numeric:tabular-nums}.nfce-camera-wrap.is-live:after{content:"";position:absolute;left:18%;right:18%;top:50%;height:1px;background:#c8f7dc;box-shadow:0 0 12px #6cf0a5;animation:nfceScanLine 2.4s ease-in-out infinite}@keyframes nfceScanLine{0%,100%{transform:translateY(-105px);opacity:.25}50%{transform:translateY(105px);opacity:1}}
.pi-shell{width:min(1040px,100%);margin:0 auto;padding:18px}.pi-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:20px 2px}.pi-header small{font-size:.66rem;letter-spacing:.14em;color:var(--pi-accent);font-weight:800}.pi-header h2{margin:5px 0 3px;font-size:clamp(1.6rem,3vw,2.35rem)}.pi-header p{margin:0;color:var(--glass-text-secondary);font-size:.82rem}.pi-repeat{height:40px;padding:0 14px;border:1px solid var(--pi-line);border-radius:12px;background:transparent;color:inherit;font:700 .72rem Manrope,sans-serif;display:flex;align-items:center;gap:8px}.pi-repeat:disabled{opacity:.35}.pi-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.pi-kpis article{padding:17px;border:1px solid var(--pi-line);border-radius:16px;background:rgba(255,255,255,.025)}.pi-kpis small,.pi-kpis strong{display:block}.pi-kpis small{font-size:.64rem;color:var(--glass-text-secondary)}.pi-kpis strong{margin-top:8px;font-size:1.25rem}.pi-tabs{display:flex;gap:5px;margin:15px 0;padding:4px;width:max-content;max-width:100%;border:1px solid var(--pi-line);border-radius:13px;overflow:auto}.pi-tabs button{height:34px;padding:0 13px;border:0;border-radius:9px;background:transparent;color:var(--glass-text-secondary);font:700 .69rem Manrope,sans-serif;white-space:nowrap}.pi-tabs button.active{background:rgba(47,141,98,.16);color:#62ca95}.pi-detail{min-height:350px;padding:8px 0}.pi-row{display:grid;grid-template-columns:30px 1fr auto;gap:12px;align-items:center;padding:13px 4px;border-bottom:1px solid var(--pi-line)}.pi-rank{font:700 .68rem monospace;color:var(--glass-text-secondary)}.pi-row>div strong,.pi-row>div small{display:block}.pi-row>div strong{font-size:.82rem}.pi-row>div small{min-height:13px;margin-top:2px;color:var(--glass-text-secondary);font-size:.6rem}.pi-row>div i{display:block;width:100%;height:3px;margin-top:8px;border-radius:9px;background:rgba(255,255,255,.05);overflow:hidden}.pi-row>div i b{display:block;height:100%;border-radius:inherit;background:var(--pi-accent)}.pi-row em{font-style:normal;font-size:.7rem;font-weight:750;text-align:right}.pi-360{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.pi-360 article{min-height:120px;padding:18px;border:1px solid var(--pi-line);border-radius:17px;background:rgba(255,255,255,.025)}.pi-360 small,.pi-360 strong,.pi-360 span{display:block}.pi-360 small{font-size:.62rem;color:var(--glass-text-secondary)}.pi-360 strong{margin-top:14px;font-size:1rem}.pi-360 span{margin-top:5px;color:var(--glass-text-secondary);font-size:.68rem}.pi-empty{min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--glass-text-secondary)}.pi-empty i{font-size:2rem;color:var(--pi-accent)}.pi-empty strong{margin-top:13px;color:var(--glass-text-primary)}.pi-empty span{margin-top:4px;font-size:.72rem}
body:not(.app-mode) .af-home-benefits{gap:8px!important}body:not(.app-mode) .af-home-benefits span{padding:7px 10px!important;border-radius:999px!important;background:rgba(7,24,16,.32)!important;border:1px solid rgba(255,255,255,.12)!important;font-size:.64rem!important}body:not(.app-mode) .af-nfce-entry{border-color:rgba(183,244,208,.42);background:rgba(13,60,38,.62)}
@media(max-width:650px){.pi-shell{padding:10px}.pi-header{align-items:flex-start}.pi-repeat{width:40px;padding:0;justify-content:center}.pi-repeat span{display:none}.pi-kpis{grid-template-columns:1fr 1fr}.pi-kpis article:last-child{grid-column:1/-1}.pi-kpis article{padding:13px}.pi-tabs{width:100%}.pi-tabs button{flex:1}.pi-360{grid-template-columns:1fr}.pi-detail{min-height:300px}.pi-row{grid-template-columns:24px 1fr auto}.pi-row em{max-width:110px;font-size:.63rem}.pantry-nfce-btn,.pantry-notes-btn{width:38px!important;padding:0!important}}
@media(prefers-reduced-motion:reduce){.nfce-camera-wrap.is-live:after{animation:none}}
.pi-head-actions{display:flex;align-items:center;gap:6px}.pi-icon{width:40px;height:40px;border:1px solid var(--pi-line);border-radius:12px;background:transparent;color:inherit;display:grid;place-items:center}.pi-chart{height:250px;margin:4px 0 13px;padding:12px;border:1px solid var(--pi-line);border-radius:16px;background:rgba(255,255,255,.02)}.pi-detail{min-height:250px}
@media(max-width:650px){.pi-header{align-items:flex-start;flex-direction:column}.pi-head-actions{width:100%;justify-content:flex-end}.pi-chart{height:220px}}