/* PAAWT SSO Login Widget — external stylesheet
   Safe defaults when JS-injected styles are missing, and removes dependency on cperm-badge.png.
   Drop this file at: /assets/login-widget.css  (overwrite existing)
*/

/* Overlay + modal */
.paawt-login-open { overflow: hidden; }
.paawt-login-overlay {
  position: fixed; inset: 0; background: rgba(0,0,0,.5);
  display: flex; align-items: center; justify-content: center;
  z-index: 9999;
}
.paawt-login-modal {
  background: #0b0b0b; color: #eaeaea;
  width: min(420px, 92vw);
  border-radius: 16px;
  box-shadow: 0 10px 40px rgba(0,0,0,.6);
  border: 1px solid #222;
}

/* Header */
.paawt-login-header {
  display: flex; align-items: center; gap: 10px;
  padding: 16px 18px; border-bottom: 1px solid #1a1a1a;
}
/* No external image required */
.paawt-login-header .logo {
  width: 28px; height: 28px; border-radius: 6px;
  border: 1px solid #1f1f1f;
  background: #111 !important;
  background-image: none !important;
}

/* Form */
.paawt-login-form { padding: 18px; }
.paawt-login-form .row { margin-bottom: 12px; display: flex; gap: 8px; }
.paawt-login-form input {
  flex: 1; padding: 12px;
  border-radius: 10px; border: 1px solid #2a2a2a;
  background: #0f0f0f; color: #f1f1f1; outline: none;
}
.paawt-login-form .toggle-pass,
.paawt-login-form .paawt-login-submit,
.paawt-login-form .paawt-login-cancel {
  border-radius: 10px; border: 1px solid #2a2a2a;
  padding: 10px 14px; cursor: pointer;
}
.paawt-login-form .toggle-pass { background: #151515; color: #eaeaea; }
.paawt-login-form .actions { justify-content: flex-end; }
.paawt-login-form .paawt-login-submit { background: #1e90ff; color: #fff; font-weight: 700; }
.paawt-login-form .paawt-login-cancel { background: #2a2a2a; color: #fff; }
.paawt-login-error { color: #ff7b7b; min-height: 18px; margin-bottom: 6px; font-size: 13px; }

/* Light theme */
@media (prefers-color-scheme: light) {
  .paawt-login-modal { background: #fff; color: #111; border-color: #ddd; }
  .paawt-login-header { border-bottom-color: #eee; }
  .paawt-login-form input { border-color: #ddd; background: #fff; color: #111; }
  .paawt-login-form .toggle-pass { border-color: #ddd; background: #f7f7f7; color: #111; }
  .paawt-login-form .paawt-login-cancel { background: #f2f2f2; border-color: #ddd; color: #111; }
}

/* Small screens */
@media (max-width: 360px) {
  .paawt-login-modal { width: 94vw; border-radius: 12px; }
}