/* Playout theme for FirebaseUI — loaded after the stock firebase-ui-auth.css
   on both the landing page and the editor. Uses the host page's CSS variables
   (--bg/--panel/--ink/--muted/--line/--accent), so light & dark both work. */

.firebaseui-container{
  background:transparent; box-shadow:none; max-width:none; width:100%;
  font-family:"Avenir Next","Helvetica Neue",-apple-system,system-ui,sans-serif;
}
.firebaseui-card-content, .firebaseui-card-header,
.firebaseui-card-actions, .firebaseui-card-footer{padding-left:0; padding-right:0}
.firebaseui-card-header{border-bottom:none; padding-top:0}
.firebaseui-title, .firebaseui-subtitle{color:var(--ink); font-family:inherit}
.firebaseui-text, .firebaseui-tos, .firebaseui-label{color:var(--muted); font-family:inherit}

/* provider buttons: quiet, rounded, full-width */
.firebaseui-idp-list{margin:4px 0}
.firebaseui-list-item{margin-bottom:10px}
.firebaseui-idp-button{
  border-radius:10px; box-shadow:none !important; max-width:none; width:100%;
  border:1px solid var(--line); background:var(--panel) !important;
  padding:11px 14px; transition:border-color .12s ease;
}
.firebaseui-idp-button:hover{border-color:var(--accent)}
.firebaseui-idp-text{color:var(--ink); font-size:14.5px; font-family:inherit; font-weight:600}
/* email provider: accent instead of Material red */
.firebaseui-idp-password{background:var(--accent) !important; border-color:var(--accent)}
.firebaseui-idp-password .firebaseui-idp-text{color:#fff}

/* email-flow forms */
.mdl-textfield__input, .firebaseui-input, .firebaseui-input-invalid{
  color:var(--ink); font-family:inherit; border-bottom:1px solid var(--line);
}
.mdl-textfield__label{color:var(--muted); font-family:inherit}
.mdl-textfield--floating-label.is-focused .mdl-textfield__label,
.mdl-textfield--floating-label.is-dirty .mdl-textfield__label{color:var(--accent)}
.firebaseui-textfield.mdl-textfield .firebaseui-label::after{background-color:var(--accent)}
.firebaseui-form-actions .mdl-button{
  border-radius:8px; font-family:inherit; text-transform:none; font-weight:600;
}
.firebaseui-form-actions .mdl-button--raised.mdl-button--colored{
  background:var(--accent); box-shadow:none;
}
.firebaseui-form-actions .mdl-button--raised.mdl-button--colored:hover{
  background:var(--accent); filter:brightness(1.08); box-shadow:none;
}
.firebaseui-form-actions .mdl-button--primary.firebaseui-button{color:var(--accent)}
.firebaseui-link{color:var(--accent)}
.firebaseui-error, .firebaseui-info-bar{font-family:inherit}
.firebaseui-info-bar{border-radius:8px; background:var(--panel); border:1px solid var(--line); color:var(--ink)}
.firebaseui-busy-indicator{border-top-color:var(--accent)}