/* Dedicated LikWork surface. Login, MFA and recovery retain the existing guards. */
body:has(.lw-standalone-content){margin:0;overflow:hidden}body:has(.lw-standalone-content) #layout{margin:0!important;height:100dvh!important;width:100%!important;display:block!important}#layout-content.lw-standalone-content{padding:0!important;margin:0!important;max-width:none!important;width:100%!important;height:100dvh!important;overflow:hidden}.lw-standalone-content #likwork-workspace{height:100%}.lw-standalone .lw-account{padding:0;border:0;background:transparent}.lw-standalone .lw-account .lw-avatar{width:34px;height:34px}.lw-standalone .lw-header>a{font-size:12px;text-decoration:none}.lw-standalone .lw-header{min-height:68px}@media(max-width:767px){.lw-standalone .lw-header{gap:7px;padding:10px}.lw-standalone .lw-header>a{font-size:11px;padding:6px}.lw-standalone .lw-tagline{display:none}.lw-standalone .lw-header .lw-brand{font-size:18px}}


/* Standalone sign-in, adapted from the supplied dark-panel design reference. */
@font-face {
    font-family: "LikWork Geist";
    src: url("fonts/geist-latin.woff2") format("woff2");
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
}
body.task-login:has(.lw-login) { background: #fafaf9; }
body.task-login:has(.lw-login) #layout { height: auto; min-height: 100svh; }
body.task-login #layout-content.lw-login {
    display: block;
    width: 100%; max-width: none;
    margin: 0; padding: 0;
    background: #fafaf9;
    overflow: auto;
    color: #18181b;
    font-family: "LikWork Geist", system-ui, -apple-system, "Segoe UI", sans-serif;
}
.lw-login, .lw-login * { box-sizing: border-box; }
.lw-login-shell { display: flex; min-height: 100svh; }
.lw-login-brand {
    flex: 0 0 39%; max-width: 560px; min-width: 0;
    min-height: 320px; padding: 48px 56px;
    display: flex; flex-direction: column; justify-content: space-between;
    gap: 64px; background: #141414; color: #e7e5e4;
}
.lw-login-wordmark { display: flex; align-items: center; gap: 12px; }
.lw-login-wordmark img { display: block; width: 184px; height: auto; max-width: 75%; }
.lw-login-wordmark span { font-size: 13px; color: #a8a29e; font-weight: 500; }
.lw-login-message { display: flex; flex-direction: column; gap: 20px; max-width: 400px; }
.lw-login-accent { display: block; width: 32px; height: 2px; background: #c95008; }
.lw-login-message h1 { margin: 0; font-size: 32px; line-height: 1.2; font-weight: 600; letter-spacing: -.6px; color: #fafaf9; }
.lw-login-message p { margin: 0; font-size: 15px; line-height: 1.6; color: #a8a29e; }
.lw-login-brand-footer { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 16px; font-size: 12px; line-height: 1.5; color: #a8a29e; }
.lw-login-panel { flex: 1 1 0; min-width: 0; display: flex; align-items: center; justify-content: center; padding: 64px 24px; }
.lw-login-card { width: 100%; max-width: 380px; text-align: left; }
.lw-login-intro h2 { margin: 0 0 8px; font-size: 26px; line-height: 1.25; font-weight: 600; letter-spacing: -.4px; }
.lw-login-intro p { margin: 0; font-size: 14px; line-height: 1.5; color: #57534e; }
body.task-login .lw-login #login-form { position: static; width: 100%; max-width: none; padding: 0; margin: 28px 0; text-align: left; }
body.task-login .lw-login #login-form tr { display: flex; flex-direction: column; width: 100%; margin: 0 0 18px; }
body.task-login .lw-login #login-form tr:last-child { margin-bottom: 0; }
/* Elastic hides labels and prepends icons after rendering; retain visible labels. */
body.task-login .lw-login #login-form td.title { display: flex !important; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: 6px 10px; width: 100%; padding: 0 0 6px; }
.lw-login #login-form label { margin: 0; font-size: 13px; line-height: 1.5; font-weight: 500; color: #27272a; }
body.task-login .lw-login #login-form td.input { display: block; width: 100%; padding: 0; }
body.task-login .lw-login #login-form .input-group-prepend { display: none; }
body.task-login .lw-login #login-form input.form-control,
body.task-login .lw-login #login-form select {
    display: block; flex: auto; width: 100%; min-width: 0; height: 44px;
    padding: 0 14px; border: 1px solid #d6d3d1; border-radius: 6px;
    background: #fff; color: #18181b; font: inherit; font-size: 14px;
    box-shadow: none;
}
.lw-login input::placeholder { color: #a1a1aa; }
body.task-login .lw-login #login-form input:focus,
body.task-login .lw-login #login-form select:focus {
    outline: none; border-color: #18181b; box-shadow: 0 0 0 3px rgb(24 24 27 / 8%);
}
body.task-login .lw-login #login-form .formbuttons { margin: 28px 0 0; }
body.task-login .lw-login #login-form #rcmloginsubmit {
    width: 100%; height: 46px; min-height: 46px; margin: 0; padding: 0 16px;
    border: 0; border-radius: 6px; background: #18181b; color: #fff;
    font: inherit; font-size: 14px; font-weight: 600; line-height: 1.5;
    text-transform: none !important; box-shadow: none; cursor: pointer;
}
body.task-login .lw-login #login-form #rcmloginsubmit:hover { background: #303033; }
body.task-login .lw-login #login-form #rcmloginsubmit:disabled { opacity: .6; cursor: wait; }
.lw-login a { color: #b4410f; text-decoration: none; }
.lw-login a:hover { color: #8a300a; text-decoration: underline; }
.lw-login-recovery { font-size: 13px; font-weight: 400; white-space: nowrap; }
.lw-login a:focus-visible, .lw-login button:focus-visible { outline: 3px solid #c95008; outline-offset: 3px; }
.lw-login-help { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 12px; border-top: 1px solid #e7e5e4; padding-top: 20px; font-size: 13px; line-height: 1.5; color: #57534e; }
@media (max-width: 1050px) {
    .lw-login-brand { padding: 40px 32px; }
}
@media (max-width: 760px) {
    .lw-login-shell { flex-direction: column; }
    .lw-login-brand { flex: none; max-width: none; min-height: 0; padding: 28px 24px; gap: 28px; }
    .lw-login-message { max-width: 440px; gap: 12px; }
    .lw-login-message h1 { font-size: 26px; }
    .lw-login-message p { font-size: 14px; }
    .lw-login-brand-footer { display: none; }
    .lw-login-panel { flex: 1 0 auto; padding: 36px 24px 48px; }
}