/* Genoks brand overrides for Roundcube elastic skin
   Palette: #f07c01 primary  ·  #f37021 chevron  ·  #0a0a0a dark */

:root {
    --genoks-orange:    #f07c01;
    --genoks-orange-2:  #f37021;
    --genoks-orange-d:  #c66400;
    --genoks-dark:      #0a0a0a;
}

/* ========== LOGIN PAGE ========== */
body.task-login,
body.task-login #layout-content,
body.task-login #layout {
    background: linear-gradient(135deg, #0a0a0a 0%, #1f1f23 60%, #2a1a08 100%) !important;
}

body.task-login::before {
    content: "";
    position: fixed;
    inset: 0;
    background: url('../images/login-pattern.png') no-repeat center bottom;
    background-size: 110% auto;
    opacity: 0.18;
    pointer-events: none;
    z-index: 0;
    mix-blend-mode: screen;
}

body.task-login #layout-content > .formcontent,
body.task-login #login-form .formcontent {
    background: #ffffff;
    border-radius: 14px;
    box-shadow: 0 24px 60px rgba(0,0,0,0.55);
    padding: 32px 36px;
    position: relative;
    z-index: 1;
}

body.task-login img.logo,
body.task-login #login-form img.logo {
    max-width: 260px;
    width: 80%;
    height: auto;
    margin: 0 auto 22px;
    display: block;
}

body.task-login .button.mainaction,
body.task-login button.btn.btn-primary,
body.task-login button[type=submit].mainaction,
body.task-login button.button.mainaction {
    background-color: var(--genoks-orange) !important;
    border-color: var(--genoks-orange) !important;
    color: #fff !important;
    font-weight: 600;
    letter-spacing: 0.3px;
}
body.task-login .button.mainaction:hover,
body.task-login button.btn.btn-primary:hover,
body.task-login button.button.mainaction:hover {
    background-color: var(--genoks-orange-d) !important;
    border-color: var(--genoks-orange-d) !important;
}

body.task-login input[type=text]:focus,
body.task-login input[type=password]:focus {
    border-color: var(--genoks-orange) !important;
    box-shadow: 0 0 0 3px rgba(240, 124, 1, 0.18) !important;
}

/* ========== LANGUAGE CHIPS (TR / EN / ME) ========== */
.genoks-lang-chips {
    display: flex;
    gap: 8px;
    justify-content: center;
    margin: 0 0 18px;
}
.genoks-lang-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 46px;
    padding: 6px 14px;
    border: 2px solid rgba(0,0,0,0.10);
    border-radius: 999px;
    color: #555;
    font-weight: 700;
    font-size: 12.5px;
    letter-spacing: 0.5px;
    text-decoration: none !important;
    background: #fafafa;
    transition: all 0.15s ease;
    line-height: 1;
}
.genoks-lang-chip:hover {
    border-color: var(--genoks-orange);
    color: var(--genoks-orange);
    background: #fff;
}
.genoks-lang-chip.active {
    background: var(--genoks-orange);
    border-color: var(--genoks-orange);
    color: #fff;
    box-shadow: 0 4px 12px rgba(240, 124, 1, 0.35);
}

.genoks-support-link {
    text-align: center;
    margin: 0 0 18px;
}
.genoks-support-link a {
    display: inline-block;
    padding: 4px 14px;
    color: #888;
    font-size: 12.5px;
    text-decoration: none;
    border-bottom: 1px dashed transparent;
    transition: all 0.15s ease;
}
.genoks-support-link a:hover {
    color: var(--genoks-orange);
    border-bottom-color: var(--genoks-orange);
}

/* ========== POST-LOGIN APP ========== */
.skin-elastic a,
.skin-elastic .listing tbody tr.unread td .header,
.skin-elastic .menu li.selected > a {
    color: var(--genoks-orange);
}

.skin-elastic .button.primary,
.skin-elastic button.btn.btn-primary,
.skin-elastic .toolbar a.button.primary,
.skin-elastic input[type=submit].mainaction,
.skin-elastic button.mainaction {
    background-color: var(--genoks-orange);
    border-color: var(--genoks-orange);
    color: #fff;
}
.skin-elastic .button.primary:hover,
.skin-elastic button.btn.btn-primary:hover,
.skin-elastic .toolbar a.button.primary:hover,
.skin-elastic button.mainaction:hover {
    background-color: var(--genoks-orange-d);
    border-color: var(--genoks-orange-d);
}

/* Selected list rows */
.skin-elastic .listing tbody tr.selected td,
.skin-elastic .listing tbody tr.selected td a,
.skin-elastic .listbox li.selected > a {
    background-color: var(--genoks-orange) !important;
    color: #fff !important;
}

/* Top header accent */
.skin-elastic #layout-menu .menu-toolbar .button:focus,
.skin-elastic #taskmenu a.selected,
.skin-elastic #taskmenu a.selected:hover {
    color: var(--genoks-orange);
    border-bottom-color: var(--genoks-orange);
}

/* Sidebar logo sizing */
#layout-menu .logo,
.layout-sidebar .logo {
    max-height: 36px;
    width: auto;
    margin: 6px 8px;
}