/* MX1Mail - Dark Roundcube Style */

:root {
    --mx-bg: #1f2a2d;
    --mx-bg2: #263235;
    --mx-bg3: #2f3b3e;
    --mx-border: #3b4a4e;
    --mx-text: #dbe4e6;
    --mx-muted: #9aa8ad;
    --mx-accent: #ff4f5e;
    --mx-green: #21c17a;
}

/* Genel */
html,
body {
    background: var(--mx-bg) !important;
    color: var(--mx-text) !important;
}

/* Üst bar */
#layout > .header,
#messagetoolbar,
.toolbar,
.header {
    background: #1c2629 !important;
    border-bottom: 1px solid var(--mx-border) !important;
    color: var(--mx-text) !important;
}

/* Sol ana menü */
#layout-menu,
#taskmenu {
    background: #202b2e !important;
    border-right: 1px solid var(--mx-border) !important;
}

/* Sol üst MX1 yazısı */
#layout-menu:before {
    content: "MX1";
    display: block;
    height: 64px;
    line-height: 64px;
    text-align: center;
    font-size: 20px;
    font-weight: 800;
    color: #ffffff;
    background: #1c2629;
    border-bottom: 1px solid var(--mx-border);
}

/* Sol ikon menü */
#taskmenu a,
#layout-menu a {
    color: #cbd5d8 !important;
    background: transparent !important;
}

#taskmenu a:hover,
#taskmenu a.selected,
#layout-menu a:hover,
#layout-menu a.selected {
    background: #2e3b3f !important;
    color: #ffffff !important;
}

/* Sol klasör alanı */
#layout-sidebar,
#mailboxlist,
#folderlist,
.treelist,
.uibox.listbox {
    background: #243033 !important;
    border-right: 1px solid var(--mx-border) !important;
    color: var(--mx-text) !important;
}

/* Klasör satırları */
.treelist li,
.treelist li a,
#mailboxlist li a {
    color: var(--mx-text) !important;
}

.treelist li.selected,
.treelist li.selected > a,
#mailboxlist li.selected > a {
    background: #334144 !important;
    color: #ffffff !important;
    border-radius: 8px !important;
}

/* Mail liste alanı */
#layout-list,
.messagelist,
.records-table,
#messagelist {
    background: #202b2e !important;
    color: var(--mx-text) !important;
    border-color: var(--mx-border) !important;
}

/* Mail satırları */
.messagelist tr,
.records-table tr,
.listing li {
    background: #202b2e !important;
    color: var(--mx-text) !important;
    border-bottom: 1px solid #334144 !important;
}

.messagelist tr:hover,
.records-table tr:hover,
.listing li:hover {
    background: #2a373a !important;
}

.messagelist tr.selected,
.records-table tr.selected,
.listing li.selected {
    background: #303f42 !important;
}

/* Okunmamış / vurgulu */
.messagelist tr.unread,
.records-table tr.unread {
    color: #ffffff !important;
    font-weight: 700 !important;
}

.messagelist tr.unread .subject,
.records-table tr.unread .subject {
    color: var(--mx-accent) !important;
}

/* Önizleme / mesaj alanı */
#layout-content,
#layout-preview,
#messagecontent,
#mailview-right,
#messagebody,
.iframe-wrapper,
.scroller,
.box,
.uibox {
    background: #202b2e !important;
    color: var(--mx-text) !important;
    border-color: var(--mx-border) !important;
}

/* Arama */
#quicksearchbox,
.searchbar,
input,
textarea,
select,
.form-control {
    background: #182124 !important;
    color: #ffffff !important;
    border: 1px solid #3b4a4e !important;
    border-radius: 8px !important;
}

input:focus,
textarea:focus,
select:focus {
    border-color: var(--mx-accent) !important;
    box-shadow: 0 0 0 2px rgba(255,79,94,.18) !important;
}

/* Butonlar */
button,
.button,
.btn,
input.button {
    background: #2e3b3f !important;
    color: #eaf2f4 !important;
    border: 1px solid #46565a !important;
    border-radius: 9px !important;
}

button:hover,
.button:hover,
.btn:hover,
input.button:hover {
    background: #39494d !important;
    color: #ffffff !important;
}

/* Compose butonu gibi önemli butonlar */
.button.compose,
a.compose,
#rcmbtn107 {
    background: #303c40 !important;
    color: #ffffff !important;
}

/* Sağ ikon bar varsa */
#layout-right,
#layout-sidebar-right,
#taskmenu .special-buttons {
    background: #202b2e !important;
    border-left: 1px solid var(--mx-border) !important;
}

/* Logo watermark daha soft */
.watermark,
#messagecontent .watermark {
    opacity: .10 !important;
    filter: grayscale(1) !important;
}

/* Roundcube izini azalt */
a[title*="Roundcube"],
a[href*="roundcube"],
.button-about,
.about {
    display: none !important;
}

/* Login */
.task-login,
body.task-login {
    background: radial-gradient(circle at top, #2f3b3e 0%, #182124 65%) !important;
}

.task-login #login-form {
    background: #202b2e !important;
    border: 1px solid var(--mx-border) !important;
    border-radius: 18px !important;
    box-shadow: 0 25px 80px rgba(0,0,0,.45) !important;
    padding: 30px !important;
}

/* Scrollbar */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: #182124;
}

::-webkit-scrollbar-thumb {
    background: #46565a;
    border-radius: 20px;
}

::-webkit-scrollbar-thumb:hover {
    background: #5c6d72;
}