/* Gyro Kurumsal Mail - Elastic uzerine marka renkleri (R2 2026-11-07)
   Lacivert #065174, turkuaz #128788, koyu #28303c */
:root { --gyro-lacivert:#065174; --gyro-turkuaz:#128788; --gyro-koyu:#28303c; }

/* Giris ekrani */
body.task-login { background: linear-gradient(135deg, #eef5f8 0%, #e6f3f3 100%); }
body.task-login #layout-content { background: transparent; }
body.task-login #login-form {
  background:#fff; border-radius:12px; padding:2rem 2rem 1.25rem;
  box-shadow:0 10px 30px rgba(6,81,116,.15); border-top:4px solid var(--gyro-turkuaz);
}
body.task-login #logo { max-width: 300px; max-height: 110px; margin-bottom: 1rem; }
body.task-login #login-form .formbuttons button,
body.task-login #login-form button.mainaction { background-color:var(--gyro-lacivert); border-color:var(--gyro-lacivert); }
body.task-login #login-form .formbuttons button:hover,
body.task-login #login-form button.mainaction:hover { background-color:var(--gyro-turkuaz); border-color:var(--gyro-turkuaz); }
#gyro-login-destek { margin-top:1.25rem; text-align:center; font-size:.85rem; color:var(--gyro-koyu); }
#gyro-login-destek a { color:var(--gyro-turkuaz); font-weight:600; }
body.task-login #login-footer { color:#5b6b78; }
body.task-login #login-footer a { color:var(--gyro-lacivert); }

/* Genel */
a, .link, a.link { color: var(--gyro-lacivert); }
.btn-primary, .btn.mainaction, button.mainaction, .ui-dialog .btn.mainaction, .formbuttons .btn.mainaction {
  background-color: var(--gyro-lacivert) !important; border-color: var(--gyro-lacivert) !important; color:#fff !important;
}
.btn-primary:hover, .btn.mainaction:hover, button.mainaction:hover {
  background-color: var(--gyro-turkuaz) !important; border-color: var(--gyro-turkuaz) !important;
}
#layout-menu { background-color: var(--gyro-koyu); }
#layout-menu .menu a, #layout-menu .special-buttons a { color:#d8e3ea; }
#layout-menu .menu a.selected, #layout-menu .menu a:hover, #layout-menu .special-buttons a:hover {
  color:#fff; background-color: var(--gyro-turkuaz);
}
#layout-menu #logo { padding:.5rem; }
.listing li.selected, table.records-table tr.selected td, .listing li.selected > a { background-color:#e3f2f2 !important; color: var(--gyro-koyu) !important; }
table.records-table tr.selected td a { color: var(--gyro-koyu) !important; }
.badge, .unreadcount, .listing li .unreadcount { background-color: var(--gyro-turkuaz) !important; }
.header .searchbar, .header .button.active, .toolbar a.button:hover { color: var(--gyro-lacivert); }
input:focus, select:focus, textarea:focus, .form-control:focus { border-color: var(--gyro-turkuaz) !important; box-shadow: 0 0 0 .2rem rgba(18,135,136,.25) !important; }
.custom-switch .custom-control-input:checked ~ .custom-control-label::before,
.custom-control-input:checked ~ .custom-control-label::before { background-color: var(--gyro-turkuaz); border-color: var(--gyro-turkuaz); }
html.dark-mode #layout-menu { background-color: #1b2129; }