/* BharatSafe branding for File Browser */
:root {
  --blue: #111111;
  --dark-blue: #000000;
}

/* Login page: dark background, white card */
#login { background: #111111; }
#login form {
  background: #ffffff;
  border-radius: 10px;
  box-shadow: 0 10px 40px rgba(0,0,0,.4);
  padding: 2em;
}
#login img { width: 240px; height: auto; margin: 0 auto 1em; display: block; }
#login h1 { display: none; }               /* hide the name under the logo - wordmark already says it */
#login input.button { background: #111111; letter-spacing: .1em; }
#login form::after {
  content: "Authorised vendors only. All uploads are logged.";
  display: block; margin-top: 1.2em; font-size: .75em; color: #666; text-align: center;
}

/* Top bar */
header { background: #ffffff; border-bottom: 1px solid #e5e5e5; }
header img { height: 18px !important; width: auto !important; }

/* Buttons: keep flat dialog buttons transparent with dark text */
.button--flat {
  background: transparent !important;
  color: #111111 !important;
}
.button--flat.button--grey { color: #777777 !important; }
.button--flat:hover { background: rgba(0,0,0,.06) !important; }

/* Solid buttons (login, etc.) */
.button:not(.button--flat) { background: #111111; color: #ffffff; }