/* NÆON Corporate Webmail V06 — Internal UI only.
   Additive overrides to Roundcube Elastic. Does not change login/authentication. */
:root { --naeon-navy:#101e31; --naeon-navy-light:#203b52; --naeon-orange:#ed784a; }
/* Scope to authenticated Roundcube tasks, leaving validated login V05 untouched. */
body.task-mail #layout-menu, body.task-addressbook #layout-menu, body.task-settings #layout-menu,
body.task-calendar #layout-menu { background:var(--naeon-navy); }
body.task-mail #layout-menu a, body.task-addressbook #layout-menu a, body.task-settings #layout-menu a,
body.task-calendar #layout-menu a { color:#f7f5f0; }
body.task-mail #layout-menu a:hover, body.task-addressbook #layout-menu a:hover, body.task-settings #layout-menu a:hover,
body.task-calendar #layout-menu a:hover { background:var(--naeon-navy-light); }
body.task-mail #layout-menu a.selected, body.task-addressbook #layout-menu a.selected, body.task-settings #layout-menu a.selected,
body.task-calendar #layout-menu a.selected { background:var(--naeon-navy-light); border-color:var(--naeon-orange); }
body.task-mail .btn-primary, body.task-addressbook .btn-primary, body.task-settings .btn-primary,
body.task-calendar .btn-primary { background-color:var(--naeon-orange); border-color:var(--naeon-orange); color:var(--naeon-navy); }
/* Preserve native Elastic focus, mobile layout, message display, and dark-mode controls. */

/* V07: restrained brand enhancements; retain Elastic responsive geometry. */
body.task-mail #layout-menu #logo,
body.task-addressbook #layout-menu #logo,
body.task-settings #layout-menu #logo,
body.task-calendar #layout-menu #logo { max-width:42px; max-height:42px; width:auto; height:auto; object-fit:contain; }
body.task-mail #layout-menu a:focus-visible,
body.task-addressbook #layout-menu a:focus-visible,
body.task-settings #layout-menu a:focus-visible,
body.task-calendar #layout-menu a:focus-visible { outline:2px solid var(--naeon-orange); outline-offset:-2px; }
body.task-mail #layout-menu a.selected,
body.task-addressbook #layout-menu a.selected,
body.task-settings #layout-menu a.selected,
body.task-calendar #layout-menu a.selected { box-shadow:inset 3px 0 0 var(--naeon-orange); }
/* Neutral workspace: do not change preview iframe, editor, or dark mode. */

/* V08.1 — restore navigation captions and center NÆON branding. */
@media (min-width: 769px) {
  body.task-mail #layout-menu #taskmenu a .inner,
  body.task-addressbook #layout-menu #taskmenu a .inner,
  body.task-settings #layout-menu #taskmenu a .inner,
body.task-calendar #layout-menu #taskmenu a .inner {
    font-size: 10px;
    line-height: 1.15;
    white-space: normal;
    overflow-wrap: anywhere;
    text-align: center;
  }
  body.task-mail #layout-menu #taskmenu a,
  body.task-addressbook #layout-menu #taskmenu a,
  body.task-settings #layout-menu #taskmenu a,
body.task-calendar #layout-menu #taskmenu a {
    overflow: visible;
    text-overflow: initial;
  }
}
/* Center the image within the existing brand/header slot. */
body.task-mail #layout-menu .popover-header,
body.task-addressbook #layout-menu .popover-header,
body.task-settings #layout-menu .popover-header,
body.task-calendar #layout-menu .popover-header {
  display: flex;
  align-items: center;
  justify-content: center;
}
body.task-mail #layout-menu #logo,
body.task-addressbook #layout-menu #logo,
body.task-settings #layout-menu #logo,
body.task-calendar #layout-menu #logo {
  display: block;
  width: 120px;
  max-width: calc(100% - 4px);
  height: auto;
  max-height: 46px;
  object-fit: contain;
  margin: 0 auto;
}
/* Intentionally do not hide the preview iframe: message rendering must work. */


/* NÆON Corporate Webmail V08.4
   Allineamento icona e testo Nuovo messaggio */

@media (min-width: 769px) {

    #layout-menu #taskmenu a.compose {
        height: 64px;
        min-height: 64px;
        box-sizing: border-box;
        padding-top: 6px;
        padding-bottom: 4px;
    }

    #layout-menu #taskmenu a.compose .inner {
        display: block;
        font-size: 10px;
        line-height: 11px;
        white-space: normal;
        text-align: center;
        margin-top: 4px;
        padding-top: 0;
    }

}


/* NÆON Corporate Webmail V08.5
   Logo mobile — dimensioni e centratura */

@media (max-width: 768px) {

    #layout-menu .popover-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    #layout-menu .popover-header #logo {
        width: 145px;
        max-width: 65%;
        height: auto;
        max-height: 42px;
        object-fit: contain;
        object-position: left center;
    }

}