/* Izgara, DevExpress bileseni degil elle yazilmis bir tablodur; bu yuzden panelin
   tema renkleri burada acikca tekrar edilir. Vurgu rengi (#A68657) site.css'teki
   birincil dugme rengiyle aynidir. */
.wig-container {
    display: block;
    --wig-accent: #A68657;
    --wig-accent-hover: #8f7349;
    --wig-border: #d8dce3;
    --wig-muted: #6b7280;
    --wig-surface: #fff;
    --wig-danger: #b91c1c;
}

.wig-badge { display: inline-block; padding: 2px 8px; border-radius: 10px; font-size: 12px; border: 1px solid; }
.wig-badge-new { color: #6b7280; border-color: #6b7280; }
.wig-badge-processing { color: #2563eb; border-color: #2563eb; }
.wig-badge-successful { color: #15803d; border-color: #15803d; }
.wig-badge-failed { color: #b91c1c; border-color: #b91c1c; }
.wig-badge-noerror { color: #6b7280; border-color: #6b7280; }
.wig-badge-business { color: #a21caf; border-color: #a21caf; }
.wig-badge-application { color: #c2410c; border-color: #c2410c; }
.wig-badge-unknown { color: #6b7280; border-color: #6b7280; }

.wig-scroll { overflow-x: auto; }
.wig-table { width: 100%; border-collapse: collapse; }
.wig-table th, .wig-table td { padding: 8px 10px; border-bottom: 1px solid var(--wig-border); text-align: left; white-space: nowrap; }
.wig-table th { font-weight: 600; color: var(--wig-muted); font-size: 12px; text-transform: none; }
.wig-table tbody tr:hover { background: #faf8f4; }
.wig-empty { text-align: center; color: var(--wig-muted); }

.wig-toolbar, .wig-pager { display: flex; gap: 8px; align-items: center; padding: 8px 0; flex-wrap: wrap; }
.wig-total { color: var(--wig-muted); font-size: 12px; }

.wig-message { padding: 8px 12px; border-radius: 6px; margin-bottom: 8px; }
.wig-message-error { background: #fee2e2; color: #991b1b; }
.wig-message-warning { background: #fef3c7; color: #92400e; }

.wig-select-col { width: 32px; text-align: center; }
.wig-actions-col { width: 90px; text-align: right; }

/* Kuyruk izgarasinda satir sonunda uc eylem var; 90px'e sigmazlar. */
.wig-actions-col-multi { width: 1%; text-align: right; }
.wig-actions-col-multi button + button { margin-left: 6px; }

/* --- Dugmeler: panelin dugme diliyle ayni (yumusak koseler, ince kenarlik,
       vurgu rengi birincil eylemde). Tarayicinin varsayilan gri dugmesi
       ekranin geri kalaniyla uyumsuz duruyordu. --- */
.wig-toolbar button,
.wig-pager button,
.wig-table button {
    font: inherit;
    line-height: 1.2;
    padding: 6px 12px;
    border: 1px solid var(--wig-border);
    border-radius: 8px;
    background: var(--wig-surface);
    color: #1f2937;
    cursor: pointer;
    transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}

.wig-toolbar button:hover:not(:disabled),
.wig-pager button:hover:not(:disabled),
.wig-table button:hover:not(:disabled) {
    background: #f5f1ea;
    border-color: var(--wig-accent);
}

.wig-toolbar button:disabled,
.wig-pager button:disabled,
.wig-table button:disabled {
    opacity: .5;
    cursor: default;
}

/* Birincil eylem: yeni kayit. */
.wig-primary {
    background: var(--wig-accent) !important;
    border-color: var(--wig-accent) !important;
    color: #fff !important;
}

.wig-primary:hover:not(:disabled) {
    background: var(--wig-accent-hover) !important;
    border-color: var(--wig-accent-hover) !important;
}

/* Yikici eylem: silme. */
.wig-danger { color: var(--wig-danger); border-color: #e4b9b9; }
.wig-danger:hover:not(:disabled) { background: #fdf2f2 !important; border-color: var(--wig-danger) !important; }

/* Satir ici "Duzenle" dugmesi daha sessiz durmali. */
.wig-table button { padding: 3px 10px; font-size: 12px; }

.wig-pager button { min-width: 32px; padding: 4px 10px; }

.wig-toolbar select {
    font: inherit;
    padding: 6px 10px;
    border: 1px solid var(--wig-border);
    border-radius: 8px;
    background: var(--wig-surface);
    color: #1f2937;
}