/* Tema Solomon Works para o Roundcube (skin Elastic)
   Paleta e fontes do site solomonworks.com.br */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap');

:root {
  --sol-dark: #1A252D;
  --sol-dark-deep: #0F171D;
  --sol-line: #26343E;
  --sol-yellow: #FFC400;
  --sol-orange: #FF8000;
  --sol-orange-accent: #FF5300;
  --sol-gradient: linear-gradient(90deg, #FFC400 0%, #FF8000 100%);
}

/* ---------- Fontes ---------- */
body, input, select, textarea, button, .btn, .popover, .ui-dialog, .form-control {
  font-family: 'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}
.header-title, .ui-dialog-title, h1, h2, h3 {
  font-family: 'Montserrat', 'Plus Jakarta Sans', sans-serif;
  font-weight: 700;
}

/* ---------- Botão principal (degradê da marca) ---------- */
.btn-primary, .btn-primary:disabled, .btn-primary.disabled,
.floating-action-buttons a.button {
  background: var(--sol-gradient) !important;
  border-color: transparent !important;
  color: var(--sol-dark) !important;
  font-weight: 700;
}
.btn-primary:hover, .btn-primary:not(:disabled):not(.disabled):active {
  background: linear-gradient(90deg, #FFB000 0%, #FF6A00 100%) !important;
  color: var(--sol-dark) !important;
}

/* ---------- Menu lateral ---------- */
#layout-menu,
#layout-menu .popover-header,
#taskmenu .special-buttons {
  background-color: var(--sol-dark-deep) !important;
}
#layout-menu { border-right: 1px solid var(--sol-line); }
#taskmenu a { border-left: 3px solid transparent; }
#taskmenu a:hover, #taskmenu a:focus {
  background: var(--sol-dark) !important;
  color: #fff !important;
}
#taskmenu a.selected, #taskmenu a.selected:hover {
  background: var(--sol-dark) !important;
  color: var(--sol-yellow) !important;
  border-left-color: var(--sol-yellow);
}
#taskmenu .action-buttons a { color: var(--sol-yellow) !important; }
#layout-menu .popover-header img { padding: .55rem .6rem; }

/* ---------- Contadores e seleção ---------- */
.folderlist li.mailbox .unreadcount {
  background: var(--sol-yellow) !important;
  color: var(--sol-dark) !important;
  font-weight: 700;
}
.folderlist li.mailbox.selected > a { color: var(--sol-dark); font-weight: 600; }
.listing li.selected, .listing tr.selected td { box-shadow: inset 3px 0 0 var(--sol-orange); }
.messagelist tr.unread td.subject a, .messagelist tr.unread .fromto { color: var(--sol-dark); }

/* ---------- Tela de login ---------- */
body.task-login,
body.task-login #layout,
body.task-login #layout-content {
  background-color: var(--sol-dark-deep) !important;
  color: #E2E8F0;
}
body.task-login #layout-content {
  background-image:
    radial-gradient(ellipse 60% 45% at 50% 0%, rgba(255, 196, 0, .10), transparent 70%),
    radial-gradient(ellipse 40% 35% at 85% 100%, rgba(255, 128, 0, .08), transparent 70%) !important;
  min-height: 100vh;
}
.task-login #logo { max-height: 72px; top: 13vh; }

#login-form {
  top: 17vh;
  box-sizing: border-box;
  width: calc(100% - 32px);
  max-width: 360px;
  background: rgba(26, 37, 45, .85);
  border: 1px solid var(--sol-line);
  border-radius: 16px;
  padding: 2rem 1.75rem 1.5rem;
  box-shadow: 0 20px 50px rgba(0, 0, 0, .45);
}
#login-form .input-group-text,
#login-form .form-control,
#login-form input[type="text"],
#login-form input[type="password"] {
  background: var(--sol-dark-deep) !important;
  border-color: var(--sol-line) !important;
  color: #F1F5F9 !important;
}
#login-form .input-group-text { color: var(--sol-yellow) !important; }
#login-form .form-control::placeholder { color: #7B8A96; }
#login-form .form-control:focus {
  border-color: var(--sol-orange) !important;
  box-shadow: 0 0 0 .2rem rgba(255, 196, 0, .2) !important;
}
#login-form label, #login-form td.title { color: #CBD5E1; }
#login-form .formbuttons { margin-top: 1.25rem; }
#login-form .formbuttons .btn-primary, #login-form button.submit, #rcmloginsubmit {
  width: 100%;
  padding: .7rem 1rem;
  border-radius: 10px;
  font-size: 1rem;
  box-shadow: 0 8px 24px rgba(255, 128, 0, .25);
}
#login-footer, #login-footer a, .task-login #layout-content .footer {
  color: #7B8A96 !important;
}
.task-login .popover, .task-login #messagestack .alert { font-family: 'Plus Jakarta Sans', sans-serif; }