@import "../../elastic/styles/styles.min.css";

:root{ --eu-cobalt:#0047AB; --eu-orange:#F15E27; --eu-sand:#F7F4EE; }

/* Link e accenti -> cobalto */
a, a:visited{ color:var(--eu-cobalt); }
a:hover{ color:var(--eu-cobalt); filter:brightness(1.1); }

/* Pulsanti primari -> cobalto */
.btn-primary, button.btn-primary, input.btn-primary, .primary.btn{
  background-color:var(--eu-cobalt) !important; border-color:var(--eu-cobalt) !important; color:#fff !important; }
.btn-primary:hover{ filter:brightness(1.08); }

/* Righe/cartelle selezionate -> cobalto */
.listing li.selected > a, .listing tr.selected > td, .listing li.selected, .listing tr.selected,
#mailboxlist li.selected > a, #folderlist li.selected > a, .listing .selected > a.active{
  background-color:var(--eu-cobalt) !important; color:#fff !important; }
.listing li.selected *, .listing tr.selected *{ color:#fff !important; }

/* Focus campi -> cobalto */
input:focus, textarea:focus, select:focus, .form-control:focus{
  border-color:var(--eu-cobalt) !important; box-shadow:0 0 0 .15rem rgba(0,71,171,.25) !important; }
input[type=checkbox], input[type=radio]{ accent-color:var(--eu-cobalt); }

/* Nav/toolbar attivi -> cobalto; contatore non letti -> arancio */
.toolbar a.button.selected, #layout-menu a.selected, .menu a.active{ color:var(--eu-cobalt) !important; }
.unreadcount, span.unreadcount, .badge.unread{ background-color:var(--eu-orange) !important; color:#fff !important; }

/* Login */
.task-login, body.task-login #layout, .task-login #layout-content{ background:var(--eu-sand) !important; }
.task-login .box, .task-login .formcontent{ border-top:3px solid var(--eu-orange) !important; }
.task-login .box{ max-width:420px; margin:0 auto; }
body.task-login img, .task-login #logo, .task-login .logo{ max-width:230px !important; max-height:58px !important; width:auto !important; height:auto !important; }
/* Colonna di sinistra: sfondo SABBIA EUREKA (logo/icone visibili) */
#layout-sidebar, #layout-sidebar .listing, #layout-sidebar .scroller, #mailboxlist{ background:var(--eu-sand) !important; }
#layout-menu{ background-color:var(--eu-sand) !important; }
#layout-menu a, #layout-menu .button .inner, #layout-menu span.inner{ color:#2c363a !important; }
#layout-menu a.selected, #layout-menu .button.selected .inner{ color:var(--eu-cobalt) !important; }
/* Barra task sinistra: coerenza SABBIA + selezione cobalto, niente blocco scuro */
#taskmenu a{ color:#2c363a !important; }
#taskmenu a.selected, #taskmenu a.selected:hover, #taskmenu a:hover{ background:var(--eu-cobalt) !important; color:#fff !important; }
#taskmenu .special-buttons, #taskmenu .special-buttons a:not(:focus){ background:var(--eu-sand) !important; }
#taskmenu .special-buttons a{ color:#2c363a !important; }
#layout-menu .special-buttons a:not(:focus){ background:var(--eu-sand) !important; }
/* Header logo (in alto a sinistra) a SABBIA */
#layout-menu .popover-header{ background-color:var(--eu-sand) !important; }
/* Testo dell'elemento SELEZIONATO -> bianco (leggibile su cobalto) */
#layout-sidebar #mailboxlist li.selected > a,
#layout-sidebar #mailboxlist li.selected > a *,
.listing li.selected > a, .listing li.selected > a *,
.listing tr.selected > td, .listing tr.selected > td *,
#messagelist tr.selected td, #messagelist tr.selected td *{ color:#fff !important; }
/* Task selezionato: anche l'etichetta (span.inner) e icone -> bianco */
#taskmenu a.selected, #taskmenu a.selected *, #taskmenu a.selected .inner, #taskmenu a.selected span.inner,
#taskmenu a:hover, #taskmenu a:hover .inner, #taskmenu a:hover span.inner{ color:#fff !important; }
/* Barra task sinistra: più larga e leggibile su schermi PC (responsive) */
@media (min-width:1025px){
  #layout-menu{ width:210px !important; min-width:210px !important; max-width:210px !important; }
  #taskmenu a{ text-align:left !important; padding-left:1.1rem !important; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  #taskmenu a .inner, #taskmenu a span.inner{ display:inline-block !important; font-size:.95rem !important; vertical-align:middle; }
  #taskmenu a:before{ float:left !important; margin-right:.7rem !important; }
  #layout-menu .popover-header, #layout-menu .popover-header img{ max-width:200px !important; }
}
/* Fix barra task PC: pulsanti a piena larghezza, etichette intere */
@media (min-width:1025px){
  #layout-menu{ width:200px !important; min-width:200px !important; max-width:200px !important; }
  #taskmenu a{ display:block !important; width:100% !important; box-sizing:border-box !important; overflow:visible !important; text-overflow:clip !important; white-space:nowrap !important; }
  #taskmenu a .inner, #taskmenu a span.inner{ display:inline-block !important; width:auto !important; max-width:none !important; overflow:visible !important; }
  #taskmenu .special-buttons{ width:200px !important; }
}
/* Bilanciamento colonne su PC: task 180px, cartelle 280px, resto ai messaggi */
@media (min-width:1025px){
  #layout-menu{ width:180px !important; min-width:180px !important; max-width:180px !important; }
  #layout-sidebar{ flex:0 0 280px !important; width:280px !important; min-width:280px !important; max-width:280px !important; }
}
/* Task: box selezione a piena larghezza colonna + colonna cartelle distinta */
@media (min-width:1025px){
  #layout-menu #taskmenu{ width:100% !important; }
  #layout-menu #taskmenu a{ width:100% !important; box-sizing:border-box !important; border-radius:0 !important; margin:0 !important; padding-left:1rem !important; }
  #layout-menu #taskmenu a:before{ float:left !important; }
}
/* Colonna cartelle: grigio-freddo, distinta dalla sabbia della task */
#layout-sidebar, #layout-sidebar .listing, #layout-sidebar .scroller, #mailboxlist, #layout-sidebar .header{ background:#FBFAF8 !important; }
/* #taskmenu deve STIRARSI a piena larghezza (il flex di #layout-menu lo centrava) */
@media (min-width:1025px){
  #layout-menu{ align-items:stretch !important; }
  #layout-menu #taskmenu{ width:100% !important; align-self:stretch !important; }
  #layout-menu #taskmenu a{ width:100% !important; box-sizing:border-box !important; }
  #layout-menu .popover-header{ align-self:stretch !important; width:100% !important; }
}

/* FIX VERO: togliere il cap max-width:6rem di .menu.toolbar a che tagliava il box */
@media (min-width:1025px){
  #layout-menu #taskmenu a, #layout-menu #taskmenu .action-buttons a, #layout-menu #taskmenu .special-buttons a{
    max-width:none !important; width:100% !important; box-sizing:border-box !important; }
}
/* Pulsanti in basso (.special-buttons: modalita scura/info/esci): coerenti con la barra */
@media (min-width:1025px){
  #layout-menu .special-buttons a{ max-width:none !important; width:100% !important; text-align:left !important; padding-left:1rem !important; box-sizing:border-box !important; background:var(--eu-sand) !important; color:#2c363a !important; }
  #layout-menu .special-buttons a:hover{ background:var(--eu-cobalt) !important; color:#fff !important; }
  #layout-menu .special-buttons a .inner, #layout-menu .special-buttons a span.inner{ display:inline-block !important; }
  #layout-menu .special-buttons a:hover .inner, #layout-menu .special-buttons a:hover span.inner{ color:#fff !important; }
}
/* Lockup marca (monogramma + wordmark) come nel portale — colonna sinistra */
@media (min-width:1025px){
  #layout-menu .popover-header{ display:flex !important; align-items:center !important; justify-content:center !important; gap:10px !important; }
  #layout-menu .popover-header::before{ content:""; display:inline-block !important; width:36px; height:36px; flex:0 0 auto; background:url(https://eureka.email/kit/mono-eureka.png) center/contain no-repeat; }
  #layout-menu .popover-header img, #layout-menu .popover-header #logo{ height:36px !important; width:auto !important; max-width:130px !important; max-height:36px !important; }
}
/* Lockup: più respiro nella colonna (dimensioni ridotte + padding) */
@media (min-width:1025px){
  #layout-menu .popover-header{ gap:12px !important; padding:6px 12px !important; box-sizing:border-box !important; }
  #layout-menu .popover-header::before{ width:30px !important; height:30px !important; }
  #layout-menu .popover-header img, #layout-menu .popover-header #logo{ height:30px !important; max-height:30px !important; max-width:120px !important; }
}
/* Lockup PIÙ GRANDE (Ale: erano troppo piccoli) */
@media (min-width:1025px){
  #layout-menu .popover-header{ gap:12px !important; padding:4px 8px !important; min-height:62px !important; }
  #layout-menu .popover-header::before{ width:44px !important; height:44px !important; }
  #layout-menu .popover-header img, #layout-menu .popover-header #logo{ height:44px !important; max-height:44px !important; max-width:none !important; }
}
/* HEADER marca a TUTTA LARGHEZZA in cima, sopra tutte le colonne */
body.task-mail::before, body.task-addressbook::before, body.task-settings::before{
  content:""; position:fixed; top:0; left:0; right:0; height:54px; z-index:10000;
  background-color:var(--eu-sand);
  background-image:url(https://eureka.email/kit/mono-eureka.png), url(https://eureka.email/kit/logo-eureka.png);
  background-repeat:no-repeat,no-repeat;
  background-position:22px center, 72px center;
  background-size:auto 32px, auto 32px;
  border-bottom:1px solid #d4dbde;
}
body.task-mail #layout, body.task-addressbook #layout, body.task-settings #layout{
  margin-top:54px !important; height:calc(100vh - 54px) !important; }
/* la marca ora e' nell'header: via il logo dalla colonna sinistra (niente doppione) */
body.task-mail #layout-menu .popover-header, body.task-addressbook #layout-menu .popover-header, body.task-settings #layout-menu .popover-header{ display:none !important; }
#eu-brandbar-marker{}
body.task-mail::before, body.task-addressbook::before, body.task-settings::before{ content:none !important; background:none !important; border:0 !important; height:auto !important; position:static !important; }
#eu-brandbar{ position:fixed; top:0; left:0; right:0; height:60px; z-index:10000; display:flex; align-items:center; justify-content:center; gap:14px; background:var(--eu-sand); border-bottom:1px solid #d4dbde; box-sizing:border-box; }
#eu-brandbar .eu-m{ height:40px !important; width:auto !important; }
#eu-brandbar .eu-w{ height:40px !important; width:auto !important; }
body.task-mail #layout, body.task-addressbook #layout, body.task-settings #layout{ margin-top:60px !important; height:calc(100vh - 60px) !important; }
#eu-brandbar-align-col2{}
#eu-brandbar{ justify-content:flex-start !important; padding-left:180px !important; height:72px !important; gap:16px !important; }
#eu-brandbar .eu-m, #eu-brandbar .eu-w{ height:50px !important; }
body.task-mail #layout, body.task-addressbook #layout, body.task-settings #layout{ margin-top:72px !important; height:calc(100vh - 72px) !important; }
#eu-brandbar-align-col3{}
#eu-brandbar{ padding-left:460px !important; }
#eu-brandbar-center-col3{}
#eu-brandbar{ justify-content:center !important; padding-left:460px !important; padding-right:calc(70vw - 460px) !important; height:80px !important; }
#eu-brandbar .eu-m, #eu-brandbar .eu-w{ height:58px !important; }
body.task-mail #layout, body.task-addressbook #layout, body.task-settings #layout{ margin-top:80px !important; height:calc(100vh - 80px) !important; }
#eu-brandbar-toolbar-fix{}
#eu-brandbar{ height:72px !important; }
#eu-brandbar .eu-m, #eu-brandbar .eu-w{ height:56px !important; }
body.task-mail #layout, body.task-addressbook #layout, body.task-settings #layout{ margin-top:78px !important; height:calc(100vh - 78px) !important; }
#eu-brandbar-abslayout{}
#eu-brandbar{ height:76px !important; }
#eu-brandbar .eu-m, #eu-brandbar .eu-w{ height:60px !important; }
body.task-mail #layout, body.task-addressbook #layout, body.task-settings #layout{ position:absolute !important; top:76px !important; left:0 !important; right:0 !important; bottom:0 !important; height:auto !important; width:auto !important; margin:0 !important; }
#eu-brandbar-jscenter{}
#eu-brandbar{ display:block !important; justify-content:initial !important; padding:0 !important; }
#eu-brandbar .eu-brand-inner{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); display:flex; align-items:center; gap:16px; white-space:nowrap; }
#eu-brandbar .eu-m, #eu-brandbar .eu-w{ height:60px !important; width:auto !important; }
#eu-brandbar-size63{}
#eu-brandbar .eu-m, #eu-brandbar .eu-w{ height:63px !important; }
#eu-brandbar-size66{}
#eu-brandbar{ height:80px !important; }
#eu-brandbar .eu-m, #eu-brandbar .eu-w{ height:66px !important; }
body.task-mail #layout, body.task-addressbook #layout, body.task-settings #layout{ top:80px !important; }
#eu-brandbar-size67{}
#eu-brandbar .eu-m, #eu-brandbar .eu-w{ height:67px !important; }
#eu-brandbar-size68{}
#eu-brandbar .eu-m, #eu-brandbar .eu-w{ height:68px !important; }
#eu-brandbar-size69{}
#eu-brandbar .eu-m, #eu-brandbar .eu-w{ height:69px !important; }
#eu-links-cobalt{}
a, a:link, a:visited, .extwin, .button.extwin, a.extwin, .listing a, .boxfooter a{ color:var(--eu-cobalt) !important; }
#eu-nav-cobalt{}
#layout-menu, #layout-menu .popover-header{ background-color:#0047AB !important; }
#taskmenu .special-buttons, #taskmenu .special-buttons a:not(:focus), #layout-menu .special-buttons a:not(:focus){ background:#0047AB !important; }
#taskmenu a, #layout-menu a, #layout-menu #taskmenu a, #taskmenu a .inner, #taskmenu a span.inner, #layout-menu span.inner, #taskmenu .special-buttons a, #taskmenu .special-buttons a .inner{ color:#fff !important; }
#taskmenu a{ border-bottom-color:rgba(255,255,255,.14) !important; }
#taskmenu a:hover{ background:rgba(255,255,255,.12) !important; color:#fff !important; }
#taskmenu a.selected, #taskmenu a.selected .inner, #taskmenu a.selected span.inner, #taskmenu a.selected *{ color:#fff !important; }
#taskmenu a.selected{ background:#003a91 !important; box-shadow: inset 3px 0 0 #F15E27 !important; }
#eu-nav-greige-toprow-cobalt{}
#layout-menu, #layout-menu .popover-header{ background-color:#FBFAF8 !important; }
#taskmenu .special-buttons, #taskmenu .special-buttons a:not(:focus), #layout-menu .special-buttons a:not(:focus){ background:#FBFAF8 !important; }
#taskmenu a, #layout-menu a, #layout-menu #taskmenu a, #taskmenu a .inner, #taskmenu a span.inner, #layout-menu span.inner, #taskmenu .special-buttons a, #taskmenu .special-buttons a .inner{ color:#2c363a !important; }
#taskmenu a{ border-bottom-color:rgba(0,0,0,.06) !important; }
#taskmenu a:hover{ background:rgba(0,0,0,.05) !important; color:#2c363a !important; }
#taskmenu a.selected{ background:#0047AB !important; box-shadow:none !important; }
#taskmenu a.selected, #taskmenu a.selected .inner, #taskmenu a.selected span.inner, #taskmenu a.selected *{ color:#fff !important; }

#layout-sidebar > .header, #layout-list > .header, #layout-content > .header, #messagelist .boxtitle{ background:#0047AB !important; }
#layout-sidebar > .header, #layout-sidebar > .header *, #layout-list > .header, #layout-list > .header *, #layout-content > .header, #layout-content > .header *{ color:#fff !important; border-color:#003a91 !important; }
#layout-list > .header input, #layout .searchbar input{ background:rgba(255,255,255,.15) !important; color:#fff !important; border-color:rgba(255,255,255,.35) !important; }
#layout-list > .header input::placeholder{ color:rgba(255,255,255,.75) !important; }
#eu-mail-scheme-2026b{}
#layout-menu{ position:relative !important; background:#F3F4F6 !important; }
#layout-menu:before{ content:" "; position:absolute; top:0; left:0; right:0; height:58px; background:#0047AB !important; z-index:0; display:block; }
#taskmenu{ position:relative; z-index:1; padding-top:58px !important; }
#taskmenu .special-buttons, #taskmenu .special-buttons a:not(:focus), #layout-menu .special-buttons a:not(:focus){ background:#F3F4F6 !important; }
#taskmenu a, #layout-menu a, #taskmenu a .inner, #layout-menu span.inner{ color:#2c363a !important; }
#layout-menu a.selected{ background:#0047AB !important; }
#layout-menu a.selected, #layout-menu a.selected *{ color:#fff !important; }
#layout-sidebar, #layout-sidebar .listing, #layout-sidebar .scroller, #mailboxlist{ background:#F3F4F6 !important; }
#layout-list, #layout-list .scroller, #layout-list .listing{ background:#FBFAF8 !important; }
#layout-content, #layout-content .scroller{ background:#FFFFFF !important; }
#layout-sidebar > .header, #layout-list > .header, #layout-content > .header, #messagelist .boxtitle{ background:#0047AB !important; }
#layout-sidebar > .header *, #layout-list > .header *, #layout-content > .header *, #messagelist .boxtitle, #messagelist .boxtitle *{ color:#F7EFE6 !important; }

#eu-mail-scheme-2026c{}
#layout-menu{ background:#F15E27 !important; }
#taskmenu .special-buttons, #taskmenu .special-buttons a:not(:focus), #layout-menu .special-buttons a:not(:focus){ background:#F15E27 !important; }
#taskmenu a, #layout-menu a, #taskmenu a .inner, #layout-menu span.inner, #taskmenu a span, #layout-menu a span{ color:#FFFFFF !important; }
#taskmenu a:hover, #layout-menu a:hover{ background:rgba(255,255,255,.16) !important; color:#FFFFFF !important; }
#layout-menu a.selected{ background:#D24E1C !important; }
#layout-menu a.selected, #layout-menu a.selected *{ color:#FFFFFF !important; }
#layout-menu, #layout-sidebar, #layout-list, #layout-content{ border-radius:0 !important; }
#layout-sidebar > .header *, #layout-list > .header *, #layout-content > .header *, #messagelist .boxtitle, #messagelist .boxtitle *, #layout-list > .header .toolbar a, #layout-list > .header .toolbar a *, #layout-content > .header .toolbar a, #layout-content > .header .toolbar a *{ color:#EFE1CD !important; }

#eu-mail-scheme-2026e{}
#layout-menu{ background:#FBFAF8 !important; }
#taskmenu .special-buttons, #taskmenu .special-buttons a:not(:focus), #layout-menu .special-buttons a:not(:focus){ background:#FBFAF8 !important; }
#taskmenu a, #layout-menu a, #taskmenu a .inner, #layout-menu span.inner, #taskmenu a span, #layout-menu a span{ color:#2c363a !important; }
#taskmenu a:hover, #layout-menu a:hover{ background:rgba(0,0,0,.05) !important; color:#2c363a !important; }
#layout-menu a.selected{ background:#F15E27 !important; }
#layout-menu a.selected, #layout-menu a.selected *{ color:#FFFFFF !important; }
#layout-menu, #layout-menu.popover{ box-shadow:none !important; border-radius:0 !important; border-right:1px solid #E5E7EB !important; }

#eu-mail-scheme-2026f{}
a.about, #taskmenu a.about, #layout-menu a.about, .popover a.about, li.about{ display:none !important; }
#layout-menu{ background:#EAF1FF !important; }
#taskmenu .special-buttons, #taskmenu .special-buttons a:not(:focus), #layout-menu .special-buttons a:not(:focus){ background:#EAF1FF !important; }
#taskmenu a, #layout-menu a, #taskmenu a .inner, #layout-menu span.inner, #taskmenu a span, #layout-menu a span{ color:#2c363a !important; }
#taskmenu a:hover, #layout-menu a:hover{ background:rgba(0,71,171,.08) !important; color:#0047AB !important; }
#layout-menu a.selected{ background:#0047AB !important; }
#layout-menu a.selected, #layout-menu a.selected *{ color:#FFFFFF !important; }

#eu-mail-scheme-2026g{}
#layout-menu a.selected{ background:#F15E27 !important; }
#layout-menu a.selected, #layout-menu a.selected *{ color:#FFFFFF !important; }
#layout-sidebar > .header *, #layout-list > .header *, #layout-content > .header *, #messagelist .boxtitle, #messagelist .boxtitle *, .header-title, #layout-content > .header .header-title{ color:#EFE1CD !important; font-weight:600 !important; }

#eu-mail-scheme-2026h{}
#layout-menu{ overflow-x:hidden !important; }
#taskmenu, #taskmenu > ul, #taskmenu ul{ overflow:hidden !important; }
#taskmenu a, #layout-menu a{ box-sizing:border-box !important; width:100% !important; max-width:100% !important; margin:0 !important; border-right:0 !important; box-shadow:none !important; outline:none !important; }
#taskmenu a:hover, #taskmenu a:focus, #layout-menu a:hover, #layout-menu a:focus{ background:#DCE7FA !important; color:#0047AB !important; }
#taskmenu a:hover *, #taskmenu a:focus *, #layout-menu a:hover *, #layout-menu a:focus *{ color:#0047AB !important; }
#taskmenu a.selected, #layout-menu a.selected{ background:#F15E27 !important; }
#taskmenu a.selected, #taskmenu a.selected *, #layout-menu a.selected, #layout-menu a.selected *{ color:#FFFFFF !important; }

#eu-mail-scheme-2026i{}
#taskmenu a.logout, a.logout, li.logout, #layout-menu .special-buttons a.logout, #taskmenu a.darkmode, a.darkmode, li.darkmode, #taskmenu a.button.darkmode{ display:none !important; }
#taskmenu a, #layout-menu a, #taskmenu a *, #layout-menu a *, #taskmenu a:before, #layout-menu a:before, #taskmenu a .inner, #layout-menu span.inner{ color:#0047AB !important; }
#taskmenu a:hover, #taskmenu a:focus, #layout-menu a:hover, #layout-menu a:focus{ background:#DCE7FA !important; }
#taskmenu a:hover, #taskmenu a:hover *, #taskmenu a:hover:before, #layout-menu a:hover, #layout-menu a:hover *, #layout-menu a:hover:before{ color:#0047AB !important; }
#taskmenu a.selected, #layout-menu a.selected{ background:#F15E27 !important; }
#taskmenu a.selected, #taskmenu a.selected *, #taskmenu a.selected:before, #taskmenu a.selected .inner, #layout-menu a.selected, #layout-menu a.selected *, #layout-menu a.selected:before{ color:#FFFFFF !important; }

#eu-embed-iframe-hide{}
html.eu-embedded #eu-brandbar{ display:none !important; }
html.eu-embedded body.task-mail #layout, html.eu-embedded body.task-addressbook #layout, html.eu-embedded body.task-settings #layout{ top:0 !important; margin-top:0 !important; height:100vh !important; }

#eu-embed-border-restore{}
html.eu-embedded body.task-mail #layout, html.eu-embedded body.task-addressbook #layout, html.eu-embedded body.task-settings #layout{ border:1px solid #fff !important; border-radius:12px !important; box-sizing:border-box !important; }

#eu-mail-scheme-2026k{}
#taskmenu a:hover:not(.selected), #taskmenu a:focus:not(.selected), #layout-menu a:hover:not(.selected), #layout-menu a:focus:not(.selected){ background:#DCE7FA !important; }
#taskmenu a:hover:not(.selected), #taskmenu a:hover:not(.selected) *, #taskmenu a:hover:not(.selected):before, #taskmenu a:focus:not(.selected), #taskmenu a:focus:not(.selected) *, #layout-menu a:hover:not(.selected), #layout-menu a:hover:not(.selected) *, #layout-menu a:hover:not(.selected):before{ color:#0047AB !important; }
#taskmenu a.selected:hover, #layout-menu a.selected:hover{ background:#D24E1C !important; }
#taskmenu a.selected:hover, #taskmenu a.selected:hover *, #taskmenu a.selected:hover:before, #layout-menu a.selected:hover, #layout-menu a.selected:hover *, #layout-menu a.selected:hover:before{ color:#FFFFFF !important; }
html.eu-embedded body.task-mail #layout, html.eu-embedded body.task-addressbook #layout, html.eu-embedded body.task-settings #layout{ border:1px solid #374151 !important; border-radius:12px !important; box-sizing:border-box !important; }

#eu-mail-scheme-2026l{}
#taskmenu a.theme.dark, a.theme.dark, #layout-menu a.theme.dark, #taskmenu .special-buttons a.theme.dark{ display:none !important; }
#taskmenu a{ display:flex !important; align-items:center !important; }
#taskmenu a:before{ float:none !important; align-self:center !important; }

#eu-mail-scheme-2026m{}
#taskmenu .special-buttons{ display:none !important; }
#layout-menu #taskmenu a:hover:not(.selected), #layout-menu #taskmenu a:hover:not(.selected) span, #layout-menu #taskmenu a:hover:not(.selected) .inner, #layout-menu #taskmenu a:hover:not(.selected):before, #layout-menu #taskmenu a:focus:not(.selected), #layout-menu #taskmenu a:focus:not(.selected) .inner, #layout-menu #taskmenu a:focus:not(.selected):before{ color:#0047AB !important; }
#layout-menu #taskmenu a:hover:not(.selected), #layout-menu #taskmenu a:focus:not(.selected){ background:#DCE7FA !important; }

#eu-mail-scheme-2026n{}
#taskmenu .special-buttons{ display:block !important; }
#taskmenu .special-buttons a.theme, #taskmenu .special-buttons a.about{ display:none !important; }
#taskmenu .special-buttons a.logout{ display:inline-flex !important; align-items:center; gap:.35rem; position:fixed !important; top:11px; right:14px; z-index:1200; width:auto !important; height:auto !important; min-width:0 !important; padding:6px 12px !important; margin:0 !important; border:0 !important; border-bottom:0 !important; border-radius:999px !important; background:transparent !important; line-height:normal !important; color:#EFE1CD !important; }
#taskmenu .special-buttons a.logout span.inner{ display:inline !important; font-size:.95rem; }
#taskmenu .special-buttons a.logout:before{ color:#EFE1CD !important; float:none !important; margin:0 !important; }
#taskmenu .special-buttons a.logout:hover{ background:rgba(255,255,255,.16) !important; color:#FFFFFF !important; }
#taskmenu .special-buttons a.logout:hover span.inner, #taskmenu .special-buttons a.logout:hover:before{ color:#FFFFFF !important; }

#eu-mail-scheme-2026o{}
#taskmenu .special-buttons a.logout{ display:none !important; }
#eu-logout{ position:fixed !important; top:11px !important; right:14px !important; z-index:2000 !important; display:inline-flex !important; align-items:center !important; gap:.35rem !important; width:auto !important; height:auto !important; min-width:0 !important; padding:6px 12px !important; margin:0 !important; border:0 !important; border-radius:999px !important; background:transparent !important; color:#EFE1CD !important; line-height:normal !important; text-decoration:none !important; font-size:.95rem !important; }
#eu-logout span.inner{ display:inline !important; font-size:.95rem !important; color:#EFE1CD !important; }
#eu-logout:before{ float:none !important; margin:0 !important; color:#EFE1CD !important; }
#eu-logout:hover{ background:rgba(255,255,255,.16) !important; color:#FFFFFF !important; }
#eu-logout:hover span.inner, #eu-logout:hover:before{ color:#FFFFFF !important; }
html.eu-embedded #eu-logout{ display:none !important; }

#eu-mail-scheme-2026p{}
html.eu-embedded #eu-logout{ display:inline-flex !important; }

#eu-logout-hide-in-embed{}
html.eu-embedded #eu-logout{ display:none !important; }

#eu-phone-drawer-width{}
html.layout-phone #layout-menu, html.layout-small #layout-menu{ width:min(92vw,340px) !important; max-width:340px !important; overflow-x:hidden !important; }
html.layout-phone #layout-sidebar, html.layout-small #layout-sidebar{ width:min(92vw,340px) !important; max-width:340px !important; }
html.layout-phone #taskmenu a .inner, html.layout-phone #taskmenu a span.inner, html.layout-small #taskmenu a .inner{ overflow:hidden !important; text-overflow:ellipsis !important; white-space:nowrap !important; max-width:none !important; }

#eu-phone-drawer-mq{}
@media (max-width:480px){
  #layout-menu, #layout-menu.popover{ width:min(90vw,320px) !important; max-width:320px !important; overflow:visible !important; }
  #taskmenu, #taskmenu.menu.toolbar{ display:block !important; width:100% !important; overflow:visible !important; }
  #taskmenu a, #taskmenu.menu.toolbar a{ display:flex !important; align-items:center !important; float:none !important; width:100% !important; max-width:none !important; min-width:0 !important; text-align:left !important; box-sizing:border-box !important; overflow:visible !important; height:auto !important; }
  #taskmenu a .inner, #taskmenu a span.inner{ display:inline !important; overflow:visible !important; text-overflow:clip !important; white-space:nowrap !important; max-width:none !important; width:auto !important; flex:1 1 auto !important; }
}

#eu-login-radius-10{}
#login-form .input-group > :first-child, #login-form .input-group .input-group-text, #login-form .input-group-prepend > *{ border-top-left-radius:10px !important; border-bottom-left-radius:10px !important; }
#login-form .input-group > :last-child, #login-form .input-group input, #rcmloginuser, #rcmloginpwd{ border-top-right-radius:10px !important; border-bottom-right-radius:10px !important; }
#login-form button, #login-form .btn, #login-form button.btn-primary, #rcmloginsubmit{ border-radius:10px !important; }

#eu-toolbar-bg-fix{}
#layout > div > .header .toolbar, #layout > div > .header .toolbar a, #layout-list > .header .toolbar, #layout-content > .header .toolbar, #layout-list > .header .toolbar a, #layout-content > .header .toolbar a, #layout > div > .header .menu.toolbar, #layout > div > .header .menu.toolbar a, #layout > div > .header .menu.toolbar a:not(:focus){ background:transparent !important; background-color:transparent !important; box-shadow:none !important; }

#eu-leftcol-2026{}
#layout-menu, #taskmenu, #taskmenu a:not(.selected), #layout-menu .special-buttons a:not(:focus), #taskmenu .special-buttons a:not(:focus){ background-color:#F3F4F6 !important; }
#layout-menu #taskmenu a:not(.selected):before, #taskmenu a:not(.selected):before{ color:#F15E27 !important; }

#eu-navbar-2026b{}
#taskmenu, #taskmenu a:not(.selected){ background-color:transparent !important; }
#layout-menu{ background-color:#F3F4F6 !important; }
#taskmenu a:not(.selected), #taskmenu a:not(.selected) .inner, #taskmenu a:not(.selected) span{ color:#111827 !important; }
#layout-menu #taskmenu a:not(.selected):before{ color:#F15E27 !important; }
#layout-sidebar .listing li.selected>a, #directorylist li.selected>a, #mailboxlist li.selected>a{ background-color:#F15E27 !important; }
#layout-sidebar .listing li.selected>a, #layout-sidebar .listing li.selected>a *, #layout-sidebar .listing li.selected>a:before, #directorylist li.selected>a, #directorylist li.selected>a *, #directorylist li.selected>a:before, #mailboxlist li.selected>a, #mailboxlist li.selected>a *, #mailboxlist li.selected>a:before{ color:#FFFFFF !important; }

#eu-settings-2026{}
#layout-sidebar, #layout-sidebar .listing, #layout-sidebar .scroller{ background-color:#FBFAF8 !important; }
#layout-sidebar .listing li:not(.selected)>a, #layout-sidebar .listing li:not(.selected)>a *, #layout-sidebar .listing li:not(.selected)>a:before{ color:#111827 !important; }
#layout-list .listing li.selected>a, #layout-list .listing tr.selected{ background-color:#F15E27 !important; }
#layout-list .listing li.selected>a, #layout-list .listing li.selected>a *, #layout-list .listing li.selected>a:before, #layout-list .listing tr.selected td, #layout-list .listing tr.selected *{ color:#FFFFFF !important; }
.custom-switch .custom-control-input:checked~.custom-control-label::before{ border-color:#F15E27 !important; background-color:#F15E27 !important; }
.custom-switch .custom-control-input:focus:not(:checked)~.custom-control-label::before{ border-color:#F15E27 !important; }
.custom-switch .custom-control-input:checked:disabled~.custom-control-label::before{ border-color:#C9CDD3 !important; background-color:#C9CDD3 !important; }
.ui-slider .ui-slider-handle.ui-state-active{ background:#F15E27 !important; border-color:#D24E1C !important; }
.ui-slider .ui-slider-range{ background:#F15E27 !important; }

#eu-col3-selected-fix{}
#layout-list .listing li.selected, #layout-list .listing li.selected > a, #layout-list .listing tr.selected, #layout-list .listing tr.selected > td, #layout-list .listing .selected > a.active{ background-color:#F15E27 !important; }
#layout-list .listing li.selected, #layout-list .listing li.selected *, #layout-list .listing li.selected > a:before, #layout-list .listing tr.selected, #layout-list .listing tr.selected *{ color:#FFFFFF !important; }

#eu-col1-ivory{}
#layout-menu{ background-color:#FBFAF8 !important; }

#eu-focus-orange{}
.form-control:focus, #layout .searchbar input:focus, textarea:focus, select:focus{ border-color:#F15E27 !important; box-shadow:0 0 0 .2rem rgba(241,94,39,.25) !important; }
.input-group-text input:focus{ border-color:#F15E27 !important; }

#eu-badges-fab-2026{}
.folderlist li.mailbox .unreadcount,
.folderlist li.mailbox.recent>a>.unreadcount{ background:#F15E27 !important; color:#fff !important; }
.floating-action-buttons a.button{ background:#0047AB !important; color:#fff !important; box-shadow:0 0 5px 5px rgba(0,71,171,.15) !important; }

#eu-toolbar-hover-2026{}
.menu.toolbar .dropbutton:not(.disabled):hover,
.menu.toolbar a.button:not(.disabled):hover,
.menu.toolbar .dropbutton.active,
.menu.toolbar .dropbutton[aria-expanded="true"]{ background-color:#003a91 !important; }
.menu.toolbar .dropbutton a.dropdown:hover{ background-color:#003a91 !important; }
.menu.toolbar a:not(.disabled):hover,
.menu.toolbar .dropbutton:not(.disabled):hover a{ color:#fff !important; }

#eu-recipient-focus-2026{}
.multi-input>.content.focused,
.recipient-input.focus{ border-color:#F15E27 !important; box-shadow:0 0 0 .2rem rgba(241,94,39,.25) !important; }