/* Màn đăng nhập của bố mẹ (chữ nhiều hơn màn của bé) */
body[data-screen="login"] #btnHome { visibility: hidden; } /* không vào app khi chưa đăng nhập */
.login-card { width: min(520px, 100%); padding: 22px 22px 18px; font-family: 'Nunito', 'Segoe UI', system-ui, sans-serif; text-align: center; }
.login-card h2 { margin: 0 0 8px; font-family: var(--font); font-size: clamp(22px, 4vmin, 30px); }
.login-card h2 small { display: block; font-size: .6em; color: var(--ink-soft); }
.login-card p { margin: 6px 0; line-height: 1.5; font-size: 15px; }
.login-card .en { color: var(--ink-soft); font-size: 13px; }
.login-card .consent { display: flex; gap: 10px; align-items: flex-start; text-align: left; margin: 14px 0; font-size: 14px; line-height: 1.45; cursor: pointer; }
.login-card .consent input { width: 22px; height: 22px; flex: none; accent-color: #3aa0ff; margin-top: 2px; }
.login-card .consent i { display: block; font-style: normal; }
.btn-google {
  display: inline-flex; align-items: center; gap: 10px; padding: 12px 20px; border-radius: 99px;
  background: #fff; border: 2px solid #dadce0; font-weight: 700; font-size: 16px; color: #3c4043;
  box-shadow: 0 4px 0 #dadce0;
}
.btn-google:disabled { opacity: .45; cursor: not-allowed; }
.btn-google:not(:disabled):active { transform: translateY(3px); box-shadow: 0 1px 0 #dadce0; }
.login-card .name-in { font: inherit; font-size: 22px; text-align: center; padding: 10px 14px; border-radius: 16px; border: 3px solid var(--card-edge); width: min(320px, 100%); margin: 8px 0 14px; }
.login-card .who { font-size: 13px; color: var(--ink-soft); }
.login-card .msg { color: #c0392b; font-size: 14px; }
.settings.account h3 small { font-weight: 600; color: var(--ink-soft); }