/* USI corporate overrides for the roundcube Elastic skin.
   Palette: config/style.nix -> usi.style.palettes.corporate. */
:root {
  --usi-accent: #1f4e79;
  --usi-accent-soft: #1f4e7922;
  --usi-surface: #f4f4f2;
  --usi-ink: #141414;
  --usi-ink-dim: #5a5a5a;
  --usi-rule: #d8d8d4;
  --usi-bad: #9b2226;
  --usi-ok: #2e6b3e;
}
body { color: var(--usi-ink); }
a, a:link, .btn-link, .morelink, .message-partheaders a { color: var(--usi-accent); }
.btn-primary, .btn-primary:hover, .btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled):active {
  background-color: var(--usi-accent) !important;
  border-color: var(--usi-accent) !important;
}
.btn-primary:focus, .btn-primary:not(:disabled):not(.disabled):active:focus {
  box-shadow: 0 0 0 .2rem var(--usi-accent-soft) !important;
}
.form-control:focus, select.form-control:focus, .input-group-text input:focus {
  border-color: var(--usi-accent) !important;
  box-shadow: 0 0 0 .2rem var(--usi-accent-soft) !important;
}
.custom-control-input:checked ~ .custom-control-label::before {
  border-color: var(--usi-accent) !important;
  background-color: var(--usi-accent) !important;
}
#layout-menu { background-color: var(--usi-accent); }
#login-form {
  background: #ffffff;
  border: 1px solid var(--usi-rule);
  border-radius: 6px;
  padding: 1.5em;
  box-shadow: 0 2px 12px rgba(20, 20, 20, .07);
}
.alert-danger { background-color: var(--usi-bad) !important; }
.message.error, .color-error, .alert-danger > i.icon:before { color: var(--usi-bad); }
.message.success, .color-success { color: var(--usi-ok); }
#login-footer, .layout-footer, .popover-header, .listbox .listitem .subitme { color: var(--usi-ink-dim); }