/* VincentBorgers.nl webmail-huisstijl — zoals de site: donker (#1a1a1b) met
   noise-textuur en limegroen accent (#d0ff71) */

/* Login: donkere achtergrond met noise-textuur (zoals vincentborgers.nl) */
html body.task-login,
html body.task-login #layout {
    background: #1a1a1b url("noise.gif") repeat !important;
}
html body.task-login #layout-content {
    background: rgba(12, 12, 13, 0.55) !important;
}

/* Login-kaart */
.task-login #login-form {
    background: rgba(17, 17, 19, 0.95) !important;
    border: 1px solid #5c5c5c;
    border-radius: 14px;
    padding: 2rem 2.25rem;
    max-width: 26rem;
    margin: 8vh auto auto;
    box-shadow: 0 10px 44px rgba(0, 0, 0, 0.6);
}
.task-login #login-form label,
.task-login #login-footer,
.task-login #layout-content .footer {
    color: #b5b5b5 !important;
}

/* Logo netjes op maat */
.task-login #logo {
    width: auto !important;
    height: auto !important;
    max-width: min(200px, 60%) !important;
    max-height: 120px !important;
    object-fit: contain;
    margin: 0 auto 1rem;
    display: block;
}

/* Limegroene actieknop (accent van de site) */
.task-login button.mainaction {
    background: #d0ff71 !important;
    border-color: #d0ff71 !important;
    color: #303030 !important;
    font-weight: 600;
}
.task-login button.mainaction:hover,
.task-login button.mainaction:focus {
    background: #e2ff9b !important;
    border-color: #e2ff9b !important;
    color: #303030 !important;
}

/* ===== Huisstijl door de hele webmail ===== */

/* Zijbalk in site-zwart met lime accenten */
html body #layout-menu,
html body #taskmenu {
    background-color: #111113 !important;
}
#taskmenu a.selected,
#taskmenu a:hover,
#layout-menu .menu a.selected,
#layout-menu .special-buttons a.selected {
    color: #d0ff71 !important;
}

/* Primaire knoppen */
html body button.mainaction,
html body .btn-primary {
    background-color: #d0ff71 !important;
    border-color: #d0ff71 !important;
    color: #303030 !important;
}
html body button.mainaction:hover,
html body .btn-primary:hover,
html body button.mainaction:focus,
html body .btn-primary:focus {
    background-color: #e2ff9b !important;
    border-color: #e2ff9b !important;
    color: #303030 !important;
}

/* Links (mailinhoud zelf blijft onaangetast, die zit in een iframe) */
#layout-content a:not(.btn),
#layout-sidebar a:not(.btn) {
    color: #86a83e;
}
#layout-content a:not(.btn):hover,
#layout-sidebar a:not(.btn):hover {
    color: #6d8c2e;
}

/* Geselecteerde regels met lime-tint */
.listing li.selected > a,
.listing tr.selected td,
#messagelist tr.selected td {
    background-color: rgba(208, 255, 113, 0.14) !important;
}

/* Focusranden op invoervelden */
html body .form-control:focus,
html body input:focus,
html body select:focus,
html body textarea:focus {
    border-color: #d0ff71 !important;
    box-shadow: 0 0 0 0.2rem rgba(208, 255, 113, 0.25) !important;
}