/* GRCR shared kit: back-to-systems pill + install-the-app card (login pages). */
[hidden]{display:none !important;}
.back-sys{display:inline-flex;align-items:center;gap:7px;}
.back-sys svg{width:16px;height:16px;}
.app-card{display:flex;align-items:center;gap:14px;margin-top:14px;padding:14px 16px;border-radius:16px;border:1px solid var(--border);background:var(--surface);}
.app-card .app-ic{width:56px;height:56px;border-radius:14px;flex:none;display:block;}
.app-card .app-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;}
.app-card b{font-size:14.5px;color:var(--text);}
.app-card small{font-size:12px;color:var(--text-dim);line-height:1.6;}
.app-card .btn{flex:none;}
.app-card.done .btn{display:none;}
.app-card.done small::after{content:"";}
.kit-modal{position:fixed;inset:0;z-index:95;display:flex;align-items:center;justify-content:center;padding:16px;background:color-mix(in srgb,#000 60%,transparent);}
.kit-box{width:100%;max-width:420px;background:var(--surface);border:1px solid var(--border-2);border-radius:18px;padding:22px;}
.kit-box .kh{display:flex;align-items:center;gap:12px;margin-bottom:12px;}
.kit-box .kh img{width:48px;height:48px;border-radius:12px;}
.kit-box h3{margin:0;font-size:17px;color:var(--text);}
.kit-box ol{margin:6px 0 16px;padding-inline-start:20px;color:var(--text-dim);font-size:13.5px;line-height:2;}
.kit-box ol b{color:var(--text);}
.kit-box .kf{display:flex;justify-content:flex-end;}
@media (max-width:560px){.app-card{flex-wrap:wrap}.app-card .btn{width:100%;justify-content:center;}}
.login-stage .login-formside:has(.app-card){display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:0;}
.login-stage .login-formside:has(.app-card) .login-card{flex:0 0 auto;}