.role-options{display:grid;gap:15px}button,input{font:inherit}button{cursor:pointer;min-height:54px;border-radius:14px;border:1px solid transparent;background:#36594b;color:#fff;font-size:17px;font-weight:650;padding:12px 16px;touch-action:manipulation}button[data-role=parent]{background:#edf1e8;color:#294d40;border-color:#cbd8c9}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #a77832;outline-offset:3px}button:disabled{cursor:wait;opacity:.65}label{display:block;font-size:15px;font-weight:600;margin-bottom:9px}.pin-wrap{position:relative;direction:ltr}.pin-wrap input{width:100%;height:66px;min-width:0;border:1.5px solid #9eafa5;border-radius:14px;background:#fbfcf9;color:#183e35;font-size:29px;letter-spacing:.22em;text-align:center;padding:10px 54px;direction:ltr}.pin-wrap input[aria-invalid=true]{border-color:#a9463b}.pin-wrap button{position:absolute;inset-inline-end:6px;top:10px;min-height:44px;height:44px;width:44px;padding:10px;border:0;background:transparent;color:#547267;border-radius:10px}.pin-wrap svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.65}#pin-submit{display:block;width:100%;margin-top:20px}.back{display:block;background:transparent;color:#466254;border:0;font-size:14px;min-height:44px;margin:10px auto 0;padding:8px 16px}.error{font-size:14px;line-height:1.9;color:#963c32;margin:12px 0 0}#family-status{margin:0;text-align:center;font-size:14px;line-height:1.9;color:#596e61}#family-status:not(:empty){margin-top:16px}.family-shell .login-card{padding:0;border:0;background:transparent;box-shadow:none;margin:0}.family-shell h2{font-size:21px;text-align:center;margin:6px 0 24px}.family-shell footer a{display:inline-block;color:#496557;padding:6px 8px;text-underline-offset:4px}.family-shell #family-pin-form{display:block;margin:0}.family-shell .recovery-link{display:block;text-align:center;color:#496557;font-size:13px;padding:12px 0}.family-shell .pin-wrap input{padding-left:54px;padding-right:54px}.family-shell footer{margin-top:auto}.family-shell .role-options{margin-bottom:16px}

/* Temporary code and personal PIN reuse the approved family input/control geometry. */
.family-shell #family-new-pin-form{gap:14px;margin:0}.family-shell #family-new-pin-form[hidden]{display:none}.family-shell #family-new-pin-form .pin-wrap input{height:60px;font-size:24px;letter-spacing:.18em;text-align:center;padding-inline:54px;direction:ltr}.family-shell #family-new-pin-form .pin-wrap button{position:absolute;right:8px;left:auto;top:8px;width:44px;height:44px;padding:10px;background:transparent;border:0;color:#36594b}.family-shell #family-new-pin-form .pin-wrap svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7}.family-shell #role-help #forgot-pin{min-height:48px;font-size:14px;background:#f7f9f4;color:#36594b;border-color:#d6e1d8}.family-shell #temporary-help{margin-top:16px}

.family-shell #family-pin[data-temporary=true]{letter-spacing:.16em}

/* First-use manual selector only; daily PIN controls retain their approved geometry. */
.family-shell #activation-account-field{margin-top:16px}.family-shell #activation-account{width:100%;min-height:48px;font-size:16px;direction:ltr;text-align:left;letter-spacing:normal;border:1.5px solid #9eafa5;border-radius:12px;background:#fbfcf9;padding:10px 12px;color:#183e35}

/* Unenrolled browsers use explicit existing-account connection, not PIN-only login. */
.family-shell #family-pin-form[hidden]{display:none}.family-shell #unbound-account .flow-action{margin-top:16px}.family-shell #unbound-account .digital-first-use{font-size:14px;margin:18px 0 0}