/* VPNews Mail - Custom Roundcube Theme */
/* Navy: #1B1F3B | Gold: #C5A55A */

/* Login page */
#layout-content.no-navbar {
    background: #1B1F3B !important;
}

#login-form {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 4px 30px rgba(0,0,0,0.25);
    padding: 2.5rem 2rem 2rem !important;
    max-width: 380px;
    margin: 0 auto;
}

#login-form .propform > table {
    margin-bottom: 0;
}

#login-form .form-control {
    border-radius: 8px !important;
    border-color: #e2e8f0 !important;
    height: 44px !important;
    font-size: 14px;
}

#login-form .form-control:focus {
    border-color: #C5A55A !important;
    box-shadow: 0 0 0 3px rgba(197, 165, 90, 0.15) !important;
}

#login-form .button.submit,
#login-form input[type="submit"],
#login-form .btn-primary,
#rcmloginsubmit {
    background: #C5A55A !important;
    border-color: #C5A55A !important;
    color: #1B1F3B !important;
    font-weight: 600 !important;
    border-radius: 8px !important;
    height: 44px !important;
    text-transform: none !important;
    font-size: 14px !important;
    letter-spacing: 0 !important;
}

#rcmloginsubmit:hover,
#login-form .button.submit:hover {
    background: #b39449 !important;
    border-color: #b39449 !important;
}

/* Logo */
#logo {
    display: none;
}

/* Add custom logo text via CSS */
#layout-content.no-navbar::before {
    content: "";
    display: block;
    width: 56px;
    height: 56px;
    background: #C5A55A;
    border-radius: 16px;
    margin: 2rem auto 1rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns=http://www.w3.org/2000/svg fill=none viewBox=0 0 24 24 stroke-width=1.5 stroke=%231B1F3B%3E%3Cpath stroke-linecap=round stroke-linejoin=round d=M21.75 6.75v10.5a2.25 2.25 0 01-2.25 2.25h-15a2.25 2.25 0 01-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0019.5 4.5h-15a2.25 2.25 0 00-2.25 2.25m19.5 0v.243a2.25 2.25 0 01-1.07 1.916l-7.5 4.615a2.25 2.25 0 01-2.36 0L3.32 8.91a2.25 2.25 0 01-1.07-1.916V6.75/%3E%3C/svg%3E");
    background-size: 28px;
    background-repeat: no-repeat;
    background-position: center;
}

#layout-content.no-navbar > h1.voice + #login-form::before {
    content: "VPNews Mail";
    display: block;
    text-align: center;
    font-size: 1.5rem;
    font-weight: 700;
    color: #1B1F3B;
    margin-bottom: 0.25rem;
}

#layout-content.no-navbar > h1.voice + #login-form::after {
    content: "Sign in to your mailbox";
    display: block;
    text-align: center;
    font-size: 0.85rem;
    color: #7b7f9e;
    margin-bottom: 1.5rem;
}

/* Login footer */
#login-footer {
    color: #7b7f9e !important;
    margin-top: 1.5rem;
    font-size: 0.75rem;
}

/* Main app header/toolbar */
#layout-menu,
.header.toolbar,
#taskmenu {
    background: #1B1F3B !important;
}

#layout-menu a,
#taskmenu a {
    color: #c8cbd8 !important;
}

#layout-menu a:hover,
#layout-menu a.selected,
#taskmenu a:hover,
#taskmenu a.selected {
    color: #C5A55A !important;
    background: rgba(197, 165, 90, 0.1) !important;
}

/* Sidebar */
#layout-sidebar {
    border-color: #e8e8ee !important;
}

/* Folder list active */
#mailboxlist li.selected > a,
#mailboxlist li a.focused {
    background: rgba(197, 165, 90, 0.1) !important;
    color: #1B1F3B !important;
    border-left: 3px solid #C5A55A !important;
}

/* Buttons throughout the app */
.btn-primary,
a.btn-primary,
button.btn-primary {
    background: #C5A55A !important;
    border-color: #C5A55A !important;
    color: #1B1F3B !important;
}

.btn-primary:hover {
    background: #b39449 !important;
    border-color: #b39449 !important;
}

/* Links */
a {
    color: #C5A55A;
}

a:hover {
    color: #b39449;
}

/* Toolbar icons selected state */
.toolbar a.selected::before,
.toolbar a:hover::before {
    color: #C5A55A !important;
}

/* Message list selected */
#messagelist tr.selected td,
.listing tr.selected td {
    background: rgba(197, 165, 90, 0.12) !important;
}

/* Compose button */
a.compose::before {
    color: #C5A55A !important;
}

/* Scrollbar */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #f1f1f1; }
::-webkit-scrollbar-thumb { background: #C5A55A; border-radius: 3px; }

/* Checkbox/radio accent */
input[type="checkbox"]:checked {
    accent-color: #C5A55A;
}

/* Search input */
.searchbar input {
    border-radius: 8px !important;
}

.searchbar input:focus {
    border-color: #C5A55A !important;
    box-shadow: 0 0 0 2px rgba(197, 165, 90, 0.15) !important;
}

/* Responsive nav button */
a.button.menu,
.back-sidebar-button,
.back-list-button {
    color: #C5A55A !important;
}

/* Product name in login footer */
.noscriptwarning {
    color: #fff !important;
}