/*
 * DOS – Tenant temasi (login + dashboard + tum app)
 *
 * style-red.css'teki tum kirmizi (#9E0000, #E43927, #FF6656) kullanimlari
 * tenant'in --brand-primary renginden beslenir. Bu dosya style-red.css'TEN
 * SONRA yuklenmelidir (master layoutlarda zaten oyle).
 */

:root {
    --brand-primary: #c0392b;
    --brand-primary-hover: #a93226;
    --brand-accent:  #e74c3c;
}

.theme-default {
    --brand-primary: #c0392b;
    --brand-primary-hover: #a93226;
    --brand-accent:  #e74c3c;
}

.theme-alc {
    --brand-primary: #c0392b;
    --brand-primary-hover: #a93226;
    --brand-accent:  #e74c3c;
}

.theme-musteri2 {
    --brand-primary: #16a085;
    --brand-primary-hover: #117a65;
    --brand-accent:  #1abc9c;
}

/* ATC Yazilim — dos.atcyazilim.com */
.theme-atc {
    --brand-primary: #1f4e79;
    --brand-primary-hover: #163a5a;
    --brand-accent:  #2e86c1;
}

/* ===========================================================
 * GLOBAL — Tum sayfalar (dashboard, admin, raporlar dahil)
 * style-red.css selektorlerini ezer.
 * =========================================================== */

/* Ust navbar (header) */
.navbar {
    background-color: var(--brand-primary) !important;
}
.bg-primary {
    background-color: var(--brand-primary) !important;
}

/* Sol menu opener */
.opener-left-menu {
    background-color: var(--brand-primary) !important;
    box-shadow:
        0 9px 0 0 var(--brand-primary),
        0 -9px 0 0 var(--brand-primary),
        4px 0 15px -4px rgba(0, 0, 0, 0.16),
        -4px 0 15px -4px rgba(0, 0, 0, 0.12) !important;
}

/* Primary butonlar / label / alert / badge */
.btn-primary,
.label-primary,
.alert-primary,
.badge-primary {
    background-color: var(--brand-primary) !important;
    border-color: var(--brand-primary) !important;
    color: #fff !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
    background-color: var(--brand-primary-hover) !important;
    border-color: var(--brand-primary-hover) !important;
    color: #fff !important;
}
.btn-primary .fa,
.btn-primary .glyphicon,
.btn-primary .material-icons,
.btn-primary span {
    color: #fff !important;
}

/* Linkler */
a {
    color: var(--brand-primary);
}
a:hover,
a:focus {
    color: var(--brand-primary-hover);
}

/* Pagination */
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
    background-color: var(--brand-primary);
    border-color: var(--brand-primary);
    color: #ffffff;
}

/* DateTimePicker (dtp) */
.dtp div.dtp-date,
.dtp div.dtp-time {
    background: var(--brand-primary);
}
.dtp > .dtp-content > .dtp-date-view > header.dtp-header {
    background: var(--brand-primary-hover);
}
.dtp table.dtp-picker-days tr > td > a.selected {
    background: var(--brand-primary);
}

/* Select2 highlight */
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--brand-primary);
}

/* Dashboard hexagon item (style-red'deki PNG arka plani yerine) */
.dashboard-item {
    background-image: none !important;
    background-color: var(--brand-primary) !important;
    -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
}
.dashboard-item.dashboard-item--gri {
    background-color: #7f8c8d !important;
}
.dashboard-item a,
.dashboard-item span,
.dashboard-item p {
    color: #ffffff !important;
}

/* btn-3d ve btn-raised primary box-shadow ezme (style-red'deki #650202) */
.btn-3d.btn-primary,
.label-3d.label-primary,
.alert-3d.alert-primary {
    box-shadow:
        inset 0 0 0 var(--brand-primary-hover),
        0 5px 0 0 var(--brand-primary-hover),
        0 10px 5px #999 !important;
}
.btn-raised.btn-primary,
.label-raised.label-primary,
.alert-raised.alert-primary {
    box-shadow: 0 3px 0 0 var(--brand-primary-hover) !important;
}

/* Bootstrap "danger" sınıfları (Yenile butonu, card şeritleri, badge'ler) */
.btn-danger,
.label-danger,
.alert-danger,
.badge-danger {
    background-color: var(--brand-primary) !important;
    border-color: var(--brand-primary) !important;
    color: #ffffff !important;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active {
    background-color: var(--brand-primary-hover) !important;
    border-color: var(--brand-primary-hover) !important;
}
.btn-outline.btn-danger,
.label-outline.label-danger,
.alert-outline.alert-danger {
    border: 1px solid var(--brand-primary) !important;
    background: none !important;
    color: var(--brand-primary) !important;
}

.text-danger {
    color: var(--brand-primary) !important;
}
.bg-danger {
    background-color: var(--brand-primary) !important;
}

/* Panel-danger ve alert-border (card sol/üst kenarlık şeritleri) */
.panel-danger {
    border-color: var(--brand-primary) !important;
}
.panel-danger > .panel-heading,
.panel-danger .panel-heading {
    background-color: var(--brand-primary) !important;
    border-color: var(--brand-primary) !important;
    color: #ffffff !important;
}
.progress-bar.progress-bar-danger {
    background-color: var(--brand-primary) !important;
}
.alert.alert-danger.alert-border {
    border-left-color: var(--brand-primary) !important;
}

/* Mini timeline / iconic timeline danger varyantı (kart yan çizgileri, ikon arka planı) */
.mini-timeline .mini-timeline-danger {
    border-left-color: var(--brand-primary) !important;
}
.mini-timeline .mini-timeline-danger:before {
    border-color: var(--brand-primary) !important;
}
.iconic-timeline .icon-danger {
    background-color: var(--brand-primary) !important;
}

/* Box-v4 card başlık vurgu çizgisi (eğer style override edilmişse) */
.box-v4 > .panel-heading,
.box-v4 .panel-heading {
    border-bottom: 2px solid var(--brand-primary) !important;
}

/* Panel başlık varsayılan ikonları (Pano, Dosyalar, Talep/Süreç vb. başlık fa ikonları) */
.panel-heading .fa,
.panel-heading [class^="icon-"],
.panel-heading [class*=" icon-"] {
    color: var(--brand-primary);
}

/* Üst navbar (header) içindeki yazı + ikonlar — tenant rengi koyu olabileceği için beyaz */
.navbar,
.navbar a,
.navbar .nav > li > a,
.navbar-nav > li > a,
.navbar .navbar-text,
.navbar .navbar-icon,
.navbar .search input,
.navbar .search input::placeholder {
    color: #ffffff !important;
}
.navbar .nav > li > a:hover,
.navbar .nav > li > a:focus,
.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus {
    color: rgba(255, 255, 255, 0.85) !important;
}
.navbar .fa,
.navbar [class^="icon-"],
.navbar [class*=" icon-"] {
    color: #ffffff;
}

/* Form-control focus rengi (Bootstrap default mavi yerine tenant) */
.form-control:focus {
    border-color: var(--brand-primary) !important;
    box-shadow: 0 0 0 0.2rem rgba(31, 78, 121, 0.15);
}

/* Pace.js sağ üst köşe loader üçgeni (#9e0000 hardcoded) */
.pace .pace-activity {
    background: var(--brand-primary) !important;
}

/* Dosya detay sayfası "Fotoğraf" round-tab (sadece bu sekme #f1685e kırmızıydı,
   diğer sekmeler semantic renkleri korur: yeşil/sarı/mavi/gri) */
.nav-tabs.nav-tabs-v5 span.round-tabs.four,
.nav-tabs.nav-tabs-v5 li.active span.round-tabs.four {
    color: var(--brand-primary);
    border-color: var(--brand-primary);
}

/* Dashboard Pano başlık satırı ikonu (style="" inline color yok ama
   render edildiğinde inherit/kırmızı çıkıyor — explicit tema) */
#dashboard-main-content h2 > .fa,
#dashboard-main-content h2 > [class^="fa"],
.row > .col-md-12 > div > h2 > .fa {
    color: var(--brand-primary);
}

/* ===========================================================
 * LOGIN sayfasi (entry/master)
 * Tum bg + panel + butonlar tenant renginden beslenir.
 * =========================================================== */

body.form-signin-wrapper {
    background: var(--brand-primary) !important;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    font-family: 'Source Sans Pro', 'Segoe UI', Arial, sans-serif;
    color: #ffffff;
}

body.form-signin-wrapper .container {
    flex: 1 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 15px;
}

body.form-signin-wrapper .form-signin {
    width: 100%;
    max-width: 460px;
    margin: 0 auto;
}

body.form-signin-wrapper .panel.periodic-login,
body.form-signin-wrapper .form-signin .panel {
    /* fallback: koyu saydam katman (color-mix desteklemeyen tarayıcılar) */
    background: rgba(0, 0, 0, 0.22) !important;
    /* modern: theme primary'nin koyu tonunun saydamı -> arka fondan ayırt edilir */
    background: color-mix(in srgb, var(--brand-primary-hover) 78%, transparent) !important;
    border: 1px solid rgba(255, 255, 255, 0.28);
    border-radius: 14px;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.28);
    padding: 36px 36px 24px;
    color: #ffffff;
    overflow: visible;
}

body.form-signin-wrapper .panel.periodic-login .panel-body {
    padding: 0 !important;
    color: #ffffff;
}

body.form-signin-wrapper .panel.periodic-login .atomic-number {
    position: absolute;
    top: 14px;
    right: 18px;
    font-size: 11px;
    color: rgba(255, 255, 255, 0.7);
    letter-spacing: 0.5px;
}

body.form-signin-wrapper .panel.periodic-login .atomic-symbol img {
    max-height: 84px;
    margin-top: 6px;
}

/* DOS logo (inline SVG) — geometrik temiz versiyon:
   - .logo-frame  -> hex petekler + harf içi cutout boşluklar (tenant brand-primary)
   - .logo-letter -> D/O/S harf gövdesi (beyaz)
   - SVG canvas tamamen şeffaf */

/* Genel (tüm contextlerde) renk kuralı */
.dos-logo-svg .logo-frame {
    fill: var(--brand-primary);
}
.dos-logo-svg .logo-letter {
    fill: #ffffff;
}

/* Login (entry layout) — büyük boyut (2x) */
body.form-signin-wrapper .panel.periodic-login .atomic-symbol .dos-logo-svg {
    height: 200px;
    width: auto;
    max-width: 100%;
    margin-top: 6px;
}

/* Navbar (üst header) — kompakt boyut (2x) */
.navbar .navbar-brand-svg {
    display: inline-flex;
    align-items: center;
    padding: 4px 12px;
    height: auto;
}
.navbar .navbar-brand-svg .dos-logo-svg {
    height: 76px;
    width: auto;
    display: block;
}

body.form-signin-wrapper .panel.periodic-login .atomic-mass,
body.form-signin-wrapper .panel.periodic-login .element-name {
    color: rgba(255, 255, 255, 0.9);
}

body.form-signin-wrapper .panel.periodic-login .element-name {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 13px;
    margin-bottom: 18px;
}

body.form-signin-wrapper .panel.periodic-login .icons.icon-arrow-down {
    color: #ffffff;
    font-size: 18px;
    opacity: 0.85;
}

body.form-signin-wrapper .panel.periodic-login .form-animate-text {
    margin-top: 28px !important;
    text-align: left;
}

body.form-signin-wrapper .panel.periodic-login .form-text {
    width: 100%;
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.35);
    border-radius: 8px;
    padding: 14px 14px;
    font-size: 15px;
    color: #ffffff;
    outline: none;
    box-shadow: none;
    transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

body.form-signin-wrapper .panel.periodic-login .form-text:focus {
    border-color: #ffffff;
    background: rgba(255, 255, 255, 0.20);
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.15);
}

/* Chrome/Safari autofill: keep the same box instead of the lavender highlight */
body.form-signin-wrapper .panel.periodic-login .form-text:-webkit-autofill,
body.form-signin-wrapper .panel.periodic-login .form-text:-webkit-autofill:hover,
body.form-signin-wrapper .panel.periodic-login .form-text:-webkit-autofill:focus {
    -webkit-text-fill-color: #ffffff;
    caret-color: #ffffff;
    -webkit-box-shadow: 0 0 0 1000px rgba(255, 255, 255, 0.12) inset;
    box-shadow: 0 0 0 1000px rgba(255, 255, 255, 0.12) inset;
    transition: background-color 9999s ease-in-out 0s;
}

body.form-signin-wrapper .panel.periodic-login .form-animate-text label {
    color: rgba(255, 255, 255, 0.85) !important;
    font-weight: 400;
    font-size: 14px;
    left: 15px;
    top: 14px;
}

/* Floating label sits above the box when focused or filled */
body.form-signin-wrapper .panel.periodic-login .form-animate-text .form-text:focus ~ label,
body.form-signin-wrapper .panel.periodic-login .form-animate-text .form-text:valid ~ label {
    top: -22px;
    left: 4px;
    font-size: 13px;
    color: rgba(255, 255, 255, 0.90) !important;
}

/* Box highlight replaces the underline bar animation in this theme */
body.form-signin-wrapper .panel.periodic-login .form-animate-text .bar:before,
body.form-signin-wrapper .panel.periodic-login .form-animate-text .bar:after {
    display: none;
}

body.form-signin-wrapper .panel.periodic-login .form-animate-text.has-error .form-text {
    border-color: #ffd1d1;
}

body.form-signin-wrapper .panel.periodic-login .form-animate-text.has-error .help-block {
    color: #ffd1d1;
    font-size: 12px;
    margin-top: 4px;
}

body.form-signin-wrapper .panel.periodic-login label.pull-left {
    margin-top: 22px;
    margin-bottom: 18px;
    font-size: 13px;
    color: rgba(255, 255, 255, 0.9);
    font-weight: 400;
}

body.form-signin-wrapper .panel.periodic-login input[type="submit"].btn,
body.form-signin-wrapper .form-signin .btn {
    width: 100%;
    margin-top: 10px;
    padding: 12px 16px;
    background-color: #ffffff !important;
    border: 0 !important;
    border-radius: 8px;
    color: var(--brand-primary) !important;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    transition: background-color 0.2s ease, transform 0.1s ease, color 0.2s ease;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.15);
}

body.form-signin-wrapper .panel.periodic-login input[type="submit"].btn:hover,
body.form-signin-wrapper .panel.periodic-login input[type="submit"].btn:focus,
body.form-signin-wrapper .form-signin .btn:hover,
body.form-signin-wrapper .form-signin .btn:focus {
    background-color: rgba(255, 255, 255, 0.92) !important;
    color: var(--brand-primary-hover) !important;
}

body.form-signin-wrapper .panel.periodic-login input[type="submit"].btn:active {
    transform: translateY(1px);
}

body.form-signin-wrapper .panel.periodic-login + .text-center,
body.form-signin-wrapper .panel.periodic-login .text-center {
    padding: 14px 0 0 !important;
}

body.form-signin-wrapper .panel.periodic-login a,
body.form-signin-wrapper .form-signin a {
    color: #ffffff !important;
    font-size: 13px;
    text-decoration: none;
    font-weight: 600;
}

body.form-signin-wrapper .panel.periodic-login a:hover {
    text-decoration: underline;
    opacity: 0.9;
}

body.form-signin-wrapper .language-bar {
    padding: 16px 0 8px;
}
body.form-signin-wrapper .language-bar a {
    display: inline-block;
    margin: 0 6px;
    opacity: 0.85;
    transition: opacity 0.2s ease, transform 0.2s ease;
}
body.form-signin-wrapper .language-bar a:hover {
    opacity: 1;
    transform: translateY(-1px);
}

body.form-signin-wrapper .entry-footer {
    flex-shrink: 0;
    padding: 14px 15px 22px;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
}
body.form-signin-wrapper .entry-footer a {
    color: #ffffff;
    text-decoration: none;
    font-weight: 700;
}
body.form-signin-wrapper .entry-footer a:hover {
    text-decoration: underline;
}

/* Kullanici dropdown'undaki kucuk ikon butonlari (bildirim, kilit, cikis ve dil
   bayraklari satiri). Varsayilan #ddd beyaz zeminde kayboluyordu; tenant primary
   rengiyle gorunur hale getiriyoruz. */
.user-dropdown .more a,
.user-dropdown .more a span,
.user-dropdown .more a .fa {
    color: var(--brand-primary) !important;
}
.user-dropdown .more a:hover,
.user-dropdown .more a:focus,
.user-dropdown .more a:hover span,
.user-dropdown .more a:focus span {
    color: var(--brand-primary-hover) !important;
}

@media (max-width: 575px) {
    body.form-signin-wrapper .panel.periodic-login,
    body.form-signin-wrapper .form-signin .panel {
        padding: 28px 22px 18px;
        border-radius: 12px;
        box-shadow: 0 10px 22px rgba(0, 0, 0, 0.14);
    }
    body.form-signin-wrapper .panel.periodic-login .atomic-symbol img {
        max-height: 64px;
    }
    body.form-signin-wrapper .container {
        padding: 20px 12px;
    }
}