/* Approved emerald login design. Scoped to authentication; authenticated workspace unchanged. */
@media screen {
 html:root[data-appearance="orange"][data-app-scroll="auth"]{--auth-scroll-track:#fff1e5;scrollbar-color:#e8b68f #fff1e5!important}
 html:root[data-appearance] body main.server-auth.auth-compact.auth-orange{
  --blue:#c55200;--ink:#4b2a17;--line:#ebcdb7;--pale:#fff7ef;
  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:#fff3e8 url('auth-orange-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-orange .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:4px solid #e87516!important;border-radius:20px!important;
  background:linear-gradient(145deg,#ffffffed,#fff6edeb)!important;
  box-shadow:0 9px 24px #d96c1525!important;color:#4b2a17!important;
  font:13px/1.4 Inter,'Segoe UI',Arial,sans-serif!important;
 }
 html:root[data-appearance] body main.server-auth.auth-compact.auth-orange .auth-brand{display:none!important}
 html:root[data-appearance] body main.server-auth.auth-compact.auth-orange .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-orange .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-orange .auth-card h2{font-size:24px!important;line-height:1.2!important;color:#4b2a17!important;text-align:center!important;margin:0!important}
 html:root[data-appearance] body main.server-auth.auth-compact.auth-orange .auth-card:has(#authForm) h2{font-size:28px!important}
 html:root[data-appearance] body main.server-auth.auth-compact.auth-orange .auth-card :is(p,small,label,.auth-links){color:#70401e!important;font-size:12px!important;line-height:1.45!important}
 html:root[data-appearance] body main.server-auth.auth-compact.auth-orange .emerald-welcome{text-align:center!important;margin:0 0 8px!important;font-size:13px!important;color:#8c5b36!important}
 html:root[data-appearance] body main.server-auth.auth-compact.auth-orange .auth-card form{gap:16px!important;margin:0!important}
 html:root[data-appearance] body main.server-auth.auth-compact.auth-orange .auth-card label{gap:6px!important;font-weight:600!important}
 html:root[data-appearance] body main.server-auth.auth-compact.auth-orange .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 #e8c9af!important;border-radius:10px!important;background:#ffffffdc!important;color:#4b2a17!important;box-shadow:none!important}
 html:root[data-appearance] body main.server-auth.auth-compact.auth-orange .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 #ba5a13!important;background:#fff7ef!important;color:#603315!important;box-shadow:none!important}
 html:root[data-appearance] body main.server-auth.auth-compact.auth-orange .auth-card .btn.primary{background:linear-gradient(170deg,#f47a16,#9b3d00)!important;color:white!important;font-weight:600!important;border-color:#bc5100!important;box-shadow:0 3px 8px #d9651020!important}
 html:root[data-appearance] body main.server-auth.auth-compact.auth-orange .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 #a84b0b!important;border-radius:10px!important;color:#4b2a17!important;background:#fff8f1!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-orange .auth-card .auth-password-help{color:#a84b0b!important;text-align:center!important;font-size:12px!important}
 html:root[data-appearance] body main.server-auth.auth-compact.auth-orange .auth-security-note{font-size:10px!important;text-align:center!important;color:#866047!important}
 html:root[data-appearance] body main.server-auth.auth-compact.auth-orange .auth-card :is(.auth-error,#mfaLoginError,#mfaSetupError,#resetMessage):not(:empty){color:#8b2332!important}
 html:root[data-appearance] body main.server-auth.auth-compact.auth-orange .auth-card :is(input,button,a,summary):focus-visible{outline:2px solid #cf5d0a!important;outline-offset:3px!important}
 html:root[data-appearance] body main.server-auth.auth-compact.auth-orange .auth-card [hidden]{display:none!important}
 html:root[data-appearance] body main.server-auth.auth-compact.auth-orange .auth-card .emerald-password{position:relative;display:block;width:100%;min-width:0}
 html:root[data-appearance] body main.server-auth.auth-compact.auth-orange .auth-card .emerald-password input{padding-right:40px!important}
 html:root[data-appearance] body main.server-auth.auth-compact.auth-orange .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:#753a12!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-orange .auth-card .auth-version-footer{display:none!important}
 html:root[data-appearance] body main.server-auth.auth-compact.auth-orange .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-orange .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-orange .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-orange .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-orange{padding:16px!important;justify-content:center!important;background-image:linear-gradient(#fff5ebdb,#fff5ebdb),url('auth-orange-background.png')!important}
  html:root[data-appearance] body main.server-auth.auth-compact.auth-orange .auth-card{max-height:calc(100dvh - 32px)!important}
  html:root[data-appearance] body main.server-auth.auth-compact.auth-orange .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-orange .auth-brand h1{font-size:15px!important;color:#4b2a17!important}
  html:root[data-appearance] body main.server-auth.auth-compact.auth-orange .auth-brand img{width:30px!important;height:30px!important;object-fit:contain}
  html:root[data-appearance] body main.server-auth.auth-compact.auth-orange .auth-brand-version{display:none!important}
  html:root[data-appearance] body main.server-auth.auth-compact.auth-orange .auth-card input:not([type=checkbox]):not([type=radio]){font-size:16px!important}
 }
}

@media screen {
 html body .appearance-thumbnail[data-preview-theme=orange] .appearance-mini-login{right:auto;left:21%;width:18%;transform:translateY(-50%);background:#fff7ef;color:#4b2a17;border:1px solid #e87516;border-radius:5px}
 html body .appearance-thumbnail[data-preview-theme=orange] .appearance-mini-login em{background:#c55200}
 #appearancePreview.appearance-compact-preview[data-preview-theme=orange]{justify-content:flex-start;padding-left:21%}
 #appearancePreview[data-preview-theme=orange] .appearance-compact-card{width:23%;min-width:0;background:#fff7ef;color:#4b2a17;border:1px solid #e87516;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-orange .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-orange .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-orange .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:#a2470c!important;}
 html:root[data-appearance] body main.server-auth.auth-compact.auth-orange .emerald-login-links .auth-help{margin:0!important;flex:0 0 30px;}
 html:root[data-appearance] body main.server-auth.auth-compact.auth-orange .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-orange .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-orange .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:#866047!important;background:transparent!important;}
}