html, body {
    height: 100%;
}

body {
    margin: 0;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

/* Navbar kırpmasın */
.navbar {
    overflow: visible;
}

/* Menü alanı: tek satır + taşarsa yatay kaydır */
.orsoft-nav-scroll {
    flex: 1 1 0%;
    min-width: 0;
    overflow-x: auto;
    overflow-y: visible;
    position: relative;
}

/* Top menu */
.orsoft-topmenu.navbar-nav {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    white-space: nowrap !important;
    margin: 0 !important;
    padding: 0 !important;
}

.orsoft-topmenu.navbar-nav > .nav-item {
    flex: 0 0 auto;
}

.orsoft-topmenu .nav-link {
    color: #fff !important;
    padding: 0.45rem 0.65rem;
    white-space: nowrap;
    font-size: 0.9rem; /* 🔽 küçültme burada */
}

.orsoft-topmenu .nav-link:hover {
    color: #ffd54f !important;
    background: rgba(255,255,255,0.12);
    border-radius: 4px;
}

/* Hover menü kutuları */
.orsoft-dd-menu {
    display: none; /* JS açıyor */
    min-width: 240px;
    background: #fff;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
    padding: .25rem 0;
}

/* Alt menü item */
.orsoft-dd-item {
    position: relative;
    list-style: none;
}

/* Link/Span */
.orsoft-dd-link, .orsoft-dd-text {
    display: block;
    width: 100%;
    padding: .35rem 1rem;
    color: #212529;
    text-decoration: none;
    white-space: nowrap;
}

/* Satır vurgusu + sol şerit */
.orsoft-dd-item {
    transition: background-color 0.12s ease;
}

.orsoft-dd-item::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 3px;
    height: 100%;
    background: transparent;
    transition: background-color 0.12s ease;
    transition-delay: 0.10s;
}

.orsoft-dd-item:hover {
    background-color: rgba(0, 0, 0, 0.10);
}

.orsoft-dd-item:hover::before {
    background-color: #0d6efd; /* mavi şerit */
}

/* Alt-alt caret */
.orsoft-dd-caret {
    float: right;
    opacity: .65;
}

/* Sistemden çıkış: kırmızı + bold */
.navbar-dark .orsoft-topmenu .nav-link.orsoft-logout {
    color: #ff4d4f !important;
    font-weight: 800;
}

.navbar-dark .orsoft-topmenu .nav-link.orsoft-logout:hover {
    color: #ff7875 !important;
}

/* Logout icon */
.orsoft-logout-icon {
    margin-right: 6px;
    font-size: 1.05em;
    vertical-align: middle;
}

/* Container */
.container {
    max-width: 100%;
}
/* ===============================
   DAR FORM EKRANLARI (Login/Firma/Yıl)
   =============================== */

.orsoft-narrow-card {
    max-width: 420px; /* İstersen 380–480 arası oynayabilirsin */
    margin: 60px auto; /* Ortala + biraz yukarıdan boşluk */
}

@media (min-width: 768px) {
    .orsoft-narrow-card {
        max-width: 460px;
    }
}
/* ORSOFT ikon toolbar */
.orsoft-toolbar {
    display: flex;
    align-items: center;
    gap: 6px;
}

.orsoft-icon-btn {
    border: 0;
    background: transparent;
    padding: 0;
    cursor: pointer;
    line-height: 0;
}

.orsoft-icon-btn img {
     width: 22px;
     height: 22px;
     display: block;
}

.orsoft-icon-btn:hover img {
     filter: brightness(0.9);
}

.orsoft-icon-sep {
    width: 1px;
    height: 18px;
    background: rgba(0,0,0,0.15);
    margin: 0 2px;
}
/* SYSG00 - Kayıt Ara modal'ı (daha belirgin mavi) */
.orsoft-search-modal {
    background: #e3f1ff; /* daha koyu pastel mavi */
    border: 1px solid #8fc2ff;
    box-shadow: 0 14px 32px rgba(0,0,0,.22);
}

.orsoft-search-modal .modal-header {
    background: #cfe6ff; /* başlık daha vurgulu */
    border-bottom: 1px solid #8fc2ff;
}

.orsoft-search-modal .modal-title {
    font-weight: 700;
    color: #0b4f8a;
}

.orsoft-search-modal .list-group-item {
    background: rgba(255,255,255,.85);
    border-color: #c3ddff;
}

.orsoft-search-modal .list-group-item:hover {
    background: #ffffff;
}
/* SYSG00 - Kayıt Ara listesi (kompakt görünüm) */
.orsoft-search-modal .list-group-item {
    font-size: 0.85rem; /* font biraz küçüldü */
    padding: 4px 10px; /* satır yüksekliği azaldı */
    line-height: 1.2; /* daha sıkı satır */
}

/* Kod + isim satırı arası boşluk azaltılsın */
.orsoft-search-modal .list-group-item strong {
    font-weight: 600;
}

.orsoft-search-modal .list-group-item span {
    font-size: 0.8rem;
    color: #4f6f91;
}

/* =====================================================
   SYSG00 – COBOL stil font & compact görünüm
   ===================================================== */

/* Modal genel font */
#sysg00Modal {
    font-family: "Segoe UI", Tahoma, Arial, sans-serif;
    font-size: 0.85rem; /* genel yazı küçült */
}

/* Label’lar */
#sysg00Modal .form-label {
    font-size: 0.85rem;
    font-weight: 600;
    margin-bottom: 2px;
    color: #2c3e50;
}

/* Input / Select */
#sysg00Modal .form-control,
#sysg00Modal .form-select {
    font-size: 0.85rem;
    padding: 4px 8px;
    height: auto;
}

/* Satır aralıklarını sıkılaştır */
#sysg00Modal .row.g-2 {
    --bs-gutter-y: 0.35rem;
}

/* Yardım / mesaj alanı */
#sysg00Modal .form-text,
#sysg00Modal #sysg00Msg {
    font-size: 0.8rem;
}

/* Alert mesajları daha kompakt */
#sysg00Modal .alert {
    padding: 6px 10px;
    font-size: 0.8rem;
}

.orsoft-action-button {
    /* Butonun genel yapısı */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 45px; /* 40px ikon için ideal genişlik */
    height: 45px; /* Kare form, daha modern durur */
    padding: 0;
    /* Arkaplan ve Kenarlık */
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 10px; /* Yumuşak köşeler */
    /* Geçiş Efektleri */
    cursor: pointer;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

/* İçindeki PNG İkonu */
.orsoft-action-button img {
    width: 32px;
    height: 32px;
    filter: drop-shadow(0 2px 2px rgba(0,0,0,0.1)); /* İkona derinlik katar */
}

/* Hover (Üzerine Gelince) */
.orsoft-action-button:hover {
    background-color: #f8f9fa;
    border-color: #3498db; /* Kurumsal bir mavi dokunuşu */
    transform: translateY(-2px); /* Hafif yukarı kalkma */
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

/* Active (Tıklayınca) */
.orsoft-action-button:active {
    transform: translateY(0);
    background-color: #ebebeb;
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.1); /* İçeri basılma efekti */
}

/* Pasif Kullanıcı Satırı */
.orsoft-grid-passive {
    color: #e74c3c !important; /* Kırmızı */
    font-style: italic !important;
    opacity: 0.8; /* Hafif silik, pasif olduğu daha iyi anlaşılsın diye */
}

/* OrSoftWEB Global Kompakt Standartları */
.modal-body { font-size: 0.82rem !important; }
.form-control-sm { font-size: 0.80rem !important; height: 30px !important; }
.row { margin-bottom: 0.25rem !important; } /* Satır aralıklarını daraltır */
.label-column { font-weight: 700; color: #444; }