/* İşlem Geçmişi (Faz 36): üç sekme; kompakt, simetrik satırlar. Sütunlar satırdan satıra kaymaz (sabit grid). */
.ov-oph-page { display: flex; flex-direction: column; gap: 12px; }
.ov-oph-tabs .nui-tabs-trigger i { width: 16px; height: 16px; margin-right: 6px; vertical-align: -3px; }
.ov-oph-count { margin-left: 8px; }

/* Süzgeç çubuğu: arama + durum + toplam. */
.ov-oph-filters { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; flex-wrap: wrap; }
.ov-oph-search { position: relative; flex: 1 1 260px; max-width: 420px; margin: 0; }
.ov-oph-search > i, .ov-oph-search > svg { position: absolute; left: 10px; top: 50%; transform: translateY(-50%); width: 16px; height: 16px; color: var(--nui-text-muted); pointer-events: none; }
.ov-oph-search .nui-input { padding-left: 34px; width: 100%; }
.ov-oph-status { width: auto; min-width: 150px; }
.ov-oph-total { margin-left: auto; color: var(--nui-text-muted); font-size: var(--nui-font-size-sm); font-variant-numeric: tabular-nums; }
.ov-oph-hint { display: flex; align-items: center; gap: 8px; margin-bottom: 10px; color: var(--nui-text-muted); font-size: var(--nui-font-size-sm); }
.ov-oph-hint i, .ov-oph-hint svg { width: 16px; height: 16px; flex: none; }

/* Liste ve satır. */
.ov-oph-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; border: 1px solid var(--nui-border); border-radius: var(--nui-radius, 8px); overflow: hidden; background: var(--nui-surface, transparent); }
.ov-oph-row { display: grid; grid-template-columns: 34px minmax(0, 1fr) 150px 120px 132px minmax(156px, auto); align-items: center; column-gap: 12px; padding: 8px 12px; min-height: 52px; border: 0; border-bottom: 1px solid var(--nui-border); background: transparent; color: var(--nui-text); font: inherit; text-align: left; cursor: pointer; width: 100%; box-sizing: border-box; box-shadow: inset 3px 0 0 transparent; }
.ov-oph-list > li:last-child, .ov-oph-list > li:last-child > .ov-oph-row:last-child { border-bottom: 0; }
.ov-oph-row:hover { background: color-mix(in srgb, var(--nui-primary) 5%, transparent); }
.ov-oph-row:focus-visible { outline: 2px solid var(--nui-primary); outline-offset: -2px; }
.ov-oph-row.is-danger { box-shadow: inset 3px 0 0 var(--nui-danger); }
.ov-oph-row.is-warning { box-shadow: inset 3px 0 0 var(--nui-warning); }

/* Durum ikon karosu: durum rengini taşır, her satırda aynı boyut. */
.ov-oph-icon { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 10px; background: var(--nui-bg); color: var(--nui-text-muted); border: 1px solid var(--nui-border); }
.ov-oph-icon i, .ov-oph-icon svg { width: 18px; height: 18px; }
.ov-oph-icon.is-success { color: var(--nui-success); background: color-mix(in srgb, var(--nui-success) 12%, transparent); border-color: transparent; }
.ov-oph-icon.is-danger { color: var(--nui-danger); background: color-mix(in srgb, var(--nui-danger) 12%, transparent); border-color: transparent; }
.ov-oph-icon.is-warning { color: var(--nui-warning-text, var(--nui-warning)); background: color-mix(in srgb, var(--nui-warning) 14%, transparent); border-color: transparent; }
.ov-oph-icon.is-info { color: var(--nui-primary); background: color-mix(in srgb, var(--nui-primary) 12%, transparent); border-color: transparent; }

.ov-oph-main { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.ov-oph-title { display: flex; align-items: baseline; gap: 8px; min-width: 0; }
.ov-oph-title strong { flex: 0 1 auto; font-weight: 600; }
.ov-oph-context { flex: 1 1 0; min-width: 0; color: var(--nui-text-muted); font-size: var(--nui-font-size-sm); }
.ov-oph-sub { display: block; color: var(--nui-text-muted); font-size: var(--nui-font-size-sm); }
.ov-oph-sub.is-danger { color: var(--nui-danger); }
.ov-oph-advice { display: flex; align-items: center; gap: 6px; font-size: var(--nui-font-size-sm); color: var(--nui-text); }
.ov-oph-advice i, .ov-oph-advice svg { width: 14px; height: 14px; flex: none; color: var(--nui-warning-text, var(--nui-warning)); }
.ov-oph-status-cell { display: flex; align-items: center; }
.ov-oph-status-cell .nui-badge { display: inline-flex; align-items: center; gap: 6px; }
.ov-oph-who { display: flex; align-items: center; gap: 6px; color: var(--nui-text-muted); font-size: var(--nui-font-size-sm); min-width: 0; }
.ov-oph-who i, .ov-oph-who svg { width: 14px; height: 14px; flex: none; }
.ov-oph-time { display: flex; flex-direction: column; font-size: var(--nui-font-size-sm); font-variant-numeric: tabular-nums; white-space: nowrap; }
.ov-oph-time small { color: var(--nui-text-muted); font-size: var(--nui-font-size-xs, 12px); }
.ov-oph-time small.is-danger { color: var(--nui-danger); font-weight: 600; }
.ov-oph-actions { display: flex; align-items: center; justify-content: flex-end; gap: 6px; }
.ov-oph-actions .nui-button i, .ov-oph-actions .nui-button svg { width: 14px; height: 14px; }

/* Otomatik kontroller: özet satırı + açılan çalışma listesi. */
.ov-oph-auto-list .ov-oph-auto { border-bottom: 1px solid var(--nui-border); }
.ov-oph-auto-list .ov-oph-auto:last-child { border-bottom: 0; }
.ov-oph-auto-head { grid-template-columns: 34px minmax(0, 1fr) 150px 28px; border-bottom: 0; }
.ov-oph-chevron { display: inline-flex; justify-content: center; color: var(--nui-text-muted); }
.ov-oph-chevron i, .ov-oph-chevron svg { width: 18px; height: 18px; }
.ov-oph-runs { padding: 4px 12px 10px 58px; display: flex; flex-direction: column; gap: 2px; background: color-mix(in srgb, var(--nui-bg) 60%, transparent); }
.ov-oph-runs-note { margin: 6px 0; font-size: var(--nui-font-size-sm); }
.ov-oph-run { display: grid; grid-template-columns: 10px 108px minmax(0, 1fr) 128px 130px; align-items: center; column-gap: 10px; padding: 5px 8px; border: 0; border-radius: 6px; background: transparent; color: var(--nui-text); font: inherit; font-size: var(--nui-font-size-sm); text-align: left; cursor: pointer; width: 100%; box-sizing: border-box; }
.ov-oph-run:hover { background: color-mix(in srgb, var(--nui-primary) 7%, transparent); }
.ov-oph-run-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--nui-text-muted); }
.ov-oph-run.is-success .ov-oph-run-dot { background: var(--nui-success); }
.ov-oph-run.is-danger .ov-oph-run-dot { background: var(--nui-danger); }
.ov-oph-run.is-warning .ov-oph-run-dot { background: var(--nui-warning); }
.ov-oph-run.is-info .ov-oph-run-dot { background: var(--nui-primary); }
.ov-oph-run-time { font-variant-numeric: tabular-nums; white-space: nowrap; }
.ov-oph-run-text { color: var(--nui-text-muted); }
.ov-oph-run.is-danger .ov-oph-run-text { color: var(--nui-danger); }
.ov-oph-run-meta { display: flex; gap: 8px; color: var(--nui-text-muted); font-variant-numeric: tabular-nums; white-space: nowrap; }
.ov-oph-run .nui-badge { justify-self: end; }
.ov-oph-footnote { display: flex; align-items: center; gap: 6px; margin: 10px 2px 0; color: var(--nui-text-muted); font-size: var(--nui-font-size-xs, 12px); }
.ov-oph-footnote i, .ov-oph-footnote svg { width: 14px; height: 14px; flex: none; }

/* Orta ve dar genişlik (sol menü açıkken 721–1100px dahil): satır iki satıra iner; başlık sıkışmaz ve düğme taşmaz. */
@media (max-width: 1100px) {
    .ov-oph-row { grid-template-columns: 34px minmax(0, 1fr) auto; row-gap: 6px; padding: 10px 12px; }
    .ov-oph-row .ov-oph-who { display: none; }
    .ov-oph-row .ov-oph-status-cell { grid-column: 2; grid-row: 2; }
    .ov-oph-row .ov-oph-time { grid-column: 3; grid-row: 1; align-items: flex-end; }
    .ov-oph-row .ov-oph-actions { grid-column: 3; grid-row: 2; justify-content: flex-end; }
    .ov-oph-row .ov-oph-actions:empty { display: none; }
    .ov-oph-auto-head { grid-template-columns: 34px minmax(0, 1fr) 150px 28px; row-gap: 0; }
    .ov-oph-auto-head .ov-oph-status-cell { grid-column: 3; grid-row: 1; }
}
@media (max-width: 720px) {
    .ov-oph-row .ov-oph-actions { grid-column: 2 / 4; grid-row: 3; justify-content: flex-start; }
    .ov-oph-auto-head { grid-template-columns: 34px minmax(0, 1fr) 28px; }
    .ov-oph-auto-head .ov-oph-status-cell { display: none; }
    .ov-oph-auto-head .ov-oph-chevron { grid-column: 3; grid-row: 1; }
    .ov-oph-runs { padding-left: 12px; }
    .ov-oph-run { grid-template-columns: 10px minmax(0, 1fr) auto; row-gap: 2px; }
    .ov-oph-run-time { grid-column: 2; }
    .ov-oph-run .nui-badge { grid-column: 3; grid-row: 1; }
    .ov-oph-run-text { grid-column: 2 / 4; }
    .ov-oph-run-meta { grid-column: 2 / 4; }
    .ov-oph-total { margin-left: 0; }
}