@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');
:root{--app-font:"Plus Jakarta Sans",Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
html,body,button,input,select,textarea{font-family:var(--app-font)!important}
body{letter-spacing:-.01em}
.brand-head h1,.loading-screen h1,.screen-top h2,.session-pick .hero h1,h2,h3,.priority-copy strong,.item-name,.activity-text strong,.inventory-item-main strong,.stat-value{font-family:var(--app-font)!important}
.screen-top h2{font-size:22px;font-weight:800;letter-spacing:-.04em}
.subtitle,.hint,.field-hint,.item-id,.item-meta,.activity-text small,.session-head,.session-info span,.last-update,.demo-banner,.note,.notice,.pre,.stat-note,.stat-label,.priority-copy small,.input,.select,.textarea,.nav-item{font-family:var(--app-font)!important}
.brand-head p{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--maroon);font-weight:700}
.priority-icon,.menu-icon,.activity-icon,.inventory-item-icon,.role-icon{background:transparent!important;border:none!important;box-shadow:none!important}
.icon-img{display:block;object-fit:contain;filter:drop-shadow(0 8px 14px rgba(53,25,41,.12))}
.priority-icon{width:84px;height:84px;display:grid;place-items:center;flex-shrink:0}
.priority-icon .icon-img{width:74px;height:74px}
.priority-content{gap:14px}
.priority-copy strong{font-size:17px;line-height:1.22;font-weight:800}
.priority-copy small{font-size:11px;line-height:1.45;color:#f6dee8}
.stat-top{align-items:flex-start}
.stat-top .icon-img{width:72px;height:56px}
.stat-label{font-size:12px;font-weight:700;color:#5f5861;margin-top:2px}
.stat-value{font-size:27px;font-weight:800;letter-spacing:-.04em;margin-top:8px}
.stat-note{font-size:11px;line-height:1.45}
.activity-icon,.inventory-item-icon{width:auto;height:auto}
.activity-icon .icon-img,.inventory-item-icon .icon-img{width:48px;height:48px}
.activity-item{align-items:center}
.activity-text strong{font-size:15px;font-weight:800}
.activity-text small{font-size:11px;color:#6f6a71;line-height:1.5}
.pill{font-weight:700}
.nav-item{font-weight:700;font-size:11px}
.nav-item .icon-img{width:30px;height:30px;filter:drop-shadow(0 3px 6px rgba(53,25,41,.08))}
.nav-item.active{box-shadow:0 6px 16px rgba(132,42,75,.07)}
.menu-icon{height:auto;width:auto;margin-bottom:10px;color:var(--maroon)}
.menu-icon .icon-img{width:42px;height:42px}
.inventory-item-main strong{font-size:14px}
.inventory-item-main small{font-size:11px;line-height:1.45}
.role-icon{width:50px;height:50px;background:var(--light)!important;border-radius:14px!important;display:grid;place-items:center}
.role-icon .svg{width:26px;height:26px;stroke-width:2.2px}
.refresh-btn .icon-img,.icon-btn .icon-img{width:28px;height:28px;filter:none}
body.dark .icon-img{filter:drop-shadow(0 10px 18px rgba(0,0,0,.35))}
body.dark .nav-item.active{box-shadow:none}

/* REV05 – ikon asli transparan, bukan crop screenshot. */
.icon-img{object-fit:contain;mix-blend-mode:normal;opacity:1;max-width:100%;height:auto;filter:drop-shadow(0 3px 5px rgba(38,25,30,.08))}
.priority-icon .icon-img{width:79px;height:82px;object-fit:contain}
.stat-top .icon-img{width:76px;height:64px;object-fit:contain}
.activity-icon .icon-img{width:48px;height:54px;object-fit:contain}
.inventory-item-icon .icon-img{width:45px;height:49px;object-fit:contain}
.nav-item .icon-img{width:32px;height:33px;object-fit:contain}
body.dark .icon-img{filter:drop-shadow(0 4px 9px rgba(0,0,0,.23))}