/* auth.classic.entityos.app - additions to the console theme (2092.theme-2.0.10.css).
   Load after 2092.theme-2.0.10.css. */

.classic-status {
  display: inline-block; padding: 3px 10px; border-radius: 12px;
  font-family: 'Montserrat', sans-serif; font-size: 11px; font-weight: 700;
  letter-spacing: .06em; text-transform: uppercase; line-height: 1.6;
}
.classic-status-on  { background: #e6f6ec; color: #23864a; }
.classic-status-off { background: #fdf1e5; color: #b0611a; }

.classic-cards { max-width: 820px; margin: 0 auto; }
.classic-card {
  display: block; background: #fff; border: 1px solid #e1e6ea; border-radius: 6px;
  padding: 34px 24px 28px; margin-bottom: 24px; text-align: center; color: #555;
  transition: border-color .2s ease, box-shadow .2s ease;
}
.classic-card:hover, .classic-card:focus {
  text-decoration: none; color: #555; border-color: #2196f3; box-shadow: 0 6px 22px rgba(0,0,0,.08);
}
.classic-card-icon { font-size: 34px; color: #2196f3; margin-bottom: 14px; }
.classic-card h4 { margin: 0 0 8px; color: #222; }
.classic-card-meta { margin-top: 14px; min-height: 22px; font-size: 13px; }
.classic-target { font-family: monospace; font-size: 12px; color: #888; word-break: break-all; }

.classic-nudge {
  max-width: 820px; margin: 0 auto 24px; padding: 12px 18px; border-radius: 6px;
  background: #fff8ef; border: 1px solid #f6dcb9; color: #8a5a1c; text-align: center;
}
.classic-nudge a { color: #8a5a1c; font-weight: 700; text-decoration: underline; }

.classic-panel { max-width: 620px; margin: 0 auto; background: #fff; border: 1px solid #e1e6ea; border-radius: 6px; padding: 28px 30px; }
.classic-panel + .classic-panel { margin-top: 20px; }
.classic-panel h4 { margin-top: 0; color: #222; }
.classic-panel .form-control { max-width: 360px; }

.classic-method {
  display: block; width: 100%; max-width: 320px; background: #fff; border: 1px solid #d7dde2; border-radius: 6px;
  padding: 18px 14px 14px; margin: 0 auto 12px; text-align: center; color: #444; white-space: normal;
}
.classic-method:hover, .classic-method:focus { border-color: #2196f3; color: #222; outline: none; }
.classic-method i { display: block; font-size: 22px; color: #2196f3; margin-bottom: 8px; }
.classic-method .classic-method-name { font-weight: 700; display: block; }
.classic-method .classic-method-detail { font-size: 12px; color: #888; display: block; margin-top: 4px; overflow-wrap: anywhere; }
.classic-method.classic-method-current { border-color: #23864a; box-shadow: inset 0 0 0 1px #23864a; }
.classic-method .classic-method-action { display: block; margin-top: 10px; color: #2196f3; font-weight: 700; }
.classic-method-current-label { display: block; margin-top: 6px; }

.classic-step { margin: 10px 0 6px; color: #555; }
#profile .header-nav a[data-toggle="tab"] { cursor: pointer; }
#profile .header-nav a[data-toggle="tab"]:focus:not(:focus-visible) { outline: none; }

@media (max-width: 767px) {
  #profile .header-nav .nav > li > a { font-size: 13px; padding: 0 7px 16px; }
}

.classic-code {
  font-family: monospace; font-size: 16px; word-break: break-all; text-align: center;
  padding: 8px 12px; background: #f5f5f5; border: 1px solid #ddd; border-radius: 4px;
}