/* ---------------------------------------------------------------------
   Habillage LiveAI pour Roundcube (skin elastic) : crème/terracotta,
   Fraunces pour les titres, Inter pour le reste. Surcharge ciblée des
   classes du skin elastic — pas une réécriture complète.
--------------------------------------------------------------------- */

:root {
  --li-bg: #F4F1EA;
  --li-surface: #FFFFFF;
  --li-surface-alt: #EBE6DA;
  --li-border: #E1DAC9;
  --li-ink: #2B2823;
  --li-muted: #8A8477;
  --li-accent: #D97757;
  --li-accent-soft: rgba(217, 119, 87, 0.12);
}

body, .form-control, input, select, textarea, button {
  font-family: 'Inter', ui-sans-serif, system-ui, sans-serif !important;
}

body {
  background: var(--li-bg) !important;
  color: var(--li-ink) !important;
}

a { color: var(--li-accent) !important; }

/* ---------------- Écran de connexion ---------------- */
body.task-login {
  background: var(--li-bg) !important;
}
body.task-login #layout-content {
  background: var(--li-surface) !important;
  border: 1px solid var(--li-border) !important;
  border-radius: 20px !important;
  box-shadow: 0 12px 32px rgba(43, 40, 35, 0.08) !important;
}
body.task-login #logo {
  filter: sepia(1) saturate(4) hue-rotate(-10deg) brightness(0.95) !important;
}
body.task-login .title label {
  font-weight: 500 !important;
  color: var(--li-ink) !important;
}
body.task-login input.form-control {
  background: var(--li-bg) !important;
  border: 1px solid var(--li-border) !important;
  color: var(--li-ink) !important;
  border-radius: 9px !important;
}
body.task-login input.form-control:focus {
  border-color: var(--li-accent) !important;
  box-shadow: 0 0 0 3px var(--li-accent-soft) !important;
}
body.task-login button.mainaction,
body.task-login button.button.mainaction {
  background: var(--li-accent) !important;
  border-color: var(--li-accent) !important;
  border-radius: 9px !important;
  font-weight: 600 !important;
}
body.task-login button.mainaction:hover {
  background: #C7663F !important;
  border-color: #C7663F !important;
}
body.task-login #login-footer {
  color: var(--li-muted) !important;
}

/* ---------------- Coquille de l'application (best-effort) ---------------- */
#layout-menu, .header, .toolbar, .footer, .boxfooter, .listing thead {
  background: var(--li-surface-alt) !important;
  border-color: var(--li-border) !important;
}
.header, .searchbar, .content-header, .toolbar {
  border-bottom: 1px solid var(--li-border) !important;
}
.btn-primary, button.btn-primary, a.btn-primary {
  background: var(--li-accent) !important;
  border-color: var(--li-accent) !important;
}
.btn-primary:hover, a.btn-primary:hover {
  background: #C7663F !important;
  border-color: #C7663F !important;
}
.listing tr.selected, .listing tr.selected td,
.messagelist tr.selected, .messagelist tr.selected td {
  background: var(--li-accent-soft) !important;
  color: var(--li-ink) !important;
}
.listing tr:hover, .messagelist tr:hover {
  background: var(--li-surface-alt) !important;
}
#taskmenu .button.selected, #taskmenu a.selected {
  background: var(--li-accent) !important;
  color: #fff !important;
}

/* ---------------- Titres façon Fraunces ---------------- */
h1, h2, .header-title, .boxtitle {
  font-family: 'Fraunces', serif !important;
}