/* ================================
   NAVY CORPORATE FULL UI PACK v2
   Global Theme (All Application)
   ================================ */

/* ---- BODY ---- */
body {
    background-color: #11141a !important;
    font-family: Arial, sans-serif !important;
}

/* ====================================
   HEADER PANEL (ÜST BAR)
   ==================================== */
.app-header .x-panel-body {
    background: linear-gradient(180deg, #233045, #1b2535) !important;
    color: #dfe8f2 !important;
    border-bottom: 2px solid #2f3f55 !important;
    padding: 10px 15px !important;
}

.app-header .x-title-text {
    font-size: 16px !important;
    font-weight: 700 !important;
    letter-spacing: .6px !important;
}

/* ==========================
   LEFT SIDEBAR PANEL (MENU)
   ========================== */
.app-sidebar .x-panel-body {
    background-color: #151922 !important;
    border-right: 1px solid #202431 !important;
    padding: 8px !important;
}

/* ==========================
   CONTENT PANEL (SAĞ ANA ALAN)
   ========================== */
.app-content .x-panel-body {
    background-color: #14171f !important;
    padding: 12px !important;
}

/* ==========================
        CARD PANELS
   ========================== */
.card-panel .x-panel-body {
    background: #1b1f27 !important;
    border-radius: 8px !important;
    border: 1px solid #242a36 !important;
    box-shadow: 0 8px 22px rgba(0,0,0,0.45) !important;
    padding: 10px !important;
}

.card-panel .x-title-text {
    color: #dfe4ee !important;
    font-size: 14px !important;
    font-weight: 600 !important;
}

/* ==========================
   NAVY BUTTON (SOL MENÜ vs)
   ========================== */
.navy-btn.x-btn-default-small,
.navy-btn.x-btn-default-medium,
.navy-btn.x-btn-default-large {
    background: #1f2733 !important;
    border-radius: 4px !important;
    border: 1px solid #2c3543 !important;
    box-shadow: none !important;
    transition: all .15s ease !important;
}

.navy-btn .x-btn-inner {
    color: #d3d9e3 !important;
    font-weight: 600 !important;
    text-align: left !important;
    padding: 8px 10px !important;
}

/* Hover */
.navy-btn.x-btn-default-small:hover,
.navy-btn.x-btn-default-medium:hover,
.navy-btn.x-btn-default-large:hover {
    background: #2a3444 !important;
    border-color: #375074 !important;
}

/* SEÇİLİ NAV BUTON */
.navy-selected.x-btn-default-small,
.navy-selected.x-btn-default-medium,
.navy-selected.x-btn-default-large {
    background: #2a3444 !important;
    border-color: #375074 !important;
    border-left: 4px solid #4c79ff !important;
    padding-left: 6px !important;
}

.navy-selected .x-btn-inner {
    color: #ffffff !important;
}

/* ==========================
          GRID THEME
   ========================== */
.navy-grid .x-grid-body {
    background-color: #1a1d23 !important;
    border: 1px solid #23272f !important;
}

/* Zebra satırlar */
.navy-grid .x-grid-item:nth-child(odd) .x-grid-cell {
    background-color: #20242c !important;
}
.navy-grid .x-grid-item:nth-child(even) .x-grid-cell {
    background-color: #262b34 !important;
}

/* Hover satır */
.navy-grid .x-grid-item:hover .x-grid-cell {
    background-color: #2f3540 !important;
    transition: background 0.15s ease-in-out !important;
}

/* Hücre yazıları */
.navy-grid .x-grid-cell-inner {
    color: #d6dce5 !important;
    font-size: 13px !important;
    padding: 7px 12px !important;
}

/* Hücre sınırları */
.navy-grid .x-grid-cell {
    border-right: 1px solid #2a303a !important;
    border-bottom: 1px solid #2a303a !important;
}

/* Grid Header */
.navy-grid .x-column-header {
    background: linear-gradient(180deg, #24334a, #1c2738) !important;
    color: #dfe8f2 !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    border-right: 1px solid #2f3f55 !important;
    border-bottom: 1px solid #2f3f55 !important;
    padding: 8px 12px !important;
}

.navy-grid .x-column-header-inner {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}