.hk-access { color:var(--foreground); font-family:var(--font-sans); }
.hk-access h2 { font-size:22px; margin:0 0 10px; }
.hk-access p { color:var(--muted-foreground); font-size:12px; line-height:1.8; }
.hk-access-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; margin-top:20px; }
.hk-access-card { border:1px solid var(--border); background:var(--card); border-radius:10px; padding:24px; }
.hk-access-card h3 { margin:0 0 16px; font-size:15px; }
.hk-access-card label { display:block; margin:12px 0; font-size:12px; }
.hk-access-card input { display:block; box-sizing:border-box; width:100%; background:var(--background); color:var(--foreground); border:1px solid var(--input); border-radius:6px; padding:10px 12px; margin-top:6px; font:inherit; }
.hk-access-card button,.hk-access-card a.hk-access-button { display:inline-block; background:var(--primary); color:var(--primary-foreground); border:0; padding:10px 20px; border-radius:6px; font:inherit; text-decoration:none; cursor:pointer; }
.hk-access-card button:disabled { opacity:.5; cursor:default; }
.hk-access-status { font-size:12px; line-height:1.8; color:var(--primary); min-height:20px; }
.hk-access-role { padding:12px 0; border-bottom:1px solid var(--border); font-size:12px; line-height:1.9; }
.hk-access-role b { display:block; color:var(--foreground); }
.hk-access-role span { color:var(--muted-foreground); }
.hk-password-body { margin:0; min-height:100vh; display:grid; place-items:center; background:var(--secondary); color:var(--foreground); font-family:var(--font-sans); padding:24px; box-sizing:border-box; }
.hk-password-body .hk-access-card { max-width:430px; width:100%; box-sizing:border-box; }
.hk-password-brand { color:var(--primary); font-size:13px; font-weight:600; margin-bottom:24px; }
.hk-password-body h1 { font-size:24px; margin:0 0 10px; }
.hk-password-body p { color:var(--muted-foreground); font-size:12px; line-height:1.9; }
.hk-password-body [hidden] { display:none!important; }
.hk-password-body :focus-visible,.hk-access :focus-visible { outline:2px solid var(--ring); outline-offset:3px; }
@media(max-width:720px) { .hk-access-grid { grid-template-columns:1fr; } }

#view-app .hk-permission-hidden { display:none!important; }