/* Shared email/Google account flow. Almarai and existing Farhetna tokens remain in use. */
.fh-login-layout .fh-auth-panel{min-width:0;width:100%;max-width:none;text-align:start}
.fh-auth-panel h1{overflow-wrap:anywhere}
.fh-auth-tabs{display:flex;gap:4px;padding:4px;background:#f2f4f7;border:1px solid #d7dfe9;border-radius:12px;margin:24px 0}
.fh-auth-tabs a{flex:1;display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 12px;text-align:center;text-decoration:none!important;border-radius:9px;color:#003070;font-weight:700;font-size:14px}
.fh-auth-tabs a[aria-current]{background:#fff;box-shadow:0 1px 4px #00307018}
.fh-auth-form{display:grid;gap:10px;text-align:start;position:relative}
.fh-auth-form>label{margin:10px 0 0;display:block;font-weight:700}
.fh-auth-form input:not([type=checkbox]),.fh-auth-form select{box-sizing:border-box;min-width:0;width:100%;min-height:48px;margin:0!important;border:1px solid #b9c8d9;border-radius:10px;padding:10px 12px;background:#fff;color:#172c47;font:inherit}
.fh-auth-form input[type=password],.fh-auth-form input[type=email]{direction:ltr;text-align:start}
.fh-auth-form .fh-auth-remember{display:flex;align-items:center;gap:10px;min-height:44px;font-size:14px;font-weight:400}
.fh-auth-form .fh-auth-remember input{flex:0 0 20px;inline-size:20px!important;block-size:20px;accent-color:#003070;margin:0}
.fh-auth-form .fh-auth-submit{width:100%;min-height:48px;margin-top:10px;justify-content:center}
.fh-auth-form small,.fh-auth-provider-status{color:#52647b;font-size:13px;line-height:1.7}
.fh-auth-panel .fh-social-login{margin:20px 0}
.fh-google-form{margin:0}
.fh .fh-google-button{box-sizing:border-box;width:100%;min-height:48px;padding:12px 16px;border:1px solid #747775;border-radius:10px;background:white;color:#1f1f1f;display:flex;gap:12px;align-items:center;justify-content:center;font:700 14px Almarai,sans-serif;cursor:pointer;box-shadow:0 1px 2px #00000012}
.fh .fh-google-button:hover{background:#f8faff;border-color:#003070}
.fh-google-mark{width:20px;height:20px;flex:0 0 20px;object-fit:contain}
.fh-auth-divider{display:flex;align-items:center;gap:14px;margin:20px 0;color:#52647b;font-size:13px}
.fh-auth-divider:before,.fh-auth-divider:after{content:"";height:1px;background:#d7dfe9;flex:1}
.fh-auth-help{display:inline-flex;align-items:center;min-height:44px;margin-top:16px;text-decoration:underline;text-underline-offset:4px}
.fh-auth-notice{padding:14px 16px;border:1px solid #c1d4c9;border-radius:10px;background:#f0f8f3;color:#195e39;font-size:14px;line-height:1.8;margin:18px 0;overflow-wrap:anywhere}
.fh-auth-notice.is-error{background:#fff5f3;border-color:#dfb9b2;color:#8e271f}
.fh-auth-connected{color:#195e39;font-size:14px}
.fh-auth-trap{position:absolute;inset-inline-start:-10000px;inline-size:1px;block-size:1px;overflow:hidden;visibility:hidden}
.fh-auth-panel a:focus-visible,.fh-auth-form input:focus-visible,.fh-auth-form select:focus-visible,.fh-google-button:focus-visible{outline:3px solid #936018;outline-offset:3px}
@media(max-width:760px){.fh-login-layout .fh-auth-panel{padding:24px 20px}.fh-auth-tabs{margin:18px 0}.fh-login-layout .fh-login-art{min-height:170px}.fh-auth-panel h1{font-size:26px}.fh-auth-form input,.fh-auth-form select{font-size:16px!important}}
@media(max-width:360px){.fh-login-layout .fh-auth-panel{padding:22px 16px}.fh-auth-tabs a{padding-inline:8px;font-size:13px}}
/* One baseline and generous targets for password controls in both writing directions. */
.fh-password-control{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;border:1px solid #b9c8d9;border-radius:10px;background:#fff;overflow:visible}
.fh-auth-form .fh-password-control input{border:0;border-radius:10px;direction:ltr;text-align:start}
.fh .fh-password-toggle{border:0;border-inline-start:1px solid #d7dfe9;background:transparent;color:#003070;min-height:48px;min-width:64px;padding:10px 12px;margin:0;font:700 13px Almarai,sans-serif;cursor:pointer;border-radius:0}
.fh-password-control:focus-within{outline:3px solid #936018;outline-offset:3px}
.fh-password-control input:focus-visible{outline:0}
.fh .fh-password-toggle:focus-visible{outline:2px solid #003070;outline-offset:-5px}
.fh-auth-form[aria-busy="true"] .fh-auth-submit{cursor:progress}