/* Shared-device unlock (6-digit passcode), admin settings, handover author. */
.pc-box{border:1px solid var(--border);border-radius:14px;padding:16px;margin:0 0 18px;background:#fff}
.pc-box h3{margin:0 0 6px}
.pc-dots{display:flex;gap:12px;justify-content:center;margin:14px 0}
.pc-dots span{width:16px;height:16px;border-radius:50%;border:2px solid #171717}
.pc-dots span.on{background:#171717}
.pc-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:320px;margin:0 auto}
.pc-pad button{min-height:64px;font-size:24px;font-weight:700;background:#fff;color:#171717;border:2px solid #171717;border-radius:12px;text-decoration:none}
.pc-pad button:active{background:#171717;color:#fff}
.pc-pad .pc-ghost{border-color:transparent;font-size:15px}
.pc-center{text-align:center}
.pc-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:12px}
.pc-row{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:8px 0;border-top:1px solid var(--border)}
.pc-row:first-of-type{border-top:0}
.pc-author{margin:0 0 10px;font-size:14px}
.pc-note{color:var(--muted);font-size:13px}
.pc-new{font-size:26px;letter-spacing:.3em;font-weight:700;padding:8px 0}
.account-bar .pc-logout{background:#171717;color:#fff;text-decoration:none;font-weight:700;padding:10px 16px;border-radius:9px;min-height:44px}

/* Bell (notices) */
.account-bar{position:relative}
.bell-btn{position:relative;min-width:48px;font-size:20px;line-height:1;padding:8px 12px}
.bell-btn .bell-count{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;border-radius:10px;background:#c1121f;color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 5px}
.bell-btn.ring{animation:bellring 1.6s ease-in-out 2}
@keyframes bellring{0%,100%{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-12deg)}30%{transform:rotate(9deg)}40%{transform:rotate(-6deg)}50%{transform:rotate(0)}}
.bell-panel{position:absolute;top:100%;left:0;z-index:40;width:min(360px,92vw);background:#fff;border:2px solid #171717;border-radius:12px;padding:10px;margin-top:6px;box-shadow:0 8px 24px rgba(0,0,0,.18)}
.bell-panel button{display:flex;width:100%;justify-content:space-between;text-align:left;margin:4px 0;font-size:14px}
.bell-panel .bell-n{background:#c1121f;color:#fff;border-radius:10px;padding:0 8px;font-weight:700}
/* Payslips */
.ps-viewer{width:100%;min-height:420px;border:1px solid var(--border);border-radius:10px;margin-top:12px;background:#fafafa}
.ps-viewer img{max-width:100%;display:block;margin:0 auto}
.ps-new{background:#c1121f;color:#fff;border-radius:8px;padding:0 6px;font-size:11px;margin-left:6px}
.ps-folder>summary{cursor:pointer;font-weight:700;padding:8px 0}

/* Practice: refresh the question */
#refresh-question{margin:6px 0 2px;min-height:44px;padding:8px 16px;font-size:15px;font-weight:700;background:#fff;color:#171717;border:2px solid #171717;border-radius:10px;text-decoration:none}
#refresh-question:active{background:#171717;color:#fff}