/*
  Hizli giris gridi (QuickTripEntry kalibi) — paylasilan stiller.
  Kaynak: docs/QUICK_TRIP_ENTRY_GRID_SPEC.md bolum 3 ve 4.
  Kullanan ekranlar: Arac Giderleri, Belge Takibi, Bakim Takvimi, Sefer Maliyetleri,
  Gider Onay Kuyrugu, Karlilik ve Arac Performansi raporlari.

  Not: QuickTripEntry.razor kendi <style> blogunu korur; bu dosya yeni ekranlar icindir.
*/

/* ---------------- Grid govdesi ---------------- */
.qgrid .rz-datatable-scrollable-header {
    position: relative;
    z-index: 10;
    background-color: var(--rz-base-200);
}

.qgrid .rz-datatable-thead th {
    background-color: var(--rz-base-200) !important;
    font-size: 12px;
    font-weight: 600;
}

.qgrid .rz-datatable-data td {
    padding: 0 !important;
    border: 1px solid var(--rz-base-300);
}

.qgrid .rz-datatable-data td,
.qgrid .rz-datatable-thead th {
    height: 24px !important;
    line-height: 24px !important;
    padding: 0 4px !important;
}

.qgrid .rz-datatable-data tr {
    height: 24px !important;
}

/* ---------------- Hucre editorleri ---------------- */
.qgrid-input {
    border: none !important;
    border-radius: 0 !important;
    width: 100% !important;
    height: 24px !important;
    min-height: 24px !important;
    line-height: 24px !important;
    font-size: 11px !important;
    background: transparent !important;
    box-shadow: none !important;
    display: block !important;
    padding: 0 4px !important;
}

.qgrid-input:focus {
    background: var(--rz-primary-lighter) !important;
    outline: none !important;
    z-index: 2;
    position: relative;
}

.qgrid .rz-autocomplete,
.qgrid .rz-autocomplete-input {
    height: 24px !important;
    min-height: 24px !important;
    line-height: 24px !important;
    font-size: 11px !important;
    padding: 0 4px !important;
    border-radius: 0 !important;
}

/* ---------------- Filtre satiri ---------------- */
.qgrid .rz-datatable-filter-row td {
    padding: 0 !important;
    vertical-align: middle !important;
    border-bottom: 1px solid var(--rz-base-300) !important;
}

.qgrid .rz-textbox,
.qgrid .rz-multiselect,
.qgrid .rz-dropdown,
.qgrid .rz-datatable-filter-row input,
.qgrid .rz-datatable-filter-row .rz-inputtext {
    min-height: 13px !important;
    font-size: 12px !important;
    padding: 0 2px !important;
    border-radius: 0 !important;
    margin: 0 !important;
    border: none !important;
    width: 100% !important;
    background: transparent !important;
}

.qgrid .rz-dropdown-label,
.qgrid .rz-multiselect-label {
    padding: 0 2px !important;
    min-height: 12px !important;
    display: flex !important;
    align-items: center !important;
}

.qgrid .rz-cell-filter {
    padding: 0 !important;
}

/* ---------------- Ghost (hizli giris) satiri ---------------- */
.qgrid-ghost td {
    background: rgba(37, 99, 235, .04);
    border-color: rgba(37, 99, 235, .25) !important;
}

.qgrid-ghost .qgrid-input,
.qgrid-ghost .rz-autocomplete-input {
    font-style: italic;
    color: var(--rz-text-secondary-color);
    cursor: text;
}

/* ---------------- Satir durum vurgusu ---------------- */
.qgrid-row-danger td {
    background: rgba(220, 38, 38, .06);
}

.qgrid-row-warning td {
    background: rgba(217, 119, 6, .07);
}

.qgrid-sev {
    display: inline-block;
    width: 3px;
    height: 14px;
    border-radius: 2px;
    vertical-align: -2px;
    margin-right: 6px;
}

.qgrid-sev-danger { background: #dc2626; }
.qgrid-sev-warning { background: #d97706; }
.qgrid-sev-success { background: #15803d; }
.qgrid-sev-none { background: var(--rz-base-300); }

/* ---------------- Kalan gun cubugu ---------------- */
.qgrid-remaining {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
}

.qgrid-remaining-track {
    width: 52px;
    height: 5px;
    border-radius: 3px;
    background: var(--rz-base-300);
    display: inline-block;
    position: relative;
    flex: none;
}

.qgrid-remaining-fill {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    border-radius: 3px;
}

/* ---------------- Ust bar / filtre cubugu ---------------- */
.qbar {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    align-items: center;
    padding: .6rem .85rem;
    background: var(--rz-base-100);
    border: 1px solid var(--rz-base-300);
    border-radius: 8px;
}

.qbar-spacer { margin-left: auto; }

.qbar .rz-textbox,
.qbar .rz-dropdown {
    min-height: 32px;
    font-size: 12.5px;
}

/* ---------------- Ipucu seridi ---------------- */
.qhint {
    display: flex;
    gap: .55rem;
    align-items: flex-start;
    padding: .5rem .85rem;
    background: var(--rz-primary-lighter);
    border: 1px solid var(--rz-primary-light);
    border-radius: 8px;
    font-size: 11.5px;
    color: var(--rz-primary-dark);
}

.qhint kbd {
    font-family: ui-monospace, Consolas, monospace;
    font-size: 10.5px;
    background: #fff;
    border: 1px solid var(--rz-base-300);
    border-bottom-width: 2px;
    border-radius: 4px;
    padding: 0 4px;
    color: var(--rz-text-color);
}

/* ---------------- Senkronizasyon gostergesi ---------------- */
.qsync {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    font-size: 12px;
    color: var(--rz-text-secondary-color);
    white-space: nowrap;
}

.qsync-dot {
    height: 8px;
    width: 8px;
    border-radius: 50%;
    display: inline-block;
}

.qsync-dot-busy { background: #2563eb; }
.qsync-dot-idle { background: #15803d; }

/* ---------------- Toplam satiri ---------------- */
.qgrid .rz-datatable-tfoot td {
    height: 27px !important;
    background: var(--rz-base-100) !important;
    font-weight: 700;
    font-size: 11.5px;
}