/* Panel fixes — geometry captured live from account.live.com:
   - sign-in box (.ext-sign-in-box): padding-bottom 44px, position relative
   - [role=main]: absolute, fills the box
   - form wrapper: position relative, height grows with content
   - .ext-button-field-container: absolute, bottom 0, left 0, right 0, text-align right
   - buttons are <button> elements: 108x32, inline-block, 4px gap,
     Cancel LEFT (first), primary RIGHT (second) */

#lightbox { position: relative; }

/* the form sits inside a relative wrapper so the absolute button row
   anchors to the bottom of the content, exactly like the real page */
#lightbox form { position: relative; padding-bottom: 0; }

#lightbox .win-button-pin-bottom { margin: 0; min-height: 32px; }
#lightbox .win-button-pin-bottom .row { margin: 0; }
#lightbox .win-button-pin-bottom .col-xs-24 { padding: 0; }

#lightbox .button-field-container {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: right;
}

#lightbox .button-item {
  display: inline-block;
  margin-left: 4px;
  vertical-align: top;
}

/* real MS buttons: <button> elements, 108x32, square corners */
#lightbox .win-button {
  min-width: 108px;
  min-height: 32px;
  height: 32px;
  padding: 4px 12px;
  font-size: 15px;
  font-family: "Segoe UI", -apple-system, "Helvetica Neue", "Lucida Grande", sans-serif;
  border: 0;
  border-radius: 0;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: middle;
  touch-action: manipulation;
}
#lightbox .win-button.primary,
#lightbox .win-button.button_primary {
  background-color: #0067b8;
  color: #fff;
}
#lightbox .win-button.primary:hover,
#lightbox .win-button.button_primary:hover { background-color: #005da6; }
#lightbox .win-button.secondary,
#lightbox .win-button.button-secondary {
  background-color: rgba(0, 0, 0, 0.2);
  color: #000;
}
#lightbox .win-button.secondary:hover,
#lightbox .win-button.button-secondary:hover { background-color: rgba(0, 0, 0, 0.3); }
#lightbox button[type="submit"],
#lightbox button[type="button"] {
  -webkit-appearance: none;
  appearance: none;
}

/* the sign-in box keeps 44px padding-bottom so the pinned row never overlaps content */
#lightbox.ext-sign-in-box { padding-bottom: 44px; }

/* identity banner (password page) */
.identityBanner { width: 100%; }
.backButton { opacity: .8; }
.backButton:hover { opacity: 1; }
.identity {
  font-size: 15px; line-height: 24px;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}

/* reset flow extras (account.live.com visuals) */
#lightbox .ext-link { color: #0067b8; cursor: pointer; font-size: 13px; }
#lightbox .ext-link:hover { text-decoration: underline; }
#lightbox input[type="radio"] { width: 16px; height: 16px; accent-color: #0067b8; }
#lightbox .suffix-hint { color: #1b1b1b; }

/* error text */
.ext-error, .error { color: #e81123; font-size: 12px; margin: 6px 0 12px; }
.has-error input { border-color: #e81123; }

/* logo: real page shows the MS logo top-left inside the box, 108x24 */
#lightbox .banner-logo { max-height: 24px; display: block; margin: 0 0 16px; }