/* Enugu State ITMS Webmail — Gmail-inspired Roundcube Elastic skin */
:root {
  --itms-green: #086b3a;
  --itms-green-dark: #064d2b;
  --itms-green-soft: #e7f4ec;
  --itms-gold: #c89b2b;
  --itms-bg: #f6f8f7;
  --itms-border: #dfe7e2;
  --itms-text: #202124;
}

body { background: var(--itms-bg); color: var(--itms-text); }
#layout { background: var(--itms-bg); }

/* Gmail-like left application rail */
#layout-menu {
  background: var(--itms-green-dark);
  border: 0;
  box-shadow: 2px 0 12px rgba(6, 77, 43, .16);
}
#layout-menu .popover-header,
#layout-menu .special-buttons { background: transparent; }
#layout-menu a,
#layout-menu button { color: #fff; border-radius: 0 24px 24px 0; }
#layout-menu a:hover,
#layout-menu button:hover,
#layout-menu .selected a,
#layout-menu a.selected {
  background: rgba(255,255,255,.16);
  color: #fff;
}

/* Header and search */
#layout-list .header,
#layout-content .header,
#layout-sidebar .header {
  background: #fff;
  border-color: var(--itms-border);
}
.searchbar,
.searchbar input,
input[type="text"], input[type="password"], input[type="email"], textarea, select {
  border-radius: 22px !important;
}
.searchbar { background: #eef3f0; border: 1px solid transparent; }
.searchbar:focus-within { background: #fff; border-color: #b7d8c4; box-shadow: 0 2px 8px rgba(6,77,43,.12); }

/* Message list cards and selection */
.messagelist td { border-color: #edf1ee; }
.messagelist tr:hover td { background: #f0f7f3; }
.messagelist tr.selected td { background: var(--itms-green-soft) !important; }
.messagelist tr.unread td { font-weight: 700; }

/* Compose and primary controls */
.btn-primary,
button.btn-primary,
.button.mainaction,
input.button.mainaction {
  background: var(--itms-green) !important;
  border-color: var(--itms-green) !important;
  color: #fff !important;
  border-radius: 22px !important;
  box-shadow: 0 2px 6px rgba(6,77,43,.18);
}
.btn-primary:hover,
.button.mainaction:hover { background: var(--itms-green-dark) !important; }
.btn-secondary, button.btn-secondary { border-radius: 20px !important; }

/* Panels */
.menu.pagenav,
.listing,
.box,
.formcontent {
  border-color: var(--itms-border);
}
#layout-content,
#layout-list,
#layout-sidebar { background: #fff; }

/* Login experience */
.task-login #layout-content {
  max-width: 460px;
  margin: auto;
  border-radius: 24px;
  box-shadow: 0 8px 32px rgba(6,77,43,.15);
}
.task-login #logo { margin-bottom: 1.4rem; }
.task-login #logo img {
  max-height: 112px;
  width: auto;
  border-radius: 50%;
}
.task-login .formbuttons .button { width: 100%; min-height: 46px; }

/* ITMS accent details */
a { color: var(--itms-green); }
a:hover { color: var(--itms-green-dark); }
.quota-widget .bar .value { background: var(--itms-gold); }
.badge-primary { background: var(--itms-green); }

@media screen and (max-width: 768px) {
  #layout-menu { box-shadow: 0 -2px 12px rgba(6,77,43,.12); }
  .task-login #layout-content { margin: 1rem; border-radius: 20px; }
}