/* NERTYHOST MAIL — Elastic 1.6.x visual layer; no functional overrides */
:root { --nh-orange:#ff9418; --nh-amber:#ffae39; --nh-bg:#090b0e; --nh-panel:#13171c; --nh-panel2:#1b2026; --nh-border:#34302c; --nh-text:#f6f5f2; }
html, body { background:var(--nh-bg) !important; color:var(--nh-text); }
body, #layout, #layout-content, #layout-sidebar, #layout-list, #layout-details, #layout-menu, .listbox, .scroller { background-color:var(--nh-bg) !important; }
#layout-sidebar, #layout-list, #layout-details, #layout-menu { border-color:var(--nh-border) !important; }
#layout-list, #layout-sidebar { background:var(--nh-panel) !important; }
#layout-details { background:#101317 !important; }
.toolbar, .header, .listbox .header, .menu, .popupmenu, .popover, .listing, .listing tbody tr, .messagelist tr, .messagelist td, .formcontent, .propform { background-color:var(--nh-panel) !important; color:var(--nh-text) !important; border-color:#302b27 !important; }
.toolbar a, .toolbar button, .button, .listbox a, .menu a, .navlist a, .listing a, .messagelist a, .header a { color:#e8e8e8 !important; }
a, a:visited, .text-primary { color:var(--nh-amber); }
a:hover, .toolbar a:hover, .listbox a:hover, .menu a:hover { color:var(--nh-orange) !important; }
.button.mainaction, button.mainaction, .btn-primary, .button.submit, input[type=submit], #login-form button { background:linear-gradient(135deg,#ffad36,#f47e00) !important; border-color:#f58c10 !important; color:#0c0c0c !important; font-weight:750 !important; box-shadow:0 3px 15px #fa8d1922; }
.button.mainaction:hover, button.mainaction:hover, .btn-primary:hover, input[type=submit]:hover { filter:brightness(1.08); }
input, select, textarea, .form-control { background:#1b2025 !important; color:#f7f7f7 !important; border-color:#48423b !important; }
input:focus, select:focus, textarea:focus, .form-control:focus { border-color:var(--nh-orange) !important; box-shadow:0 0 0 2px #ff941833 !important; }
.listing tr.selected td, .messagelist tr.selected td, .listbox .selected, .listbox a.selected { background:#4c2d13 !important; color:#fff !important; }
.listing tr:hover td, .messagelist tr:hover td, .listbox a:hover { background:#28231f !important; }
.badge, .count, .unreadcount { background:var(--nh-orange) !important; color:#0b0b0b !important; }
#taskmenu { background:#0b0c0e !important; border-right:1px solid #30261d !important; }
#taskmenu a:hover, #taskmenu a.selected { background:#352112 !important; color:#ff9a1c !important; }
#taskmenu .selected .inner, #taskmenu .selected { border-color:var(--nh-orange) !important; }
#taskmenu a:before, .toolbar a:before, .toolbar button:before { color:var(--nh-orange) !important; }
/* Login: use real server-room background photo supplied in pack, with gradients as fallback. */
body.task-login { background:linear-gradient(90deg,#060708df,#090b0dcc),url('server-room.webp') center center/cover fixed !important; }
body.task-login #layout, body.task-login #layout-content, body.task-login #login-form { background:transparent !important; }
body.task-login #layout-content { min-height:100vh; }
body.task-login #login-form { border:1px solid #6c431f !important; border-radius:20px !important; padding:36px 30px !important; box-shadow:0 25px 75px #000b,0 0 35px #ff8b1616 !important; background:#0d0d0de9 !important; backdrop-filter:blur(12px); }
body.task-login #login-form:before { content:'Nerty'; display:block; text-align:center; font-size:clamp(35px,4vw,58px); line-height:1.1; font-weight:900; color:#fff; letter-spacing:-2px; margin:0 auto 5px; text-shadow:0 2px 15px #000; }
body.task-login #login-form:after { content:'MAIL · ACCÈS PRIVÉ STAFF'; display:block; text-align:center; color:var(--nh-orange); font-size:11px; letter-spacing:3px; font-weight:800; padding-top:15px; }
body.task-login #logo, body.task-login #login-form .logo, body.task-login #login-form img.logo { display:none !important; }
body.task-login .formbuttons, body.task-login .form-group { margin-top:14px; }
body.task-login #login-form .formcontent { background:transparent !important; }
body.task-login #login-form input { border-radius:8px !important; }
body.task-login #login-form button { border-radius:8px !important; }
/* Brand tag, avoids duplicating main logo */
#taskmenu:after { content:'NERTYHOST  /  MAIL'; display:block; font-size:8px; letter-spacing:.8px; color:#f49a23; text-align:center; padding:12px 1px; overflow-wrap:anywhere; }
@media (max-width: 767px) { body.task-login #login-form { margin:16px !important; padding:22px 16px !important; } #taskmenu:after { display:none; } }


/* ===== NERTYHOST MAIL - BRANDING V3 ===== */

/* Page de connexion : véritable logo */
body.task-login #login-form::before {
    content: "" !important;
    display: block !important;
    width: 210px !important;
    height: 80px !important;
    margin: 0 auto 15px !important;
    background: url('/plugins/nertyhost_ui/assets/nertyhost-logo.webp')
                center / contain no-repeat !important;
    font-size: 0 !important;
}

/* Barre latérale : remplacer l'icône Roundcube */
#taskmenu .special-buttons,
#taskmenu .logo {
    background-image: url('/plugins/nertyhost_ui/assets/nertyhost-logo.webp') !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
}

/* Signature de connexion */
body.task-login #login-form::after {
    content: "© 2026 NERTYHOST MAIL — Infrastructure privée NERTY.FR" !important;
    display: block !important;
    margin-top: 18px !important;
    padding-top: 14px !important;
    border-top: 1px solid #49301b !important;
    color: #b3a79a !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    letter-spacing: .3px !important;
    line-height: 1.6 !important;
}

/* Ajustement des icônes et accents */
#taskmenu a.selected,
#taskmenu a:hover {
    color: #ff9418 !important;
}

/* ===== NERTYHOST MAIL V8 - LOGOS ===== */

/* CONNEXION : logo horizontal */
body.task-login #login-form::before {
    content: "" !important;
    display: block !important;
    width: 260px !important;
    height: 85px !important;
    margin: 0 auto 18px !important;
    background:
      url('/plugins/nertyhost_ui/assets/nertyhost-horizontal.png')
      center / contain no-repeat !important;
    font-size: 0 !important;
}

/* MESSAGERIE : logo carré dans la barre latérale */
#taskmenu #logo,
#taskmenu img#logo,
#layout-menu #logo {
    content:
      url('/plugins/nertyhost_ui/assets/nertyhost-logo.webp') !important;
    display: block !important;
    width: 52px !important;
    height: 52px !important;
    object-fit: contain !important;
    margin: 3px auto !important;
}

/* Signature discrète en bas de la messagerie */
body.task-mail #layout-content::after {
    content: "© 2026 NERTYHOST MAIL · Infrastructure privée NERTY.FR";
    position: fixed;
    right: 20px;
    bottom: 12px;
    z-index: 2;
    color: #8b8177;
    font-size: 10px;
    letter-spacing: .4px;
    pointer-events: none;
}

@media (max-width: 768px) {
    body.task-login #login-form::before {
        width: 220px !important;
        height: 70px !important;
    }

    body.task-mail #layout-content::after {
        display: none !important;
    }
}