/* NC AIA LEAP - app shell styles (sign-in, banner, menu). The staff
   screens' own styles are staff.css, built from StaffPage.html. */
body{padding-bottom:env(safe-area-inset-bottom);}
.top{padding-top:calc(12px + env(safe-area-inset-top));}
.top .mark{width:34px;height:34px;flex:0 0 auto;}
.menu-btn{width:44px;height:44px;border:0;border-radius:22px;background:#2B2B2D;color:#fff;font-size:20px;flex:0 0 auto;}
.banner{max-width:656px;width:calc(100% - 24px);box-sizing:border-box;margin:12px auto 0;padding:10px 14px;border-radius:12px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px;}
.banner.info{background:#E7F1F3;color:#1F4750;}
.banner.ok{background:#E3F5EA;color:#0E5E2F;}
.banner.error{background:#FCE4E2;color:#7A1B13;}
.banner[hidden]{display:none;}
.signin{padding-top:16px;display:flex;flex-direction:column;gap:12px;}
.signin h2{margin:0;font-size:22px;text-align:center;}
.signin-intro{text-align:center;margin:0;}
.stack-tight{display:flex;flex-direction:column;gap:10px;}
.gsi-slot{min-height:44px;display:flex;align-items:center;justify-content:center;}
.divider{display:flex;align-items:center;gap:10px;color:#5C5C60;font-size:13px;}
.divider:before,.divider:after{content:"";flex:1 1 auto;height:1px;background:#E2DDD6;}
.inp.code{font-size:24px;font-weight:700;letter-spacing:6px;height:54px;}
.link-btn{border:0;background:transparent;color:#336672;font-weight:700;padding:8px 0;min-height:40px;text-align:left;}
.install{display:flex;flex-direction:column;}
.about summary{cursor:pointer;font-weight:700;font-size:14px;min-height:36px;}
.info-links{text-align:center;}
.info-links a{color:#336672;font-weight:700;margin:0 8px;}
[hidden]{display:none !important;}