/* HF156: cobalt-frame detail. Existing fonts, palette, width, height and offsets remain authoritative. */
html body #loginView[data-hf156-login-ui="1"] .login-card {
 border-radius:12px!important;
 border-color:color-mix(in srgb,var(--ptms-accent,var(--home-line,#3697ca)) 38%,var(--home-panel,#0b1c32))!important;
 box-shadow:0 20px 52px color-mix(in srgb,var(--home-line,#203d63) 16%,transparent),inset 0 1px 0 color-mix(in srgb,var(--ptms-accent,var(--home-line,#3697ca)) 14%,transparent)!important;
 animation:none!important;
}
html body #loginView[data-hf156-login-ui="1"] .login-card::before {
 content:"";position:absolute;top:0;left:16px;right:16px;height:2px;pointer-events:none;
 background:linear-gradient(90deg,transparent,var(--ptms-accent,var(--home-line,#3697ca)),transparent);
}
html body #loginView[data-hf156-login-ui="1"] .login-card>p:empty {display:none!important}
html body #loginView[data-hf156-login-ui="1"] #loginForm {display:flex!important;flex-direction:column!important;gap:var(--hf133-login-field-gap,12px)!important;min-width:0}
/* Step visibility must outrank the existing home-layout button display rules. */
html body #loginView[data-hf156-login-ui="1"] #loginForm [data-hf156-hidden="1"][hidden],
html body #loginView[data-hf156-login-ui="1"] #loginForm button.loginbtn[data-hf156-hidden="1"][hidden] {display:none!important}
html body #loginView[data-hf156-login-ui="1"] #hf156AccountSummary {display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0;color:var(--home-fg,inherit);font-size:var(--hf114-login-text-size,17px);margin:0}
html body #loginView[data-hf156-login-ui="1"] #hf156AccountValue {min-width:0;flex:1 1 90px;overflow-wrap:anywhere;font-family:inherit;font-size:inherit}
html body #loginView[data-hf156-login-ui="1"] #hf156ChangeAccount {flex:0 1 auto;min-width:0;white-space:normal;overflow-wrap:anywhere;font-family:inherit;font-size:var(--hf114-login-text-size,17px)!important;padding:6px 8px;border:1px solid color-mix(in srgb,var(--ptms-accent,var(--home-line,#3697ca)) 32%,transparent);border-radius:6px;background:transparent;color:var(--home-fg,inherit)}
html body #loginView[data-hf156-login-ui="1"] #hf156NextButton {font-family:inherit;font-size:var(--hf114-login-button-size,20px)!important;white-space:normal;overflow-wrap:anywhere}
html body #loginView[data-hf156-login-ui="1"] #hf155MicrosoftLogin {margin:0;min-width:0}
html body #loginView[data-hf156-login-ui="1"] #hf155MicrosoftLogin>p {display:none!important}
html body #loginView[data-hf156-login-ui="1"] #hf155MicrosoftSignIn {font-family:inherit;font-size:var(--hf114-login-button-size,20px)!important;white-space:normal;overflow-wrap:anywhere}
html body #loginView[data-hf156-login-ui="1"] #hf100LoginSecondary {margin:0!important;gap:var(--hf133-login-field-gap,12px);min-width:0}
html body #loginView[data-hf156-login-ui="1"] #hf100LoginSecondary button {min-width:0;white-space:normal;overflow-wrap:anywhere;font-size:var(--hf114-login-button-size,20px)!important;font-family:inherit}
#hf156LoginTextControls {min-width:0;margin:12px 0}
#hf156LoginTextControls .hf156-text-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#hf156LoginTextControls .field {min-width:0;margin:0}
#hf156LoginTextControls input {box-sizing:border-box;width:100%;min-width:0}
#hf158LoginColorControls {min-width:0;margin:12px 0}
#hf158LoginColorControls .hf158-color-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#hf158LoginColorControls .field {min-width:0;margin:0}
#hf158LoginColorControls .hf158-color-row {display:flex;align-items:center;gap:10px;flex-wrap:wrap}
#hf158LoginColorControls input[type="color"] {width:58px;min-width:58px;height:38px;padding:3px;cursor:pointer}
#hf158LoginColorControls .hf158-color-enable {display:inline-flex;align-items:center;gap:6px;margin:0}
#hf158LoginColorControls input[type="checkbox"] {width:auto;margin:0}
#hf158LoginColorControls button {margin-top:10px}
@media(max-width:760px){#hf158LoginColorControls .hf158-color-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:760px){#hf156LoginTextControls .hf156-text-grid{grid-template-columns:minmax(0,1fr)}}