/*
 * x-multaqa visual system
 * Brand ID: MULTAQA-OFFICIAL | Brand Version: 1.0.0
 */
:root {
  --xm-scheme: light;
  --xm-star-opacity: 0;
  --xm-rgb-deepest: 255,255,255;
  --xm-rgb-deep: 250,248,244;
  --xm-rgb-panel: 255,255,255;
  --xm-rgb-surface: 255,255,255;
  --xm-rgb-soft: 246,244,239;
  --xm-rgb-glass: 255,255,255;
  --xm-rgb-shadow: 31,29,25;
  --xm-rgb-overlay: 31,29,25;
  --xm-rgb-line: 154,116,50;
  --xm-body-top: #F8F6F1;
  --xm-login-top: #FAF8F4;
  --xm-login-mid: #F1EEE8;
  --xm-login-bot: #EDEAE4;
  --xm-placeholder: #8C857A;
  --xm-alert-info-fg: #16386B;
  --xm-alert-success-fg: #1A4D33;
  --xm-alert-warning-fg: #5C4305;
  --xm-alert-danger-fg: #6E1D28;
  --xm-bg: #EDEAE4;
  --xm-bg-deep: #F6F4EF;
  --xm-bg-soft: #E4E0D7;
  --xm-surface: #FFFFFF;
  --xm-sidebar: #FAF8F4;
  --xm-surface-glass: rgba(255,255,255,.94);
  --xm-surface-deep: rgba(250,248,244,.97);
  --xm-text: #1F1D19;
  --xm-muted: #6B6459;
  --xm-gold: #9A7432;
  --xm-gold-light: #7A5A24;
  --xm-gold-deep: #B08C3A;
  --xm-secondary: #A8543A;
  --xm-success: #2E7D52;
  --xm-warning: #9A7008;
  --xm-danger: #B33040;
  --xm-info: #2A5FA8;
  --xm-line: rgba(31,29,25,.12);
  --xm-line-strong: rgba(31,29,25,.20);
  --xm-panel-radius: 12px;
  --xm-control-radius: 9px;
  --xm-shadow: 0 14px 38px rgba(31,29,25,.10);
  --xm-topbar-height: 64px;
  --xm-commandbar-height: 56px;
  --xm-gap: 8px;
}

html.dark-mode {
  --xm-scheme: dark;
  --xm-star-opacity: .35;
  --xm-rgb-deepest: 17,17,15;
  --xm-rgb-deep: 23,23,21;
  --xm-rgb-panel: 27,26,24;
  --xm-rgb-surface: 35,34,30;
  --xm-rgb-soft: 43,42,39;
  --xm-rgb-glass: 49,48,45;
  --xm-rgb-shadow: 0,0,0;
  --xm-rgb-overlay: 255,255,255;
  --xm-rgb-line: 242,213,146;
  --xm-body-top: #0D0D0C;
  --xm-login-top: #0B0B0A;
  --xm-login-mid: #171715;
  --xm-login-bot: #11110F;
  --xm-placeholder: #918A7F;
  --xm-alert-info-fg: #E4EEFF;
  --xm-alert-success-fg: #E8FFF0;
  --xm-alert-warning-fg: #FFF4D4;
  --xm-alert-danger-fg: #FFE5EA;
  --xm-bg: #11110F;
  --xm-bg-deep: #171715;
  --xm-bg-soft: #2B2A27;
  --xm-surface: #23221E;
  --xm-sidebar: #242320;
  --xm-surface-glass: rgba(49,48,45,.91);
  --xm-surface-deep: rgba(23,23,21,.96);
  --xm-text: #F3F0E9;
  --xm-muted: #B8B1A5;
  --xm-gold: #D8B66B;
  --xm-gold-light: #F2D592;
  --xm-gold-deep: #9A7432;
  --xm-secondary: #C96B4B;
  --xm-success: #75C99A;
  --xm-warning: #F0C96D;
  --xm-danger: #EF7E8C;
  --xm-info: #7DA9F5;
  --xm-line: rgba(242,213,146,.13);
  --xm-line-strong: rgba(242,213,146,.25);
  --xm-shadow: 0 20px 55px rgba(0,0,0,.28);
}

html, body, button, input, optgroup, select, textarea, .popover {
  font-family: "Tajawal", "Inter", Arial, system-ui, sans-serif !important;
}
html { background: var(--xm-bg); color-scheme: var(--xm-scheme); }
body {
  color: var(--xm-text) !important;
  background:
    radial-gradient(900px 600px at 82% -10%, rgba(216,182,107,.09), transparent 58%),
    radial-gradient(760px 520px at 10% 0%, rgba(201,107,75,.07), transparent 60%),
    linear-gradient(180deg, var(--xm-body-top) 0%, var(--xm-bg-deep) 55%, var(--xm-bg) 100%) !important;
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: var(--xm-star-opacity);
  background-image:
    radial-gradient(circle at 13% 21%, rgba(var(--xm-rgb-line),.20) 0 1px, transparent 1.5px),
    radial-gradient(circle at 32% 11%, rgba(var(--xm-rgb-overlay),.10) 0 1px, transparent 1.5px),
    radial-gradient(circle at 71% 17%, rgba(var(--xm-rgb-line),.12) 0 1px, transparent 1.5px),
    radial-gradient(circle at 92% 29%, rgba(var(--xm-rgb-overlay),.10) 0 1px, transparent 1.5px);
  background-size: 180px 150px, 240px 190px, 300px 220px, 210px 175px;
}
::selection { background: rgba(216,182,107,.35); color: var(--xm-text); }
a { color: var(--xm-gold-light); }
a:hover { color: var(--xm-gold); }

/* Physical Outlook-like desktop composition while preserving RTL text. */
#layout {
  position: relative;
  display: flex;
  gap: var(--xm-gap);
  padding: calc(var(--xm-topbar-height) + var(--xm-gap)) var(--xm-gap) var(--xm-gap);
  background: transparent !important;
}
html[dir="rtl"] #layout { direction: ltr; }
html[dir="rtl"] #layout > * { direction: rtl; }

/* Global brand bar injected by includes/menu.html */
#xm-globalbar {
  position: absolute;
  inset: 0 0 auto 0;
  height: var(--xm-topbar-height);
  z-index: 2100;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 18px;
  border-bottom: 1px solid var(--xm-line);
  background:
    linear-gradient(90deg, rgba(var(--xm-rgb-deepest),.98), rgba(var(--xm-rgb-deep),.94) 60%, rgba(var(--xm-rgb-deepest),.98));
  box-shadow: 0 10px 30px rgba(var(--xm-rgb-shadow),.16);
  backdrop-filter: blur(18px);
}
.xm-brand-lockup {
  display: inline-flex;
  align-items: center;
  gap: 11px;
  direction: ltr;
  min-width: 230px;
}
.xm-brand-lockup img { width: 42px; height: 42px; object-fit: contain; }
.xm-brand-copy { display: flex; flex-direction: column; line-height: 1; }
.xm-brand-copy strong {
  color: var(--xm-gold-light);
  font: 800 18px/1.1 "Tajawal", sans-serif;
  letter-spacing: .01em;
}
.xm-brand-copy small {
  margin-top: 4px;
  color: var(--xm-gold);
  font: 700 9px/1 "Inter", sans-serif;
  letter-spacing: .22em;
}
.xm-brand-meta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--xm-muted);
  font: 500 11px/1 "Inter", sans-serif;
  letter-spacing: .05em;
}
.xm-status-dot {
  width: 7px; height: 7px; border-radius: 50%;
  background: var(--xm-success);
  box-shadow: 0 0 0 4px rgba(117,201,154,.10), 0 0 12px rgba(117,201,154,.45);
}

/* Search is lifted into the global bar on the mail screen. */
body.task-mail.action-none #mailsearchform {
  position: fixed !important;
  top: 11px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2300;
  width: min(36vw, 560px);
  height: 42px;
  margin: 0 !important;
  border: 1px solid var(--xm-line) !important;
  border-radius: 10px !important;
  background: rgba(var(--xm-rgb-surface),.94) !important;
  box-shadow: inset 0 1px 0 rgba(var(--xm-rgb-overlay),.02), 0 10px 30px rgba(var(--xm-rgb-shadow),.16);
}
body.task-mail.action-none #mailsearchform input {
  height: 40px !important;
  background: transparent !important;
  border: 0 !important;
  color: var(--xm-text) !important;
}
body.task-mail.action-none #mailsearchform form::before,
body.task-mail.action-none #mailsearchform a { color: var(--xm-muted) !important; }

/* Main mail command bar */
body.task-mail.action-none #layout {
  padding-top: calc(var(--xm-topbar-height) + var(--xm-commandbar-height) + (var(--xm-gap) * 2));
}
body.task-mail.action-none #layout-content > .header {
  position: fixed !important;
  top: calc(var(--xm-topbar-height) + var(--xm-gap));
  left: calc(72px + (var(--xm-gap) * 2));
  right: var(--xm-gap);
  z-index: 2050;
  width: auto !important;
  height: var(--xm-commandbar-height) !important;
  min-height: var(--xm-commandbar-height) !important;
  line-height: normal !important;
  padding: 6px 10px !important;
  border: 1px solid var(--xm-line) !important;
  border-radius: var(--xm-panel-radius) !important;
  background: linear-gradient(180deg, rgba(var(--xm-rgb-soft),.98), rgba(var(--xm-rgb-surface),.98)) !important;
  box-shadow: var(--xm-shadow);
  overflow: visible !important;
}
body.task-mail.action-none #layout-content > .header .header-title { display: none !important; }
body.task-mail.action-none #mailtoolbar {
  width: 100%;
  height: 100%;
  display: flex !important;
  align-items: center;
  justify-content: flex-start;
  overflow: visible;
  direction: inherit;
}
body.task-mail.action-none #mailtoolbar a,
body.task-mail.action-none #mailtoolbar .dropbutton > a,
body.task-mail.action-none #mailtoolbar .dropbutton > span > a {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 0 13px !important;
  margin: 0 2px;
  border: 1px solid transparent !important;
  border-radius: var(--xm-control-radius) !important;
  color: var(--xm-text) !important;
  background: transparent !important;
  white-space: nowrap;
}
body.task-mail.action-none #mailtoolbar a:hover {
  background: rgba(216,182,107,.08) !important;
  border-color: var(--xm-line) !important;
}
body.task-mail.action-none #mailtoolbar a.compose {
  min-width: 132px;
  color: #17130D !important;
  background: linear-gradient(135deg, var(--xm-gold-light), var(--xm-gold-deep)) !important;
  border-color: rgba(var(--xm-rgb-line),.42) !important;
  box-shadow: 0 8px 22px rgba(154,116,50,.22);
}
body.task-mail.action-none #mailtoolbar a.compose::before { color: #17130D !important; }
body.task-mail.action-none #mailtoolbar a.disabled { opacity: .35; }
body.task-mail.action-none #mailtoolbar .inner { display: inline !important; font-size: .88rem; }
body.task-mail.action-none #mailtoolbar .spacer {
  height: 26px;
  margin-inline: 8px;
  border-inline-start: 1px solid var(--xm-line);
}

/* Panels */
#layout-menu,
#layout-sidebar,
#layout-list,
#layout-content {
  min-height: 0;
  border: 1px solid var(--xm-line) !important;
  border-radius: var(--xm-panel-radius) !important;
  background: linear-gradient(180deg, rgba(var(--xm-rgb-panel),.97), rgba(var(--xm-rgb-deepest),.97)) !important;
  box-shadow: 0 14px 35px rgba(var(--xm-rgb-shadow),.18);
  overflow: hidden;
}
#layout-menu {
  order: 0;
  flex: 0 0 72px !important;
  width: 72px !important;
  min-width: 72px !important;
  max-width: 72px !important;
  background: linear-gradient(180deg, rgba(var(--xm-rgb-deepest),.99), rgba(var(--xm-rgb-deep),.98)) !important;
}
#layout-sidebar {
  order: 1;
  flex: 0 0 272px !important;
  width: 272px;
  min-width: 235px;
  max-width: 305px;
}
#layout-list {
  order: 2;
  flex: 0 0 390px !important;
  width: 390px;
  min-width: 320px;
  max-width: 34%;
}
#layout-content {
  order: 3;
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0;
}
#layout > div > .header,
#layout > div > .footer,
.popup .listbox .footer {
  color: var(--xm-text) !important;
  border-color: var(--xm-line) !important;
  background: rgba(var(--xm-rgb-surface),.92) !important;
}
#layout > div > .header {
  font-weight: 700;
  box-shadow: inset 0 -1px 0 rgba(var(--xm-rgb-shadow),.18);
}
#layout > div > .header .header-title { color: var(--xm-text) !important; }

/* Compact left application rail */
#layout-menu .popover-header { height: 8px !important; min-height: 8px !important; padding: 0 !important; overflow: hidden; }
#layout-menu .popover-header #logo { display: none !important; }
#taskmenu { padding-top: 4px; }
#taskmenu a {
  width: 56px !important;
  height: 50px !important;
  margin: 4px auto !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  border: 1px solid transparent !important;
  border-radius: 10px !important;
  color: var(--xm-muted) !important;
  background: transparent !important;
}
#taskmenu a::before { float: none !important; margin: 0 !important; color: currentColor; }
#taskmenu a .inner { display: none !important; }
#taskmenu a:hover {
  color: var(--xm-gold-light) !important;
  border-color: var(--xm-line) !important;
  background: rgba(216,182,107,.07) !important;
}
#taskmenu a.selected {
  position: relative;
  color: var(--xm-gold-light) !important;
  background: linear-gradient(135deg, rgba(216,182,107,.16), rgba(216,182,107,.05)) !important;
  border-color: rgba(216,182,107,.16) !important;
}
#taskmenu a.selected::after {
  content: "";
  position: absolute;
  inset-inline-start: -8px;
  top: 12px;
  width: 3px;
  height: 26px;
  border-radius: 4px;
  background: var(--xm-gold);
  box-shadow: 0 0 12px rgba(216,182,107,.45);
}
#taskmenu .special-buttons {
  width: 70px;
  padding-bottom: 4px;
  background: transparent !important;
}
#taskmenu .action-buttons a.compose { color: var(--xm-gold) !important; }

/* Folder/sidebar hierarchy */
#folderlist-content, #messagelist-content, .scroller { scrollbar-color: rgba(216,182,107,.45) rgba(var(--xm-rgb-overlay),.02); }
html:not(.touch) ::-webkit-scrollbar { width: 7px; height: 7px; }
html:not(.touch) ::-webkit-scrollbar-track { background: rgba(var(--xm-rgb-overlay),.02); }
html:not(.touch) ::-webkit-scrollbar-thumb { background: rgba(216,182,107,.42); border-radius: 999px; }
.folderlist li > a,
.treelist li > a,
.listing li > a {
  color: var(--xm-text) !important;
  border-radius: 7px;
}
.folderlist li > a::before,
.treelist li > a::before { color: var(--xm-gold) !important; opacity: .92; }
.folderlist li.selected > a,
.folderlist li > a.selected,
.treelist li.selected > a,
.treelist li > a.selected {
  color: var(--xm-gold-light) !important;
  background: linear-gradient(90deg, rgba(216,182,107,.17), rgba(216,182,107,.04)) !important;
}
.folderlist li > a:hover,
.treelist li > a:hover { background: rgba(var(--xm-rgb-overlay),.025) !important; }
.folderlist li.mailbox .unreadcount {
  color: var(--xm-gold-light) !important;
  background: rgba(216,182,107,.10) !important;
  border: 1px solid rgba(216,182,107,.12);
  border-radius: 999px !important;
}
.quota-widget { color: var(--xm-muted) !important; }
.quota-widget .bar { background: var(--xm-bg-soft) !important; border-color: var(--xm-line) !important; }
.quota-widget .value { background: linear-gradient(90deg, var(--xm-gold-deep), var(--xm-gold)) !important; }

/* Message list */
#messagelist { background: transparent !important; }
#messagelist tbody tr {
  color: var(--xm-text) !important;
  border-bottom: 1px solid rgba(var(--xm-rgb-line),.07) !important;
  background: transparent !important;
  transition: background 120ms ease, box-shadow 120ms ease;
}
#messagelist tbody tr:hover { background: rgba(var(--xm-rgb-overlay),.024) !important; }
#messagelist tbody tr.selected,
#messagelist tbody tr.focused {
  background: linear-gradient(90deg, rgba(216,182,107,.16), rgba(216,182,107,.05)) !important;
  box-shadow: inset 3px 0 0 var(--xm-gold);
}
html[dir="rtl"] #messagelist tbody tr.selected,
html[dir="rtl"] #messagelist tbody tr.focused { box-shadow: inset -3px 0 0 var(--xm-gold); }
#messagelist td { color: var(--xm-text) !important; border: 0 !important; }
#messagelist td.subject span.fromto,
#messagelist td.subject span.date,
#messagelist td.subject span.size { color: var(--xm-muted) !important; }
#messagelist tr.unread td.subject span.subject,
#messagelist tr.unread td.subject span.fromto { color: var(--xm-text) !important; font-weight: 800; }
#messagelist span.flagged::before,
#messagelist tr.flagged td { color: var(--xm-warning) !important; }
#messagelist td.subject span.msgicon.status.unread::before { color: var(--xm-gold) !important; }
#messagelist-content .listing-info {
  color: var(--xm-muted) !important;
  text-align: center;
  padding-top: 32vh;
}
#messagelist-content .listing-info::before {
  content: "M";
  display: block;
  width: 72px;
  height: 72px;
  margin: 0 auto 18px;
  border: 1px solid rgba(216,182,107,.28);
  border-radius: 22px;
  color: var(--xm-gold-light);
  font: 800 34px/72px "Inter", sans-serif;
  background: linear-gradient(145deg, rgba(216,182,107,.12), rgba(var(--xm-rgb-deepest),.65));
  box-shadow: 0 16px 38px rgba(var(--xm-rgb-shadow),.28);
}

/* Search, inputs and forms */
.searchbar,
.form-control,
.custom-select,
input[type="text"], input[type="email"], input[type="password"], input[type="search"],
textarea, select,
.recipient-input,
.tagedit-list {
  color: var(--xm-text) !important;
  background: rgba(var(--xm-rgb-surface),.92) !important;
  border-color: var(--xm-line) !important;
  border-radius: var(--xm-control-radius) !important;
}
.form-control:focus,
.custom-select:focus,
input:focus, textarea:focus, select:focus,
.recipient-input.focus,
.tagedit-list[tabindex="-1"] {
  color: var(--xm-text) !important;
  border-color: var(--xm-gold) !important;
  box-shadow: 0 0 0 3px rgba(216,182,107,.16) !important;
  outline: none !important;
}
::placeholder { color: var(--xm-placeholder) !important; opacity: 1; }
.input-group-text {
  color: var(--xm-muted) !important;
  background: var(--xm-bg-soft) !important;
  border-color: var(--xm-line) !important;
}
.recipient-input li.recipient,
.tagedit-list li.tagedit-listelement-old {
  color: var(--xm-gold-light) !important;
  background: rgba(216,182,107,.10) !important;
  border-color: rgba(216,182,107,.22) !important;
  border-radius: 999px !important;
}
.custom-control-input:checked ~ .custom-control-label::before,
input[type="checkbox"]:checked,
input[type="radio"]:checked { background-color: var(--xm-gold) !important; border-color: var(--xm-gold) !important; }

/* Generic buttons */
.btn, button, input[type="button"], input[type="submit"], a.button {
  border-radius: var(--xm-control-radius) !important;
}
.btn-primary,
button.btn-primary,
input[type="submit"],
#rcmloginsubmit {
  color: #17130D !important;
  background: linear-gradient(135deg, var(--xm-gold-light), var(--xm-gold-deep)) !important;
  border-color: rgba(var(--xm-rgb-line),.42) !important;
  box-shadow: 0 8px 22px rgba(154,116,50,.20);
}
.btn-secondary,
button.btn-secondary {
  color: var(--xm-text) !important;
  background: var(--xm-bg-soft) !important;
  border-color: var(--xm-line) !important;
}
.btn-danger,
button.btn-danger { color: #fff !important; background: var(--xm-danger) !important; border-color: var(--xm-danger) !important; }

/* Compose */
body.task-mail.action-compose #layout-content,
body.task-mail.action-compose #layout-sidebar {
  background: linear-gradient(180deg, rgba(var(--xm-rgb-panel),.98), rgba(var(--xm-rgb-deepest),.98)) !important;
}
#compose-content { background: transparent !important; }
#compose-headers {
  margin: 14px 16px 0;
  padding: 14px 16px 4px;
  border: 1px solid var(--xm-line);
  border-radius: var(--xm-panel-radius);
  background: rgba(var(--xm-rgb-surface),.58);
}
#composebodycontainer {
  margin: 10px 16px 16px;
  border: 1px solid var(--xm-line);
  border-radius: var(--xm-panel-radius);
  overflow: hidden;
  background: rgba(var(--xm-rgb-deepest),.60);
}
#composebody { min-height: 360px; border: 0 !important; border-radius: 0 !important; }
#compose-attachments, .attachmentslist, .file-upload {
  border-color: var(--xm-line) !important;
  background: rgba(var(--xm-rgb-surface),.64) !important;
  border-radius: var(--xm-panel-radius) !important;
}

/* Message frame and details */
#message-header,
#message-content,
.frame-content,
.content.frame-content {
  color: var(--xm-text) !important;
  background: transparent !important;
}
#message-header {
  margin: 16px 18px 0;
  padding: 18px;
  border: 1px solid var(--xm-line);
  border-radius: var(--xm-panel-radius);
  background: rgba(var(--xm-rgb-surface),.55) !important;
}
#message-header .subject { color: var(--xm-text) !important; }
#message-header .header-title,
#message-header .header-summary,
#message-header .header-headers { color: var(--xm-text) !important; }
#message-header .header-headers .header-title,
#message-header .date { color: var(--xm-muted) !important; }
#message-content { margin: 10px 18px 18px; }
.contactphoto, #contactpic, img.contactphoto {
  border: 1px solid rgba(216,182,107,.28) !important;
  background: var(--xm-bg-soft) !important;
  box-shadow: 0 8px 20px rgba(var(--xm-rgb-shadow),.24);
}
.attachmentslist li {
  color: var(--xm-text) !important;
  border-color: var(--xm-line) !important;
  background: rgba(216,182,107,.06) !important;
  border-radius: 10px;
}

/* Menus, dialogs, settings, tables */
.popupmenu,
.popover,
.ui-dialog,
.ui-widget-content,
.ui-widget-header,
.menu.pagenav,
.formcontent,
.contentbox,
.table-widget,
#settings-right {
  color: var(--xm-text) !important;
  background: linear-gradient(180deg, rgba(var(--xm-rgb-surface),.99), rgba(var(--xm-rgb-deep),.99)) !important;
  border-color: var(--xm-line-strong) !important;
  box-shadow: var(--xm-shadow) !important;
}
.popupmenu, .popover, .ui-dialog { border-radius: var(--xm-panel-radius) !important; overflow: hidden; }
.popupmenu .listing li > a,
.popover .menu li > a,
.ui-menu-item-wrapper { color: var(--xm-text) !important; }
.popupmenu .listing li > a:hover,
.popover .menu li > a:hover,
.ui-menu-item-wrapper.ui-state-active {
  color: var(--xm-gold-light) !important;
  background: rgba(216,182,107,.10) !important;
}
.table, table, .listing { color: var(--xm-text); }
.table td, .table th, table td, table th { border-color: rgba(var(--xm-rgb-line),.08) !important; }
.table th, table th { color: var(--xm-gold-light) !important; }
.nav-tabs { border-color: var(--xm-line) !important; }
.nav-tabs .nav-link { color: var(--xm-muted) !important; border-color: transparent !important; }
.nav-tabs .nav-link.active {
  color: var(--xm-gold-light) !important;
  background: rgba(216,182,107,.08) !important;
  border-color: var(--xm-line) !important;
}

/* Alerts */
#messagestack div,
.ui.alert,
.alert {
  border: 1px solid var(--xm-line) !important;
  border-radius: 12px !important;
  box-shadow: var(--xm-shadow);
}
#messagestack .alert-info, .alert-info { color: var(--xm-alert-info-fg) !important; background: rgba(125,169,245,.16) !important; }
#messagestack .alert-success, .alert-success { color: var(--xm-alert-success-fg) !important; background: rgba(117,201,154,.16) !important; }
#messagestack .alert-warning, .alert-warning { color: var(--xm-alert-warning-fg) !important; background: rgba(240,201,109,.16) !important; }
#messagestack .alert-danger, .alert-danger { color: var(--xm-alert-danger-fg) !important; background: rgba(239,126,140,.16) !important; }

/* Login */
body.task-login #layout {
  display: block !important;
  padding: 0 !important;
  min-height: 100vh;
  overflow: auto;
  background:
    radial-gradient(900px 560px at 82% -8%, rgba(216,182,107,.12), transparent 58%),
    radial-gradient(700px 520px at 5% 8%, rgba(201,107,75,.08), transparent 60%),
    linear-gradient(180deg, var(--xm-login-top), var(--xm-login-mid) 56%, var(--xm-login-bot)) !important;
}
body.task-login #layout-content {
  min-height: 100vh;
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.xm-login-brand {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 20px;
}
.xm-login-brand #logo {
  position: static !important;
  top: auto !important;
  width: 86px;
  height: 86px;
  max-height: none !important;
  margin-bottom: 13px;
  filter: drop-shadow(0 16px 28px rgba(var(--xm-rgb-shadow),.28));
}
.xm-login-brand strong { color: var(--xm-gold-light); font-size: 28px; font-weight: 800; }
.xm-login-brand small { margin-top: 5px; color: var(--xm-gold); font: 700 11px/1 "Inter", sans-serif; letter-spacing: .28em; }
.xm-login-brand p { margin: 12px 0 0; color: var(--xm-muted); font-size: 14px; }
#login-form {
  position: static !important;
  top: auto !important;
  width: min(92vw, 410px) !important;
  max-width: 410px !important;
  margin: 0 !important;
  padding: 26px 26px 20px;
  border: 1px solid var(--xm-line-strong);
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(var(--xm-rgb-soft),.94), rgba(var(--xm-rgb-deep),.96));
  box-shadow: 0 30px 80px rgba(var(--xm-rgb-shadow),.42);
  backdrop-filter: blur(18px);
}
#login-form .form-group { margin-bottom: 14px; }
#login-form .form-control { min-height: 46px; }
#rcmloginsubmit { width: 100%; min-height: 46px; font-weight: 800; }
#login-footer { color: var(--xm-muted) !important; font-size: 12px; }
#login-footer > div { background: transparent !important; padding: 8px 0 0 !important; }

/* Mobile and medium screens */
@media screen and (max-width: 1200px) {
  #layout-sidebar { flex-basis: 248px !important; width: 248px; }
  #layout-list { flex-basis: 340px !important; width: 340px; }
  body.task-mail.action-none #mailsearchform { width: min(38vw, 430px); }
}
@media screen and (max-width: 1024px) {
  #xm-globalbar { padding-inline: 12px; }
  .xm-brand-lockup { min-width: auto; }
  .xm-brand-copy { display: none; }
  .xm-brand-meta { display: none; }
  body.task-mail.action-none #mailsearchform { width: min(58vw, 500px); }
  #layout-menu { flex-basis: 58px !important; width: 58px !important; min-width: 58px !important; max-width: 58px !important; }
  #taskmenu a { width: 46px !important; }
  body.task-mail.action-none #layout-content > .header { left: calc(58px + (var(--xm-gap) * 2)); }
}
@media screen and (max-width: 768px) {
  #layout { padding: var(--xm-topbar-height) 0 0 !important; gap: 0; }
  #xm-globalbar { height: var(--xm-topbar-height); }
  body.task-mail.action-none #mailsearchform { position: static !important; transform: none; width: auto; height: auto; margin: 8px !important; }
  body.task-mail.action-none #layout-content > .header {
    position: static !important;
    height: 54px !important;
    min-height: 54px !important;
    border-radius: 0 !important;
  }
  #layout-menu,
  #layout-sidebar,
  #layout-list,
  #layout-content {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    flex: 1 1 auto !important;
    border-radius: 0 !important;
    border-width: 0 !important;
  }
  #layout-menu .popover-header { height: 54px !important; min-height: 54px !important; }
  #layout-menu .popover-header #logo { display: inline-block !important; }
  #taskmenu a { width: 100% !important; height: 52px !important; justify-content: flex-start; padding-inline: 14px !important; }
  #taskmenu a .inner { display: inline !important; margin-inline-start: 10px; }
  #taskmenu a.selected::after { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}
@media (prefers-contrast: more) {
  :root { --xm-line: rgba(var(--xm-rgb-line),.45); --xm-line-strong: rgba(var(--xm-rgb-line),.70); }
  #layout-menu, #layout-sidebar, #layout-list, #layout-content, input, textarea, select, button { border-color: var(--xm-line-strong) !important; }
}


/* ── تصحيحات لازمة للوضع الفاتح ── */
html:not(.dark-mode) #taskmenu a { color: var(--xm-text) !important; }
html:not(.dark-mode) #taskmenu a:hover,
html:not(.dark-mode) #taskmenu a.selected { background: rgba(154,116,50,.10) !important; }
html:not(.dark-mode) #taskmenu a.logout { color: var(--xm-danger) !important; }
html:not(.dark-mode) #taskmenu .special-buttons,
html:not(.dark-mode) #layout-menu .popover-header { background: transparent !important; }
html:not(.dark-mode) #rcmdraglayer { background: #FFFFFF !important; color: var(--xm-text) !important; }
html:not(.dark-mode) .message-htmlpart { background: #FFFFFF; }
html:not(.dark-mode) #messagestack div { color: var(--xm-text) !important; }
html:not(.dark-mode) .btn-danger,
html:not(.dark-mode) button.btn-danger { color: #FFFFFF !important; }

/* xm-0-2-3-taskmenu — تصحيحات الوضع الفاتح على أساس Elastic */
html:not(.dark-mode) #taskmenu a,
html:not(.dark-mode) #taskmenu a.selected,
html:not(.dark-mode) #taskmenu a:hover { color: var(--xm-text) !important; }
html:not(.dark-mode) #taskmenu a:hover,
html:not(.dark-mode) #taskmenu a.selected { background: rgba(154,116,50,.10) !important; }
html:not(.dark-mode) #taskmenu a.logout { color: var(--xm-danger) !important; }
html:not(.dark-mode) #layout-menu .popover-header { background: transparent !important; }
html:not(.dark-mode) #rcmdraglayer { color: var(--xm-text) !important; }