/* KITSCH Mail: Elastic görünümünün üstüne marka dili. Koyu zemin, asit yeşili vurgu, sert köşeler. */
@font-face { font-family: 'Space Grotesk'; font-weight: 400; src: url(fonts/space-grotesk-latin-400-normal.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+2000-206F, U+20AC; }
@font-face { font-family: 'Space Grotesk'; font-weight: 400; src: url(fonts/space-grotesk-latin-ext-400-normal.woff2) format('woff2'); unicode-range: U+0100-02AF, U+1E00-1EFF; }
@font-face { font-family: 'Space Grotesk'; font-weight: 700; src: url(fonts/space-grotesk-latin-700-normal.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+2000-206F, U+20AC; }
@font-face { font-family: 'Space Grotesk'; font-weight: 700; src: url(fonts/space-grotesk-latin-ext-700-normal.woff2) format('woff2'); unicode-range: U+0100-02AF, U+1E00-1EFF; }
@font-face { font-family: 'Archivo Black'; src: url(fonts/archivo-black-latin-400-normal.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+2000-206F; }
@font-face { font-family: 'Archivo Black'; src: url(fonts/archivo-black-latin-ext-400-normal.woff2) format('woff2'); unicode-range: U+0100-02AF; }
@font-face { font-family: 'Space Mono'; src: url(fonts/space-mono-latin-400-normal.woff2) format('woff2'); }

html, body, .popupmenu, input, select, textarea, button, .form-control { font-family: 'Space Grotesk', system-ui, sans-serif !important; }

/* Zemin ve yüzeyler */
html body, #layout, #layout-content, #layout-list, #layout-sidebar, .content, .frame-content, .formcontent, body.iframe, .ui-dialog, .popupmenu, .header, .footer, .menu.toolbar {
  background-color: #0a0a0a !important; color: #f2efe6 !important;
}
#layout-sidebar, #layout-list { border-right: 2px solid #2c2c2c !important; }
.header, #layout-list .header, #layout-content .header, #layout-sidebar .header { border-bottom: 2px solid #2c2c2c !important; }
.header .header-title, .header-title { font-family: 'Archivo Black', sans-serif !important; text-transform: uppercase; letter-spacing: -.01em; color: #f2efe6 !important; }
a, a:visited, .menu a, .listing a { color: #f2efe6; }
a:hover { color: #d4ff00 !important; }

/* Sol menü */
#layout-menu { background: #0a0a0a !important; border-right: 2px solid #f2efe6 !important; }
#layout-menu .menu a, #layout-menu .special-buttons a { color: #9a978f !important; font-family: 'Space Mono', monospace !important; font-size: .68rem !important; text-transform: uppercase; letter-spacing: .06em; }
#layout-menu .menu a.selected, #layout-menu .menu a:hover { color: #0a0a0a !important; background: #d4ff00 !important; }
#layout-menu .popover-header, #layout-menu #logo { background: transparent !important; }
#logo { filter: none; }

/* Listeler */
.listing li, .listing tr, table.records-table tr { border-color: #1c1c1c !important; color: #e8e5dc !important; }
.listing li.selected, .listing li.selected > a, .listing tr.selected td, table.records-table tr.selected td, .listing li.focused, .listing tr.focused td {
  background: #d4ff00 !important; color: #0a0a0a !important;
}
.listing li.selected a, .listing tr.selected td a, .listing tr.selected .subject a { color: #0a0a0a !important; }
.messagelist tr.unread td.subject a, .messagelist tr.unread .subject span { color: #fff !important; font-weight: 700; }
.messagelist tr.unread td.subject a::before { content: '■ '; color: #ff2e63; font-size: .7em; }
.listing li.mailbox .unreadcount, .unreadcount { background: #ff2e63 !important; color: #0a0a0a !important; border-radius: 0 !important; font-family: 'Space Mono', monospace !important; }
.listing li.mailbox.selected .unreadcount { background: #0a0a0a !important; color: #d4ff00 !important; }

/* Düğmeler */
.btn, .button, button, input[type=button], input[type=submit] { border-radius: 0 !important; }
.btn-primary, button.mainaction, input.mainaction, .formbuttons button.mainaction, #rcmloginsubmit, .btn.mainaction {
  background: #d4ff00 !important; color: #0a0a0a !important; border: 2px solid #d4ff00 !important;
  font-family: 'Space Mono', monospace !important; font-weight: 700 !important; text-transform: uppercase; letter-spacing: .06em;
  box-shadow: 4px 4px 0 #ff2e63 !important;
}
.btn-primary:hover, button.mainaction:hover, #rcmloginsubmit:hover { transform: translate(-2px, -2px); box-shadow: 6px 6px 0 #ff2e63 !important; }
.btn-secondary, .btn-default { background: transparent !important; color: #f2efe6 !important; border: 2px solid #2c2c2c !important; }
.toolbar a.button, .toolbar .button { color: #f2efe6 !important; }
.toolbar a.button:hover:not(.disabled) { color: #d4ff00 !important; }

/* Form alanları */
.form-control, input[type=text], input[type=password], input[type=email], select, textarea, .input-group-text, .recipient-input {
  background: #141414 !important; color: #f2efe6 !important; border: 2px solid #2c2c2c !important; border-radius: 0 !important;
}
.form-control:focus, input:focus, textarea:focus, select:focus { border-color: #d4ff00 !important; box-shadow: none !important; outline: none !important; }
.custom-switch .custom-control-input:checked ~ .custom-control-label::before, input.custom-control-input:checked ~ .custom-control-label::before { background: #d4ff00 !important; border-color: #d4ff00 !important; }

/* Açılır menü ve pencereler */
.popupmenu, .popover, .ui-dialog, .ui-dialog-titlebar { border: 2px solid #f2efe6 !important; border-radius: 0 !important; box-shadow: 8px 8px 0 #d4ff00 !important; }
.popover-header, .ui-dialog-titlebar { background: #141414 !important; color: #f2efe6 !important; }
.popupmenu a.active:hover, .popupmenu li a:hover { background: #d4ff00 !important; color: #0a0a0a !important; }

/* İleti görünümü: içerik okunaklı kalsın diye açık zemin */
#messagebody, .message-htmlpart, .message-partheaders, #message-content .header { color: #f2efe6; }
.message-htmlpart { background: #f6f4ee !important; color: #111 !important; padding: 16px; }
.message-htmlpart a { color: #1a46ff !important; }

/* Giriş ekranı: afiş gibi */
body.task-login { background: #0a0a0a !important; }
body.task-login #layout-content { background: transparent !important; }
body.task-login #login-form { background: #141414 !important; border: 3px solid #f2efe6; box-shadow: 10px 10px 0 #d4ff00; padding: 28px 24px !important; max-width: 420px; margin: 0 auto; }
body.task-login #logo { max-width: 240px !important; max-height: 60px !important; margin-bottom: 18px; }
body.task-login #login-form::before { content: 'KITSCH MAIL'; display: block; font: 2rem 'Archivo Black', sans-serif; letter-spacing: -.02em; color: #f2efe6; margin-bottom: 6px; }
body.task-login #login-form::after { content: 'Ekip ve mekan postası · kitschcommunity.com'; display: block; margin-top: 14px; font: .66rem 'Space Mono', monospace; text-transform: uppercase; letter-spacing: .1em; color: #9a978f; }
body.task-login #login-footer, body.task-login .formbuttons + .supportlink { color: #9a978f !important; font-family: 'Space Mono', monospace !important; font-size: .7rem; }
body.task-login::before { content: ''; position: fixed; inset: 0 0 auto 0; height: 26px; background: repeating-linear-gradient(90deg, #d4ff00 0 140px, #0a0a0a 140px 150px); z-index: 0; }

/* Okunurluk: araç çubuğu, klasörler, arama, devre dışı düğmeler */
.toolbar a, .toolbar .button, .toolbar a.button, .header .toolbar a, #layout-menu .menu a .inner, .menu a span.inner { color: #f2efe6 !important; opacity: 1; }
.toolbar a.disabled, .toolbar .button.disabled, .toolbar a.button.disabled, .menu a.disabled { color: #8d8a82 !important; opacity: 1 !important; }
.toolbar a.button:hover:not(.disabled), .toolbar a:hover:not(.disabled) { color: #d4ff00 !important; }
#layout-menu .menu a { color: #cfcbc1 !important; }
#folderlist-content li a, .treelist li a, #mailboxlist li a, ul.treelist li > a, .listing.treelist li a { color: #f2efe6 !important; background: transparent !important; }
#folderlist-content li a::before, .treelist li a::before, #mailboxlist li a::before { color: #d4ff00 !important; }
#mailboxlist li.selected > a, .treelist li.selected > a, #folderlist-content li.selected > a { background: #d4ff00 !important; color: #0a0a0a !important; }
#mailboxlist li.selected > a::before, .treelist li.selected > a::before { color: #0a0a0a !important; }
#mailboxlist li a:hover, .treelist li a:hover { background: #1c1c1c !important; }
.treelist div.treetoggle { color: #9a978f !important; }
.searchbar, .searchbar input, #mailsearchlist input, .header .searchbar input, input[type=search], .searchbar .input-group { background: #141414 !important; color: #f2efe6 !important; border-color: #2c2c2c !important; }
.searchbar a.button, .searchbar .options, .searchbar a.unread, #mailsearchlist a { color: #f2efe6 !important; background: #141414 !important; }
.searchbar input::placeholder, input::placeholder, textarea::placeholder { color: #8d8a82 !important; }
.pagenav, .pagenav a, .footer .countdisplay, .listing-info, .boxinformation, .hint, .voice { color: #cfcbc1 !important; }
.pagenav a.button.disabled { color: #4a4844 !important; }
.header-title.username { color: #d4ff00 !important; }
.messagelist td, .messagelist span, .messagelist .fromto, .messagelist .date, .messagelist .size { color: #d6d3ca !important; }