/* ═══════════════════════════════════════════════════════════════════════════
   FT Admin — Action icon visibility (Radzen + Font Awesome)
   Root cause fixes: missing FA CDN, Material ligature break, low contrast
   ═══════════════════════════════════════════════════════════════════════════ */

/* ─── Font Awesome — protect from Material Symbols override ─── */

.fas,
.far,
.fab,
.fa-solid,
.fa-regular,
.fa-brands,
[class^="fa-"],
[class*=" fa-"] {
    font-family: "Font Awesome 6 Free", "Font Awesome 6 Brands" !important;
    font-weight: 900;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
}

.far,
.fa-regular {
    font-weight: 400;
}

.fab,
.fa-brands {
    font-family: "Font Awesome 6 Brands" !important;
    font-weight: 400;
}

/* ─── Radzen Material icon (.rzi) — global visibility fix ─── */

.rzi,
.rz-icon,
.rz-button .rzi,
.rz-button .rz-icon,
.hud-layout .rzi,
.hud-layout .rz-button .rzi,
.ft-radzen-scope .rzi,
.ft-radzen-scope .rz-button .rzi,
.hud-shell .rz-button .rzi,
[class*="rz-"] .rzi,
[class*="rz-"] .rz-icon {
    font-family: "Material Symbols", "Material Symbols Outlined", "Material Icons" !important;
    font-weight: normal !important;
    font-style: normal !important;
    letter-spacing: normal !important;
    text-transform: none !important;
    font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
    font-size: 1.125rem !important;
    line-height: 1 !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    -webkit-font-smoothing: antialiased;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
}

/* Never uppercase icon ligatures inside buttons/cells */
.rz-button,
.rz-button .rz-button-text,
.rz-grid-table td,
.rz-datatable tbody td,
.ft-system-logs-page .action-btn,
.ft-system-logs-page .action-buttons {
    text-transform: none !important;
}

/* ─── Grid / table row action buttons ─── */

.hud-layout .rz-grid-table .rz-button .rzi,
.hud-layout .rz-datatable .rz-button .rzi,
.ft-radzen-scope .rz-grid-table .rz-button .rzi,
.ft-radzen-scope .rz-datatable .rz-button .rzi {
    color: inherit !important;
    font-size: 1.15rem !important;
}

.hud-layout .rz-grid-table .rz-button.rz-light .rzi,
.hud-layout .rz-grid-table .rz-button.rz-button-light .rzi,
.ft-radzen-scope .rz-grid-table .rz-button.rz-light .rzi {
    color: var(--ft-color-text-secondary) !important;
}

.hud-layout .rz-grid-table .rz-button.rz-light:hover .rzi,
.ft-radzen-scope .rz-grid-table .rz-button.rz-light:hover .rzi {
    color: var(--ft-color-primary) !important;
}

.hud-layout .rz-grid-table .rz-button.rz-primary .rzi,
.ft-radzen-scope .rz-grid-table .rz-button.rz-primary .rzi {
    color: #ffffff !important;
}

.hud-layout .rz-grid-table .rz-button.rz-primary,
.ft-radzen-scope .rz-grid-table .rz-button.rz-primary {
    background: linear-gradient(135deg, rgba(8, 145, 178, 0.75), rgba(37, 99, 235, 0.65)) !important;
    border: 1px solid rgba(34, 211, 238, 0.35) !important;
}

.hud-layout .rz-grid-table .rz-button.rz-info .rzi,
.ft-radzen-scope .rz-grid-table .rz-button.rz-info .rzi {
    color: #ffffff !important;
}

.hud-layout .rz-grid-table .rz-button.rz-info,
.ft-radzen-scope .rz-grid-table .rz-button.rz-info {
    background: linear-gradient(135deg, rgba(8, 145, 178, 0.75), rgba(37, 99, 235, 0.65)) !important;
    border: 1px solid rgba(34, 211, 238, 0.35) !important;
}

.hud-layout .rz-grid-table .rz-button.rz-success .rzi,
.ft-radzen-scope .rz-grid-table .rz-button.rz-success .rzi {
    color: var(--ft-color-success-text) !important;
}

.hud-layout .rz-grid-table .rz-button.rz-danger .rzi,
.ft-radzen-scope .rz-grid-table .rz-button.rz-danger .rzi {
    color: #ffffff !important;
}

.hud-layout .rz-grid-table .rz-button.rz-danger,
.ft-radzen-scope .rz-grid-table .rz-button.rz-danger {
    background: linear-gradient(135deg, rgba(185, 28, 28, 0.8), rgba(239, 68, 68, 0.7)) !important;
    border: 1px solid rgba(239, 68, 68, 0.4) !important;
}

.hud-layout .rz-grid-table .rz-button.rz-secondary .rzi,
.ft-radzen-scope .rz-grid-table .rz-button.rz-secondary .rzi {
    color: var(--ft-color-text-primary) !important;
}

/* Icon-only buttons — compact HUD pill */
.hud-layout .rz-button.rz-button-icon-only,
.ft-radzen-scope .rz-button.rz-button-icon-only {
    min-width: 2rem !important;
    min-height: 2rem !important;
    padding: var(--ft-space-1) !important;
    border-radius: var(--ft-radius-sm) !important;
}

.hud-layout .rz-button.rz-button-icon-only .rzi,
.ft-radzen-scope .rz-button.rz-button-icon-only .rzi {
    margin: 0 !important;
    font-size: 1.2rem !important;
}

/* Small action buttons in data grids */
.hud-layout .rz-grid-table .rz-button.rz-button-sm,
.hud-layout .rz-grid-table .rz-button.rz-button-xs,
.ft-radzen-scope .rz-grid-table .rz-button.rz-button-sm,
.ft-radzen-scope .rz-grid-table .rz-button.rz-button-xs {
    min-width: 2rem !important;
    min-height: 2rem !important;
    padding: 0.35rem !important;
    border-radius: var(--ft-radius-sm) !important;
    transition: border-color var(--ft-transition-fast), box-shadow var(--ft-transition-fast), color var(--ft-transition-fast);
}

.hud-layout .rz-grid-table .rz-button.rz-button-sm:hover,
.ft-radzen-scope .rz-grid-table .rz-button.rz-button-sm:hover {
    box-shadow: 0 0 10px rgba(34, 211, 238, 0.15);
}

/* Banner / toolbar buttons with icons */
.ft-page-banner .rz-button .rzi,
.ft-page-banner__actions .rz-button .rzi {
    color: inherit !important;
    font-size: 1.1rem !important;
}

/* ─── SystemLogs custom FA action buttons ─── */

.ft-system-logs-page .action-btn {
    width: 2.25rem;
    height: 2.25rem;
    border: 1px solid var(--ft-color-border);
    border-radius: var(--ft-radius-sm);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all var(--ft-transition-fast);
}

.ft-system-logs-page .action-btn i {
    font-size: 1rem !important;
    line-height: 1 !important;
    pointer-events: none;
    font-weight: 900 !important;
    color: #ffffff !important;
    text-shadow: 0 0 6px rgba(255, 255, 255, 0.35);
}

.ft-system-logs-page .view-btn {
    background: linear-gradient(135deg, rgba(8, 145, 178, 0.85), rgba(37, 99, 235, 0.75)) !important;
    border-color: rgba(34, 211, 238, 0.45) !important;
}

.ft-system-logs-page .view-btn i {
    color: #ffffff !important;
}

.ft-system-logs-page .view-btn:hover {
    background: linear-gradient(135deg, rgba(6, 182, 212, 0.95), rgba(59, 130, 246, 0.85)) !important;
    border-color: var(--ft-color-primary) !important;
    box-shadow: 0 0 14px rgba(34, 211, 238, 0.35);
    transform: translateY(-1px);
}

.ft-system-logs-page .delete-btn {
    background: linear-gradient(135deg, rgba(185, 28, 28, 0.85), rgba(239, 68, 68, 0.75)) !important;
    border-color: rgba(239, 68, 68, 0.45) !important;
}

.ft-system-logs-page .delete-btn i {
    color: #ffffff !important;
}

.ft-system-logs-page .delete-btn:hover {
    background: linear-gradient(135deg, rgba(220, 38, 38, 0.95), rgba(248, 113, 113, 0.85)) !important;
    border-color: rgba(248, 113, 113, 0.6) !important;
    box-shadow: 0 0 14px rgba(239, 68, 68, 0.3);
    transform: translateY(-1px);
}

/* SystemLogs header icons (stats, search, pagination) */
.ft-system-logs-page .stat-icon i,
.ft-system-logs-page .search-icon,
.ft-system-logs-page .header-cell i,
.ft-system-logs-page .page-btn i,
.ft-system-logs-page .empty-icon i,
.ft-system-logs-page .loading-spinner i {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900;
    color: inherit;
}

.ft-system-logs-page .stat-icon i {
    color: var(--ft-color-primary);
}

.ft-system-logs-page .search-icon {
    color: var(--ft-color-text-muted);
}

.ft-system-logs-page .page-btn i {
    color: var(--ft-color-text-secondary);
    font-size: 0.85rem;
}

.ft-system-logs-page .page-btn:hover i,
.ft-system-logs-page .page-btn.active i {
    color: var(--ft-color-primary);
}

/* Pagination buttons */
.ft-system-logs-page .page-btn {
    background: rgba(34, 211, 238, 0.06);
    border: 1px solid var(--ft-color-border);
    color: var(--ft-color-text-secondary);
    min-width: 2rem;
    min-height: 2rem;
    border-radius: var(--ft-radius-sm);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all var(--ft-transition-fast);
}

.ft-system-logs-page .page-btn:hover:not(:disabled),
.ft-system-logs-page .page-btn.active {
    background: rgba(34, 211, 238, 0.12);
    border-color: var(--ft-color-border-strong);
    color: var(--ft-color-primary);
}

.ft-system-logs-page .page-btn:disabled {
    opacity: 0.35;
    cursor: not-allowed;
}