/* Mode tampilan Pa5X/Pa4X. Hanya aktif saat body.pa-mode; warna mengikuti tema (--accent-rgb). */
#paRoot{display:none;position:fixed;inset:0;z-index:45;background:#000;color:rgb(var(--accent-rgb));flex-direction:column;font-family:'Rajdhani','Orbitron',system-ui,sans-serif;padding-top:env(safe-area-inset-top,0);padding-bottom:env(safe-area-inset-bottom,0)}
body.pa-mode #paRoot{display:flex}
#paRoot button{font:inherit;color:inherit;background:transparent;border:1px solid rgb(var(--accent-rgb)/.45);border-radius:4px;touch-action:manipulation}
#paRoot .pa-top{display:flex;align-items:center;gap:.4rem;padding:.3rem .5rem;border-bottom:1px solid rgb(var(--accent-rgb)/.25);flex:0 0 auto}
#paRoot .pa-home{border:2px solid rgb(var(--accent-rgb));padding:.25rem 1.2rem;font-weight:800;letter-spacing:.08em}
#paRoot .pa-top .sp{flex:1}
#paRoot .pa-top select{background:#000;color:rgb(var(--accent-rgb));border:1px solid rgb(var(--accent-rgb)/.4);border-radius:4px;max-width:34vw;font-size:12px;padding:.2rem}
#paRoot .pa-dot{width:10px;height:10px;border-radius:50%;background:#ef4444;flex:0 0 auto}
#paRoot .pa-dot.ok{background:#34d399}
#paRoot .pa-top button{padding:.25rem .5rem;font-size:12px;font-weight:700}
#paRoot .pa-readout{font:700 13px 'JetBrains Mono',monospace;white-space:nowrap}
#paRoot .pa-body{flex:1 1 0;min-height:0;position:relative;overflow:hidden}
#paRoot .pa-scr{position:absolute;inset:0;overflow:auto;padding:.5rem;display:none}
#paRoot .pa-scr.on{display:block}
#paRoot .pa-tabs{display:flex;flex:0 0 auto;border-top:1px solid rgb(var(--accent-rgb)/.25)}
#paRoot .pa-tabs button{flex:1;border:0;border-right:1px solid #000;border-radius:0;background:rgb(var(--accent-rgb)/.12);min-height:48px;font-size:clamp(10px,2.4vw,15px);font-weight:700;color:rgb(var(--accent-rgb)/.75)}
#paRoot .pa-tabs button.on{background:rgb(var(--accent-rgb));color:#000}
#paRoot .pa-card{border:2px solid rgb(var(--accent-rgb)/.55);border-radius:4px;padding:.5rem .7rem;margin-bottom:.5rem;background:#050505}
#paRoot .pa-style{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}
#paRoot .pa-style .tag{background:rgb(var(--accent-rgb));color:#000;font-weight:800;padding:.1rem .6rem;border-radius:3px}
#paRoot .pa-style .st{flex:1;font-size:clamp(14px,3.2vw,22px);font-weight:700;min-width:8rem}
#paRoot .pa-btns{display:flex;gap:.3rem;flex-wrap:wrap}
#paRoot .pa-btns button{padding:.35rem .6rem;min-height:40px;font-weight:700;font-size:13px}
#paRoot .pa-btns button.on{background:rgb(var(--accent-rgb));color:#000}
#paRoot .pa-keys{display:flex;gap:.7rem;align-items:center;cursor:pointer}
#paRoot .pa-keys .info{flex:1;min-width:0}
#paRoot .pa-keys .k{font-weight:800;letter-spacing:.06em}
#paRoot .pa-keys .sub{font-size:13px;opacity:.7}
#paRoot .pa-keys .big{font-size:clamp(20px,5vw,38px);font-weight:800;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#paRoot .pa-ups{min-width:92px}
#paRoot .pa-up{display:flex;align-items:center;gap:.4rem;font:800 12px 'JetBrains Mono',monospace;opacity:.3}
#paRoot .pa-up i{flex:1;height:4px;background:rgb(var(--accent-rgb))}
#paRoot .pa-up.on{opacity:1}
#paRoot .pa-regs{display:flex;gap:.3rem;flex-wrap:wrap}
#paRoot .pa-regs button{flex:1 1 11%;min-height:44px;font-weight:800}
#paRoot .pa-regs button.has{background:rgb(var(--accent-rgb)/.18)}
#paRoot .pa-regs button.on{background:rgb(var(--accent-rgb));color:#000}
#paRoot .pa-kb{display:flex;gap:.4rem;margin-bottom:.4rem;align-items:center}
#paRoot .pa-kb .badge{background:#dc2626;color:#fff;border:0;font-weight:800;padding:.25rem .8rem;border-radius:4px}
#paRoot .pa-kb input{flex:1;background:#000;color:rgb(var(--accent-rgb));border:1px solid rgb(var(--accent-rgb)/.4);border-radius:4px;padding:.3rem .5rem;min-width:0}
#paRoot .pa-split{display:flex;gap:.5rem;height:calc(100% - 3rem);min-height:160px}
#paRoot .pa-cats{flex:0 0 28%;max-width:200px;overflow:auto;display:grid;gap:.3rem;align-content:start}
#paRoot .pa-cats button{min-height:44px;font-size:12px;font-weight:700;text-align:left;padding:.3rem .5rem}
#paRoot .pa-cats button.on{background:rgb(var(--accent-rgb));color:#000}
#paRoot .pa-list{flex:1;overflow:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:.3rem;align-content:start}
#paRoot .pa-row{display:flex;align-items:center;gap:.5rem;text-align:left;min-height:54px;padding:.2rem .4rem;border:0;border-bottom:1px solid rgb(var(--accent-rgb)/.25);border-radius:0}
#paRoot .pa-row.on{background:#e5e7eb;color:#000}
#paRoot .pa-row .ico{flex:0 0 40px;height:40px;border:1px solid rgb(var(--accent-rgb)/.5);display:flex;flex-direction:column;align-items:center;justify-content:center;font:800 8px sans-serif;background:#000;color:rgb(var(--accent-rgb))}
#paRoot .pa-row .nm{font-weight:700;font-size:14px;overflow:hidden;text-overflow:ellipsis}
#paRoot .pa-slot .glass-card{background:#050505!important;border-color:rgb(var(--accent-rgb)/.35)!important;border-radius:6px!important}
#paRoot .pa-slot>section{display:flex;flex-direction:column;gap:.5rem;width:100%}