/*
 |------------------------------------------------------------------
 | super-admin/pages/backups.css — static styles for SA backups page
 |------------------------------------------------------------------
 |
 | Paired with resources/views/filament/super-admin/pages/backups.blade.php
 | via <link rel="stylesheet" href="{{ asset('css/views/filament/super-admin/pages/backups.css') }}">.
 |
 | All inline style="" attributes in this view are static. There are
 | no dynamic interpolated values in inline styles for this page.
 */

/* ─── Hero ─── */
.bk-hero {
    background: linear-gradient(135deg, #059669, #10b981);
    color: #fff;
    border-radius: 14px;
    padding: 24px 28px;
    margin-bottom: 24px;
    box-shadow: 0 10px 30px rgba(16, 185, 129, .25);
}
.bk-hero-eyebrow {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .8px;
    opacity: .85;
    margin: 0 0 6px;
}
.bk-hero-title {
    font-size: 22px;
    font-weight: 800;
    margin: 0 0 6px;
}
.bk-hero-sub {
    font-size: 14px;
    opacity: .9;
    margin: 0;
    max-width: 760px;
}

/* ─── Card wrapping the table / empty state ─── */
.bk-card {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 24px;
}

/* ─── Empty state ─── */
.bk-empty {
    text-align: center;
    padding: 48px 20px;
}
.bk-empty-icon {
    margin: 0 auto 12px;
}
.bk-empty-text {
    color: #6b7280;
    font-size: 14px;
    margin: 0;
}

/* ─── Table ─── */
.bk-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
}
.bk-table-head-row {
    text-align: left;
    color: #6b7280;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .5px;
}
.bk-table-th {
    padding: 10px 0;
    font-weight: 600;
}
.bk-table-th-right {
    padding: 10px 0;
    font-weight: 600;
    text-align: right;
}
.bk-table-row {
    border-top: 1px solid #f1f5f9;
}
.bk-td-archive {
    padding: 14px 0;
    font-family: ui-monospace, monospace;
    color: #111827;
    font-weight: 600;
}
.bk-td-created {
    padding: 14px 0;
    color: #374151;
}
.bk-td-relative {
    font-size: 12px;
    color: #9ca3af;
}
.bk-td-size {
    padding: 14px 0;
    text-align: right;
    color: #374151;
}
.bk-td-actions {
    padding: 14px 0;
    text-align: right;
}

/* ─── Action buttons ─── */
.bk-btn {
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 600;
    border: none;
    cursor: pointer;
    margin-left: 4px;
}
.bk-btn-download {
    display: inline-block;
    padding: 6px 12px;
    background: #eef2ff;
    color: #4f46e5;
    border-radius: 6px;
    text-decoration: none;
    font-size: 12px;
    font-weight: 600;
}
.bk-btn-verify {
    background: #fff7ed;
    color: #c2410c;
}
.bk-btn-restore {
    background: #ecfdf5;
    color: #059669;
}
.bk-btn-delete {
    background: #fef2f2;
    color: #dc2626;
}

/* ─── Nightly-backups status banner ─── */
.bk-nightly {
    background: #ecfdf5;
    border: 1px solid #a7f3d0;
    border-radius: 12px;
    padding: 16px 20px;
    margin-top: 20px;
    font-size: 13px;
    color: #065f46;
}
.bk-nightly-link {
    color: #059669;
    font-weight: 600;
    text-decoration: underline;
}
