/* Swadeshi Mail: Swadeshi Aviation identity v1 on Roundcube Elastic. Navy #0F2142, cream #F7F6F2, gold #CF9A4C for
   thin lines only; Cormorant Garamond for titles, Manrope for text, Tiro Devanagari Hindi for Hindi. */
@font-face { font-family: 'Cormorant Garamond'; font-weight: 600; font-display: swap; src: url(fonts/cormorant-garamond-latin-600-normal.woff2) format('woff2'); }
@font-face { font-family: 'Manrope'; font-weight: 200 800; font-display: swap; src: url(fonts/manrope-latin-wght-normal.woff2) format('woff2-variations'); }
@font-face { font-family: 'Tiro Hindi'; font-weight: 400; font-display: swap; unicode-range: U+0900-097F, U+200C-200D; src: url(fonts/tiro-devanagari-hindi-devanagari-400-normal.woff2) format('woff2'); }

:root { --sw-navy: #0F2142; --sw-navy-2: #1B2F55; --sw-cream: #F7F6F2; --sw-cream-2: #EFECE3; --sw-gold: #CF9A4C; --sw-slate: #5B6678; --sw-line: #DDD8CC; }

body, input, select, textarea, button, .btn, .form-control { font-family: 'Manrope', 'Tiro Hindi', system-ui, sans-serif !important; }
a, a:hover, .btn-link { color: var(--sw-navy); }
.btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn.mainaction, button.mainaction {
  background-color: var(--sw-navy) !important; border-color: var(--sw-navy) !important; color: #fff !important; border-radius: 0 !important;
}
.btn, .form-control, .custom-select, input, select, textarea { border-radius: 0 !important; }
.form-control:focus, .custom-select:focus, input:focus { border-color: var(--sw-navy) !important; box-shadow: 0 0 0 2px rgba(15, 33, 66, .18) !important; }

/* ---------- sign-in page: the form on cream, the S-76 on the right ---------- */
body.task-login { background: var(--sw-cream) !important; }
body.task-login::after {
  content: ''; position: fixed; top: 0; right: 0; bottom: 0; width: 50vw;
  background: url(images/s76.jpg) 55% 70% / cover no-repeat;
}
body.task-login #layout { width: 50vw; }
body.task-login #layout-content { background: transparent !important; }
body.task-login #logo { max-width: 260px; max-height: none; margin-bottom: 2.5rem; }
body.task-login #login-form { max-width: 26rem; }
body.task-login #login-form .sw-intro h2 {
  margin: 0 0 .5rem; font-family: 'Cormorant Garamond', Georgia, serif !important; font-weight: 600; font-size: 2.6rem; line-height: 1.05; color: var(--sw-navy);
}
body.task-login #login-form .sw-intro p { margin: 0 0 1.75rem; padding-top: 1rem; border-top: 1.5px solid var(--sw-gold); width: fit-content; color: var(--sw-slate); }
body.task-login #login-form table td.title label { color: var(--sw-slate); font-size: .72rem; font-weight: 600; letter-spacing: .2em; text-transform: uppercase; }
body.task-login #login-form .form-control { height: 3.1rem; border: 1.5px solid #B9B3A5; background: #fff; }
body.task-login #login-form .formbuttons button { height: 3.1rem; letter-spacing: .2em; text-transform: uppercase; font-weight: 700; font-size: .78rem; }
body.task-login #login-footer { color: var(--sw-slate); }
@media (max-width: 768px) {
  body.task-login::after { display: none; }
  body.task-login #layout { width: 100%; }
}

/* ---------- the app: navy menu, cream panels, gold for the selected item's edge ---------- */
#layout-menu { background: var(--sw-navy) !important; }
#layout-menu .popover-header, #layout-menu #logo { background: transparent !important; }
#layout-menu .menu a, #layout-menu .menu a:before { color: #C9D1DE !important; }
#layout-menu .menu a.selected, #layout-menu .menu a:hover, #layout-menu .menu a.selected:before { color: #fff !important; background: rgba(255, 255, 255, .08) !important; }
#layout-menu .menu a.selected { box-shadow: inset 3px 0 0 var(--sw-gold); }
#layout-sidebar .header, #layout-list .header, #layout-content .header { background: #fff; }
#layout-sidebar { background: var(--sw-cream) !important; }
.listing li.selected, .listing tr.selected td, table.records-table tr.selected td, .listing li.selected > a {
  background-color: var(--sw-cream-2) !important; color: var(--sw-navy) !important;
}
.listing li.selected > a, #folderlist-content li.selected > a { box-shadow: inset 3px 0 0 var(--sw-gold); }
table.messagelist tr.unread td { color: var(--sw-navy); }
.badge, .unreadcount, .listing li .unreadcount { background-color: var(--sw-navy) !important; color: #fff !important; }
.header .header-title, h1.voice + .header-title { font-family: 'Cormorant Garamond', Georgia, serif !important; font-weight: 600; }
.ui-dialog .ui-dialog-titlebar .ui-dialog-title, .popover-header { font-family: 'Cormorant Garamond', Georgia, serif !important; font-weight: 600; font-size: 1.25rem; }

/* Hindi has no capitals: no spaced capitals on its buttons and labels, which split the letters apart. */
html[lang^="hi"] body.task-login #login-form .formbuttons button,
html[lang^="hi"] body.task-login #login-form table td.title label { letter-spacing: 0; text-transform: none; font-size: .95rem; }

/* The feather symbol in the navy menu, centred. */
#layout-menu #logo { max-height: 2.4rem; width: auto; margin: .9rem auto .4rem; display: block; }
/* Roundcube's blue, replaced with navy: the phone's compose button, file buttons, links in dialogs. */
.floating-action-buttons a.button, .floating-action-buttons a.button:hover, .floating-action-buttons .button { background-color: var(--sw-navy) !important; color: #fff !important; }
.btn-secondary, .btn-secondary:hover, .compose-attachments .btn, #compose-attachments .btn { background-color: var(--sw-navy) !important; border-color: var(--sw-navy) !important; color: #fff !important; }
.custom-switch .custom-control-input:checked ~ .custom-control-label::before { background-color: var(--sw-navy) !important; border-color: var(--sw-navy) !important; }
.form-control:focus, input.form-control:focus { border-color: var(--sw-navy) !important; }

body.task-login .sw-setup { margin: 1.25rem 0 0; text-align: center; font-size: .9rem; }
body.task-login .sw-setup a { color: var(--sw-navy); text-decoration: underline; text-decoration-color: var(--sw-gold); text-underline-offset: 4px; }