.fb-company-login-settings,.fb-company-danger{margin-top:24px;padding:18px;border:1px solid var(--border,#dfe5eb);border-radius:14px}
.fb-company-login-settings p,.fb-company-danger p{color:var(--muted);font-size:13px;line-height:1.6}
.fb-login-background-drop{margin-top:12px;padding:20px;border:2px dashed var(--border,#dfe5eb);border-radius:12px;text-align:center;transition:background .15s,border-color .15s}
.fb-login-background-drop.file-dragging{border-color:var(--company-action-color,var(--accent));background:color-mix(in srgb,var(--company-action-color,var(--accent)) 12%,transparent)}
.fb-login-background-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:16px;margin-top:12px;text-align:left}
.fb-login-background-gallery figure{margin:0;position:relative;aspect-ratio:16/9}
.fb-login-background-gallery img{width:100%;height:100%;object-fit:cover;border-radius:10px}
.fb-login-background-gallery button{position:absolute;top:4px;right:4px;width:30px;height:30px;padding:0;border-radius:8px;background:var(--surface,#fff)}
.fb-company-danger{border-color:color-mix(in srgb,#d33 40%,transparent)}
.fb-company-danger button{color:#c33;margin-top:8px}
.fb-company-danger [data-company-delete-confirm]{margin-top:12px}
.fb-company-sticky-header .fb-company-wizard-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.fb-login-general{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.fb-login-general h3{grid-column:1/-1}
.fb-login-general label,.fb-login-view label{display:flex;flex-direction:column;gap:6px;font-size:12px;margin-top:10px}
.fb-login-view{padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.fb-login-view.selected{border-color:var(--company-action-color,var(--accent))}
.fb-login-background-gallery .fb-login-select-view{top:auto;right:6px;bottom:6px;width:auto;height:auto;padding:6px 10px;font-size:12px}
[data-login-previews]{display:none;min-width:0}
.show-login-previews>[data-login-previews]{display:grid;gap:16px}
.show-login-previews>.fb-company-preview-shell,.show-login-previews>p{display:none}
.fb-login-text-preview{padding:16px;border:1px solid var(--border);border-radius:14px;min-width:0;overflow-wrap:anywhere}
.fb-login-text-preview h2{font-size:20px;white-space:pre-wrap}
.fb-login-text-preview p{font-size:12px;white-space:pre-wrap}
.fb-login-text-preview label{display:block;font-size:12px;margin:12px 0}
.fb-login-preview-input{display:block;padding:10px;border:1px solid var(--border);border-radius:8px;color:var(--muted);margin-top:6px}
.fb-login-preview-submit{padding:10px;border-radius:8px;text-align:center;background:var(--company-action-color,var(--accent));color:var(--company-action-contrast,#fff)}
.fb-login-slider-preview img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:10px}
#appearance-form input[name="use_icon_as_favicon"]{appearance:none;position:relative;width:42px;min-width:42px;height:24px;padding:0;border-radius:999px;background:var(--muted);cursor:pointer;vertical-align:middle}
#appearance-form input[name="use_icon_as_favicon"]::after{content:'';position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .2s}
#appearance-form input[name="use_icon_as_favicon"]:checked{background:var(--accent)}
#appearance-form input[name="use_icon_as_favicon"]:checked::after{transform:translateX(18px)}
.show-login-previews{overflow-y:auto;max-height:var(--company-preview-height);box-sizing:border-box}
.fb-login-view textarea,.fb-login-general textarea{width:100%;box-sizing:border-box;min-height:64px;resize:vertical}
.fb-login-background-gallery.organizing{display:flex;flex-direction:column}
.fb-login-background-gallery.organizing .fb-login-view{display:grid;grid-template-columns:100px minmax(0,1fr);align-items:center;gap:12px;cursor:grab}
.fb-login-background-gallery.organizing .fb-login-view figure{width:100px}
.fb-login-background-gallery.organizing .fb-login-view label{display:none}
.fb-login-background-gallery.organizing .fb-login-view [data-login-view]::before{content:'↕ Arrastra para cambiar el orden';color:var(--muted);font-size:12px}
.fb-company-identity-editor>.visual-editor{min-width:0;max-width:100%}
.fb-company-create-modal .fb-company-identity-editor .visual-preview:not(.visual-horizontal){width:100%;max-width:104px;height:auto;aspect-ratio:1;position:relative;box-sizing:border-box;overflow:hidden}
.fb-company-create-modal .fb-company-identity-editor .visual-preview:not(.visual-horizontal)>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;max-width:none}
#auth-screen .login-company-brand.is-square{display:flex;justify-content:center}
#auth-screen .login-company-brand.is-square .login-company-logo-frame{flex:none;position:relative;box-sizing:border-box;overflow:hidden}
#auth-screen .login-company-brand.is-square img.login-company-logo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;max-width:none}
@media(max-width:600px){.fb-login-general{grid-template-columns:1fr}.fb-company-sticky-header .fb-company-wizard-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}