/* tewodros.dev mail: Roundcube Elastic tuned to the tewodros.dev brand (registry row: tewodros.dev / Technotes).
   Tokens: bg #D9DDD7, ink #14232A, soft #44545A, line #B9C1BC, gold #80631B; dark #121A1C / #E1E6E1 / gold #D3AE52. Font: Archivo. */
@import url('https://fonts.googleapis.com/css2?family=Archivo:wdth,wght@62..125,400..800&display=swap');

html, body, input, select, textarea, button, .popover, .ui-dialog, .listing { font-family: "Archivo", "Helvetica Neue", Arial, system-ui, sans-serif; }

/* Login: survey-sheet surface, no generic card glow */
body.task-login { background: #D9DDD7; color: #14232A; }
body.task-login #layout-content { background: transparent; }
body.task-login #logo { filter: none; max-height: 0; overflow: hidden; }
body.task-login #layout-content > h1, body.task-login .formcontent::before {
  display: block; content: "tewodros.dev"; font-weight: 800; font-stretch: 115%; font-size: 1.6rem; letter-spacing: -.01em; color: #14232A; text-align: left; margin: 0 0 1.25rem;
}
body.task-login form { background: transparent; box-shadow: none; border-top: 1px solid #B9C1BC; padding-top: 1.25rem; }
body.task-login #login-footer, body.task-login #login-footer a { color: #44545A; }

/* Primary actions in brand ink; gold is reserved for focus and accents */
.btn-primary, .button.mainaction, input.button.mainaction, .formbuttons .btn.mainaction {
  background-color: #14232A !important; border-color: #14232A !important; color: #F3F5F2 !important;
}
.btn-primary:hover, .button.mainaction:hover { background-color: #233A44 !important; border-color: #233A44 !important; }
a, .listing li.selected a, .menu a.selected { color: #6B5317; }
:focus-visible { outline: 2px solid #80631B !important; outline-offset: 2px; }

/* Left menu: ink rail like the portfolio footer band */
#layout-menu { background: #14232A; }
#layout-menu .popover-header, #layout-menu .special-buttons a, #layout-menu a { color: #E1E6E1; }
#layout-menu a.selected, #layout-menu a:hover { color: #D3AE52; }

/* Selected rows and unread markers */
.listing li.selected, table.listing tr.selected td, table.messagelist tr.selected td { background-color: #E7EAE4 !important; }
table.messagelist tr.unread td.subject span.subject a { font-weight: 700; }
table.messagelist tr.flagged td, table.messagelist tr.flagged td a { color: #8A3B2E; }

@media (prefers-color-scheme: dark) {
  body.task-login { background: #121A1C; color: #E1E6E1; }
  body.task-login #layout-content > h1, body.task-login .formcontent::before { color: #E1E6E1; }
  body.task-login form { border-top-color: #26333A; }
  body.task-login #login-footer, body.task-login #login-footer a { color: #A9B5B3; }
}

/* Placeholders: muted ink, 6.0:1+ on white (Elastic default #bbb is 1.9:1) */
input::placeholder, textarea::placeholder { color: #526166 !important; opacity: 1; }
@media (prefers-color-scheme: dark) { input::placeholder, textarea::placeholder { color: #A9B5B3 !important; } }

/* No all-caps labels (frontend-design tell) */
.btn.text-uppercase, .text-uppercase { text-transform: none !important; letter-spacing: 0 !important; }