/* Tema Hotel Riviera per Elastic: navy #002558, oro #FFD700, serif corsivo come il sito dell'hotel */
:root {
  --hr-navy: #002558;
  --hr-navy-2: #0a3a78;
  --hr-sea: #1f6fb0;
  --hr-gold: #ffd700;
  --hr-gold-soft: #f3d36b;
  --hr-cream: #fbf8ef;
  --hr-serif: "Palatino Linotype", "Book Antiqua", Palatino, "URW Palladio L", "Noto Serif", Georgia, serif;
}

/* ---------- pagina di accesso ---------- */
body.task-login {
  background:
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 220' preserveAspectRatio='none'><path d='M0 120 C 240 60 480 180 720 120 S 1200 60 1440 120 V220 H0Z' fill='%23ffffff' fill-opacity='.08'/><path d='M0 160 C 260 110 520 210 760 160 S 1220 110 1440 160 V220 H0Z' fill='%23ffffff' fill-opacity='.10'/></svg>") bottom / 100% 220px no-repeat,
    linear-gradient(180deg, var(--hr-navy) 0%, var(--hr-navy-2) 45%, var(--hr-sea) 100%) fixed;
  min-height: 100vh;
}
body.task-login #layout-content { background: transparent; }
body.task-login #logo {
  max-height: 120px; width: auto; margin-bottom: 1.2rem;
  filter: drop-shadow(0 2px 6px rgba(0, 0, 0, .25));
}
body.task-login #login-form {
  background: var(--hr-cream);
  border-top: 4px solid var(--hr-gold);
  border-radius: 10px;
  box-shadow: 0 18px 40px rgba(0, 18, 50, .35);
  padding: 1.6rem 1.8rem 1.2rem;
}
body.task-login #login-form input.form-control { background: #fff; }
body.task-login #login-form .formbuttons button,
body.task-login #login-form button.mainaction {
  background: var(--hr-navy); border-color: var(--hr-navy); color: #fff;
  font-family: var(--hr-serif); font-style: italic; font-size: 1.1rem; letter-spacing: .02em;
}
body.task-login #login-form .formbuttons button:hover { background: var(--hr-navy-2); }
body.task-login #login-footer, body.task-login #login-footer a { color: rgba(255, 255, 255, .8); }
.hr-login-note { margin: 1rem 0 0; font-size: .8rem; color: #5b6475; text-align: center; }

/* ---------- menu laterale ---------- */
#layout-menu { background-color: var(--hr-navy); }
#layout-menu .popover-header { background-color: var(--hr-navy); }
#layout-menu .menu a, #layout-menu .special-buttons a { color: #dfe7f3; }
#layout-menu .menu a.selected, #layout-menu .menu a:hover, #layout-menu .menu a:focus,
#layout-menu .special-buttons a:hover { color: var(--hr-gold); background-color: rgba(255, 255, 255, .06); }
#layout-menu #logo { max-height: 56px; }

/* ---------- colori principali ---------- */
.btn-primary, .btn.btn-primary, button.mainaction, .btn.mainaction, .formbuttons .btn.submit {
  background-color: var(--hr-navy); border-color: var(--hr-navy); color: #fff;
}
.btn-primary:hover, .btn.btn-primary:hover, button.mainaction:hover, .btn.mainaction:hover,
.btn-primary:focus, .btn.btn-primary:focus { background-color: var(--hr-navy-2); border-color: var(--hr-navy-2); }
a, .listing li a:hover { color: var(--hr-navy-2); }
.header .header-title, .boxtitle, h1.boxtitle, .formcontent legend, .propform legend {
  font-family: var(--hr-serif); font-style: italic; color: var(--hr-navy);
}
.listing li.selected, .listing li.selected > a, table.records-table tr.selected td,
.listing li.selected > div { background-color: #eaf0fa; }
table.records-table tr.selected td, .listing li.selected { color: inherit; }
table.messagelist tr.unread .subject a { color: var(--hr-navy); }
.unreadcount, .listing li .unreadcount { background-color: var(--hr-navy); color: var(--hr-gold); }
.toolbar a.button:hover, .toolbar a.button:focus { color: var(--hr-navy-2); }
.nav-link.active, .nav-tabs .nav-link.active { border-bottom-color: var(--hr-gold); }
.layout-header, .header { border-bottom: 2px solid rgba(255, 215, 0, .55); }

/* icona per la voce "Lista nera" nelle impostazioni */
#settings-menu a.listanera:before, #settings-menu li.listanera a:before { content: "\f05e"; }
.listanera-box { max-width: 700px; }
.listanera-intro { margin-top: 0; }
.listanera-examples, .listanera-count { color: #5b6475; }

/* modalita scura di Elastic: manteniamo l'oro come accento */
html.dark-mode #layout-menu { background-color: #001634; }
html.dark-mode .header .header-title, html.dark-mode .boxtitle { color: var(--hr-gold-soft); }