.kiyasla-modal { position: fixed; inset: 0; z-index: 10500; display: none; align-items: center; justify-content: center; }
.kiyasla-modal.open { display: flex; }
.kiyasla-overlay { position: absolute; inset: 0; background: rgba(3,10,37,0.9); }
.kiyasla-inner { position: relative; z-index: 1; width: 96vw; max-width: 900px; max-height: 92vh; background: #05103a; border-radius: 16px; border: 1px solid var(--light-blue); padding: 20px 22px 22px; display: flex; flex-direction: column; box-shadow: 0 20px 50px rgba(15,23,42,0.9); }
.kiyasla-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; }
.kiyasla-header h2 { margin: 0; font-size: 18px; color: #fff; }
.kiyasla-close-btn { width: 34px; height: 34px; border-radius: 999px; border: 1px solid rgba(148,163,184,0.5); background: #0b153f; color: #e5e7eb; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; }
.kiyasla-close-btn:hover { background: rgba(239,68,68,0.25); color: #fecaca; border-color: rgba(239,68,68,0.6); }
.kiyasla-body { flex: 1; min-height: 0; overflow-y: auto; padding-top: 2px; display: flex; flex-direction: column; gap: 4px; }
.kiyasla-tabs { display: inline-flex; align-items: center; gap: 6px; padding: 4px; border-radius: 999px; background: rgba(15,23,42,0.9); border: 1px solid rgba(51,65,85,0.9); width: fit-content; }
.kiyasla-tab { border: none; border-radius: 999px; padding: 6px 14px; font-size: 12px; font-weight: 600; cursor: pointer; background: transparent; color: #9ca3af; white-space: nowrap; }
.kiyasla-tab-active { background: var(--light-blue); color: #030a25; }
.kiyasla-form-row { display: flex; flex-direction: column; gap: 2px; margin-top: 0; }
.kiyasla-form-row label { font-size: 13px; font-weight: 600; color: #e5e7eb; }
.kiyasla-input-group { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 8px; }
.kiyasla-input-group input, .kiyasla-input-group select { width: 100%; padding: 8px 10px; border-radius: 8px; border: 1px solid #2a3b7a; background: #020824; color: #e5e7eb; font-size: 13px; }
.kiyasla-input-group input:focus, .kiyasla-input-group select:focus { outline: none; border-color: var(--light-blue); box-shadow: 0 0 0 1px rgba(56,189,248,0.4); }
.kiyasla-export-group { grid-template-columns: 1fr 1fr !important; }
#kiyaslaModal .kiyasla-export-group .kiyasla-btn-hesapla:first-child { background: #16a34a !important; border-color: #16a34a !important; color: #ffffff !important; }
#kiyaslaModal .kiyasla-export-group .kiyasla-btn-hesapla:first-child:hover { background: #22c55e !important; border-color: #22c55e !important; }
#kiyaslaModal .kiyasla-export-group .kiyasla-btn-hesapla:last-child { background: #dc2626 !important; border-color: #dc2626 !important; color: #ffffff !important; }
#kiyaslaModal .kiyasla-export-group .kiyasla-btn-hesapla:last-child:hover { background: #ef4444 !important; border-color: #ef4444 !important; }
.kiyasla-input-group input[type="date"] { color-scheme: light; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; }
#kiyaslaModal .kiyasla-input-group input[type="date"]::-webkit-calendar-picker-indicator { filter: invert(1) brightness(2.2); opacity: 1; cursor: pointer; }
#kiyaslaModal .kiyasla-input-group input[type="date"]::-webkit-datetime-edit,
#kiyaslaModal .kiyasla-input-group input[type="date"]::-webkit-datetime-edit-text,
#kiyaslaModal .kiyasla-input-group input[type="date"]::-webkit-datetime-edit-year-field,
#kiyaslaModal .kiyasla-input-group input[type="date"]::-webkit-datetime-edit-month-field,
#kiyaslaModal .kiyasla-input-group input[type="date"]::-webkit-datetime-edit-day-field { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; }
#kiyaslaModal .kiyasla-kredi-left { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; align-items: center; }
#kiyaslaModal .kiyasla-kredi-yok { display: inline-flex !important; flex-direction: row !important; align-items: center !important; gap: 6px; color: #ffffff !important; font-size: 12px; user-select: none; cursor: pointer; white-space: nowrap; justify-self: end; margin: 0; }
.kiyasla-kredi-yok input { position: absolute; opacity: 0; pointer-events: none; }
.kiyasla-kredi-yok-box { width: 14px; height: 14px; border: 1px solid #ffffff; border-radius: 3px; position: relative; background: transparent; flex: 0 0 auto; }
.kiyasla-kredi-yok input:checked + .kiyasla-kredi-yok-box::after { content: ''; position: absolute; left: 3px; top: 0px; width: 5px; height: 9px; border: solid #ffffff; border-width: 0 2px 2px 0; transform: rotate(45deg); }
#kiyaslaModal .kiyasla-kredi-yok-text { color: #ffffff !important; display: inline-block; line-height: 1; }
#kiyaslaModal .kiyasla-kredi-date-wrap { position: relative; display: flex; flex-direction: column; gap: 2px; }
#kiyaslaModal .kiyasla-kredi-date-label { position: static; font-size: 12px; color: #ffffff !important; line-height: 1.2; white-space: nowrap; }
#kiyaslaModal .kiyasla-input-group-kiyas { grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); align-items: stretch; }
#kiyaslaModal .kiyasla-btn-hesapla { width: 100%; padding: 8px 16px; border-radius: 8px; border: 1px solid var(--light-blue); background: var(--light-blue); color: #030a25; font-size: 13px; font-weight: 700; cursor: pointer; white-space: nowrap; }
.kiyasla-btn-hesapla:hover { background: #7dd3fc; border-color: #7dd3fc; }
.kiyasla-btn-hesapla:disabled { opacity: 0.7; cursor: not-allowed; }
.kiyasla-mesaj { font-size: 12px; margin: 6px 0 0; padding: 6px 8px; border-radius: 6px; }
.kiyasla-mesaj.kiyasla-loading { color: #93c5fd; background: rgba(42,168,255,0.15); }
.kiyasla-mesaj.kiyasla-error { color: #fecaca; background: rgba(239,68,68,0.2); }
.kiyasla-mesaj.kiyasla-ok { color: #86efac; background: rgba(34,197,94,0.15); }
.kiyasla-hint { font-size: 11px; color: #ffffff; margin: 6px 0 0; line-height: 1.35; }
.kiyasla-table-wrap { margin-top: 4px; border-radius: 12px; border: 1px solid rgba(42,168,255,0.35); overflow: hidden; background: rgba(15,23,42,0.95); }
.kiyasla-table-header { display: grid; grid-template-columns: 1.6fr 1fr 1fr 1fr; gap: 6px; padding: 8px 10px; background: rgba(15,23,42,1); border-bottom: 1px solid rgba(42,168,255,0.4); font-size: 12px; font-weight: 700; color: #93c5fd; }
.kiyasla-table-rows { max-height: none; overflow-y: visible; padding: 4px 6px 6px; display: flex; flex-direction: column; gap: 4px; }
.kiyasla-row { display: grid; grid-template-columns: 1.6fr 1fr 1fr 1fr; gap: 6px; align-items: center; font-size: 12px; }
.kiyasla-row .col-varlik { color: #e5e7eb; padding-left: 4px; }
.kiyasla-row input { width: 100%; padding: 6px 8px; border-radius: 8px; border: 1px solid #1f2937; background: #020824; color: #e5e7eb; font-size: 12px; }
.kiyasla-row input:focus { outline: none; border-color: var(--light-blue); }
.kiyasla-inner input { caret-color: #ffffff !important; }

@media (max-width: 768px) {
    .kiyasla-inner { width: 100%; height: 100%; max-width: 100%; max-height: 100%; border-radius: 0; padding: 14px 12px 16px; }
    .kiyasla-header h2 { font-size: 16px; }
    .kiyasla-input-group { grid-template-columns: 1fr; }
    #kiyaslaModal .kiyasla-kredi-left { grid-template-columns: minmax(0, 1fr) auto; }
    #kiyaslaModal .kiyasla-kredi-date-wrap { position: relative; display: flex; flex-direction: column; gap: 2px; }
    #kiyaslaModal .kiyasla-kredi-date-label { position: static; }
    #kiyaslaModal .kiyasla-input-group-kiyas { grid-template-columns: 1fr; }
    .kiyasla-table-header,
    .kiyasla-row { grid-template-columns: 1.3fr 1fr 1fr 1fr; }
}