/* ByteBound — nakładka na skórkę Elastic (Roundcube 1.7).
   Kolory ze strony bytebound.pl: accent #f04a21, ink #090a0b, paper #cbc0b3. */

/* ---------- akcent ---------- */
a, .link, a.link { color: #c93a16; }

.btn-primary, .btn-primary:focus,
.button.primary, input.button.mainaction, button.mainaction {
  background-color: #f04a21 !important;
  border-color: #f04a21 !important;
  color: #fff !important;
}
.btn-primary:hover, .btn-primary:active,
.button.primary:hover, button.mainaction:hover {
  background-color: #d63d17 !important;
  border-color: #d63d17 !important;
}
.btn-primary:focus { box-shadow: 0 0 0 .2rem rgba(240, 74, 33, .3) !important; }

.form-control:focus, .custom-select:focus, input:focus, textarea:focus {
  border-color: #f04a21 !important;
  box-shadow: 0 0 0 .2rem rgba(240, 74, 33, .18) !important;
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::before,
.custom-control-input:checked ~ .custom-control-label::before {
  background-color: #f04a21 !important;
  border-color: #f04a21 !important;
}

/* ---------- lewe menu ---------- */
#layout-menu {
  background-color: #090a0b !important;
  border-right: 1px solid rgba(255, 255, 255, .06);
}
#layout-menu .menu a { color: rgba(255, 255, 255, .62) !important; }
#layout-menu .menu a:hover { color: #fff !important; background-color: rgba(255, 255, 255, .05); }
#layout-menu .menu a.selected {
  color: #fff !important;
  background-color: rgba(240, 74, 33, .16) !important;
  box-shadow: inset 3px 0 0 #f04a21;
}
#layout-menu .popover-header { background-color: #090a0b !important; }
#layout-menu #logo { max-height: 56px; padding: .5rem 0; }

/* ---------- listy (foldery, wiadomości) ---------- */
.listing li.selected, .listing li.selected > a,
table.records-table tr.selected td,
.listing li.selected a:hover {
  background-color: rgba(240, 74, 33, .10) !important;
  color: #090a0b !important;
}
table.records-table tr.selected td,
.listing li.selected { box-shadow: inset 3px 0 0 #f04a21; }
table.records-table tr.focused > td:first-child,
.listing li.focused { outline-color: #f04a21 !important; }

.listing li .unreadcount, .listing li.unread .unreadcount,
#layout-menu .unreadcount {
  background-color: #f04a21 !important;
  color: #fff !important;
}
table.messagelist tr.unread td.subject span.subject a { color: #090a0b; }
table.messagelist tr.unread td.subject span.fromto,
table.messagelist tr.unread .msgicon.status::before { color: #f04a21 !important; }
table.messagelist tr.flagged td,
table.messagelist tr.flagged td a { color: #c93a16 !important; }

.header .header-title { font-weight: 600; letter-spacing: -.01em; }

/* ---------- ekran logowania ---------- */
body.task-login {
  background: radial-gradient(1200px 600px at 50% -10%, rgba(240, 74, 33, .22), transparent 60%),
              #090a0b !important;
}
body.task-login #layout,
body.task-login #layout-content { background: transparent !important; }
body.task-login #layout-content > #logo {
  max-height: 120px;
  margin-bottom: 1.25rem;
  filter: drop-shadow(0 12px 32px rgba(240, 74, 33, .25));
}
body.task-login #login-form {
  background: #131416;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 12px;
  padding: 2rem 2rem 1.5rem;
  box-shadow: 0 28px 64px rgba(0, 0, 0, .45);
  max-width: 400px;
}
body.task-login #login-form::before {
  content: "Poczta ByteBound";
  display: block;
  margin-bottom: .25rem;
  color: #fff;
  font-size: 1.35rem;
  font-weight: 600;
  letter-spacing: -.02em;
}
body.task-login #login-form .form-control,
body.task-login #login-form input[type=text],
body.task-login #login-form input[type=password] {
  background: #090a0b !important;
  border-color: rgba(255, 255, 255, .14) !important;
  color: #fff !important;
}
body.task-login #login-form .input-group-text {
  background: #1d1f22 !important;
  border-color: rgba(255, 255, 255, .14) !important;
  color: rgba(255, 255, 255, .6) !important;
}
body.task-login #login-form .formbuttons button,
body.task-login #rcmloginsubmit {
  width: 100%;
  padding: .7rem 1rem;
  font-weight: 600;
  border-radius: 8px;
}
body.task-login #login-footer,
body.task-login #login-footer a,
body.task-login .noscriptwarning { color: rgba(255, 255, 255, .45) !important; }
body.task-login #message .alert,
body.task-login #messagestack div { border-radius: 8px; }