/* Approved emerald login design. Scoped to authentication; authenticated workspace unchanged. */
@media screen {
 html:root[data-appearance="emerald"][data-app-scroll="auth"]{--auth-scroll-track:#e9f8f1;scrollbar-color:#a1d4c2 #e9f8f1!important}
 html:root[data-appearance] body main.server-auth.auth-compact.auth-emerald{
  --blue:#00896c;--ink:#064c3a;--line:#c8e1d7;--pale:#f2fbf7;
  display:flex!important;align-items:center!important;justify-content:flex-start!important;
  padding:24px 24px 24px max(24px,calc(30.3vw - 150px))!important;
  height:100dvh!important;min-height:0!important;box-sizing:border-box!important;
  background:#eaf8f2 url('auth-emerald-background.png') center/cover no-repeat!important;
  font-family:Inter,'Segoe UI',Arial,sans-serif!important;
 }
 html:root[data-appearance] body main.server-auth.auth-compact.auth-emerald .auth-card{
  position:relative!important;inset:auto!important;flex:0 0 auto!important;
  width:300px!important;max-width:100%!important;height:auto!important;min-height:0!important;
  max-height:calc(100dvh - 48px)!important;overflow:auto!important;
  display:flex!important;flex-direction:column!important;justify-content:flex-start!important;
  gap:12px!important;padding:24px 22px!important;margin:0!important;box-sizing:border-box!important;
  border:1px solid #14a77d!important;border-radius:20px!important;
  background:linear-gradient(145deg,#ffffffed,#f1fcf7eb)!important;
  box-shadow:0 9px 24px #059b6c25!important;color:#064c3a!important;
  font:13px/1.4 Inter,'Segoe UI',Arial,sans-serif!important;
 }
 html:root[data-appearance] body main.server-auth.auth-compact.auth-emerald .auth-brand{display:none!important}
 html:root[data-appearance] body main.server-auth.auth-compact.auth-emerald .auth-company-logo{margin:0 0 2px!important;max-height:48px!important;flex-shrink:0!important}
 html:root[data-appearance] body main.server-auth.auth-compact.auth-emerald .auth-company-logo img{max-width:180px!important;max-height:48px!important;object-fit:contain!important}
 html:root[data-appearance] body main.server-auth.auth-compact.auth-emerald .auth-card h2{font-size:24px!important;line-height:1.2!important;color:#064c3a!important;text-align:center!important;margin:0!important}
 html:root[data-appearance] body main.server-auth.auth-compact.auth-emerald .auth-card:has(#authForm) h2{font-size:28px!important}
 html:root[data-appearance] body main.server-auth.auth-compact.auth-emerald .auth-card :is(p,small,label,.auth-links){color:#155d4c!important;font-size:12px!important;line-height:1.45!important}
 html:root[data-appearance] body main.server-auth.auth-compact.auth-emerald .emerald-welcome{text-align:center!important;margin:0 0 8px!important;font-size:13px!important;color:#427a6b!important}
 html:root[data-appearance] body main.server-auth.auth-compact.auth-emerald .auth-card form{gap:16px!important;margin:0!important}
 html:root[data-appearance] body main.server-auth.auth-compact.auth-emerald .auth-card label{gap:6px!important;font-weight:600!important}
 html:root[data-appearance] body main.server-auth.auth-compact.auth-emerald .auth-card input:not([type=checkbox]):not([type=radio]){width:100%!important;height:42px!important;min-height:42px!important;padding:9px 12px!important;font:13px/1.3 Inter,'Segoe UI',Arial,sans-serif!important;border:1px solid #c6dfd5!important;border-radius:10px!important;background:#ffffffdc!important;color:#064c3a!important;box-shadow:none!important}
 html:root[data-appearance] body main.server-auth.auth-compact.auth-emerald .auth-card button.btn{min-height:42px!important;height:auto!important;padding:10px 12px!important;border-radius:10px!important;font-size:12px!important;line-height:1.4!important;border:1px solid #177c63!important;background:#f4fcf8!important;color:#07543f!important;box-shadow:none!important}
 html:root[data-appearance] body main.server-auth.auth-compact.auth-emerald .auth-card .btn.primary{background:linear-gradient(170deg,#09a982,#005b43)!important;color:white!important;font-weight:600!important;border-color:#008967!important;box-shadow:0 3px 8px #00885d20!important}
 html:root[data-appearance] body main.server-auth.auth-compact.auth-emerald .auth-card #passkeyLogin{box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;width:100%!important;min-height:42px!important;padding:8px!important;border:1px solid #08634d!important;border-radius:10px!important;color:#064c3a!important;background:#f5fcf8!important;text-decoration:none!important;font-size:12px!important;font-weight:600!important;text-align:center!important}
 html:root[data-appearance] body main.server-auth.auth-compact.auth-emerald .auth-card .auth-password-help{color:#08634d!important;text-align:center!important;font-size:12px!important}
 html:root[data-appearance] body main.server-auth.auth-compact.auth-emerald .auth-security-note{font-size:10px!important;text-align:center!important;color:#527669!important}
 html:root[data-appearance] body main.server-auth.auth-compact.auth-emerald .auth-card :is(.auth-error,#mfaLoginError,#mfaSetupError,#resetMessage):not(:empty){color:#8b2332!important}
 html:root[data-appearance] body main.server-auth.auth-compact.auth-emerald .auth-card :is(input,button,a,summary):focus-visible{outline:2px solid #008669!important;outline-offset:3px!important}
 html:root[data-appearance] body main.server-auth.auth-compact.auth-emerald .auth-card [hidden]{display:none!important}
 html:root[data-appearance] body main.server-auth.auth-compact.auth-emerald .auth-card .emerald-password{position:relative;display:block;width:100%;min-width:0}
 html:root[data-appearance] body main.server-auth.auth-compact.auth-emerald .auth-card .emerald-password input{padding-right:40px!important}
 html:root[data-appearance] body main.server-auth.auth-compact.auth-emerald .auth-card .emerald-eye{position:absolute!important;right:3px!important;top:3px!important;width:36px!important;height:36px!important;min-height:0!important;padding:8px!important;border:0!important;background:transparent!important;color:#075940!important;display:grid!important;place-items:center!important;box-shadow:none!important;cursor:pointer;border-radius:8px!important}
 html:root[data-appearance] body main.server-auth.auth-compact.auth-emerald .auth-card .auth-version-footer{display:none!important}
 html:root[data-appearance] body main.server-auth.auth-compact.auth-emerald .auth-card>*{flex-shrink:0!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
 html:root[data-appearance] body main.server-auth.auth-compact.auth-emerald .auth-card :is(input,textarea,form,.mfa-qr){box-sizing:border-box!important;max-width:100%!important;min-width:0!important}
 html:root[data-appearance] body main.server-auth.auth-compact.auth-emerald .auth-card .mfa-qr svg{display:block;max-width:100%!important;height:auto!important;margin:auto}
 html:root[data-appearance] body main.server-auth.auth-compact.auth-emerald .auth-card :is(code,.mfa-manual,p){overflow-wrap:anywhere}
 @media(max-width:900px){
  html:root[data-appearance] body main.server-auth.auth-compact.auth-emerald{padding:16px!important;justify-content:center!important;background-image:linear-gradient(#effbf5db,#effbf5db),url('auth-emerald-background.png')!important}
  html:root[data-appearance] body main.server-auth.auth-compact.auth-emerald .auth-card{max-height:calc(100dvh - 32px)!important}
  html:root[data-appearance] body main.server-auth.auth-compact.auth-emerald .auth-brand{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;margin:0!important}
  html:root[data-appearance] body main.server-auth.auth-compact.auth-emerald .auth-brand h1{font-size:15px!important;color:#064c3a!important}
  html:root[data-appearance] body main.server-auth.auth-compact.auth-emerald .auth-brand img{width:30px!important;height:30px!important;object-fit:contain}
  html:root[data-appearance] body main.server-auth.auth-compact.auth-emerald .auth-brand-version{display:none!important}
  html:root[data-appearance] body main.server-auth.auth-compact.auth-emerald .auth-card input:not([type=checkbox]):not([type=radio]){font-size:16px!important}
 }
}

@media screen {
 html body .appearance-thumbnail[data-preview-theme=emerald] .appearance-mini-login{right:auto;left:21%;width:18%;transform:translateY(-50%);background:#f3fcf8;color:#064c3a;border:1px solid #14a77d;border-radius:5px}
 html body .appearance-thumbnail[data-preview-theme=emerald] .appearance-mini-login em{background:#00896c}
 #appearancePreview.appearance-compact-preview[data-preview-theme=emerald]{justify-content:flex-start;padding-left:21%}
 #appearancePreview[data-preview-theme=emerald] .appearance-compact-card{width:23%;min-width:0;background:#f3fcf8;color:#064c3a;border:1px solid #14a77d;border-radius:14px;font-size:clamp(7px,1vw,12px)}
}

/* V3.4.574: approved compact login links and live version. */
@media screen {
 html:root[data-appearance] body main.server-auth.auth-compact.auth-emerald .auth-card:has(#authForm){gap:10px!important;padding-top:20px!important;padding-bottom:16px!important;}
 html:root[data-appearance] body main.server-auth.auth-compact.auth-emerald .emerald-login-links{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;width:100%!important;min-height:30px;}
 html:root[data-appearance] body main.server-auth.auth-compact.auth-emerald .emerald-login-links #forgotPassword{margin:0!important;padding:0!important;width:auto!important;font-size:12px!important;line-height:1.4!important;text-align:right!important;color:#176596!important;}
 html:root[data-appearance] body main.server-auth.auth-compact.auth-emerald .emerald-login-links .auth-help{margin:0!important;flex:0 0 30px;}
 html:root[data-appearance] body main.server-auth.auth-compact.auth-emerald .emerald-login-links .auth-help>summary{width:30px!important;height:28px!important;min-height:28px!important;font-size:20px!important;box-sizing:border-box;}
 html:root[data-appearance] body main.server-auth.auth-compact.auth-emerald .emerald-login-links .auth-help-bubble{position:absolute;top:100%;left:0;width:250px;max-width:calc(100vw - 90px);box-sizing:border-box;}
 html:root[data-appearance] body main.server-auth.auth-compact.auth-emerald .auth-card:has(#authForm) .auth-version-footer{display:block!important;position:static!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;font-size:10px!important;line-height:1.4!important;text-align:center!important;color:#527669!important;background:transparent!important;}
}