/* WebSgi/wwwroot/css/site.syncfusion-dialogs.css */

/* =========================================================
   Syncfusion Grid - zebra global
   Colocar após o fluent-dark.css
   ========================================================= */

/* Linha normal */
.e-grid .e-rowcell {
    background-color: transparent;
    transition: background-color 0.15s ease;
}

/* Linha alternada (zebra) */
.e-grid .e-altrow .e-rowcell {
    background-color: rgba(255, 255, 255, 0.022) !important;
}

/* Hover */
.e-grid .e-row:hover .e-rowcell {
    background-color: rgba(255, 255, 255, 0.055) !important;
}

/* Linha selecionada */
.e-grid .e-row.e-selectionbackground .e-rowcell,
.e-grid .e-row .e-rowcell.e-selectionbackground {
    background-color: rgba(124, 58, 237, 0.18) !important;
    color: #ffffff !important;
}

/* Opcional: borda lateral para destacar a seleção */
.e-grid .e-row.e-selectionbackground {
    box-shadow: inset 3px 0 0 #7c3aed;
}

/*tirar o focus da célula selecionada no grid */
.e-grid .e-rowcell.e-focused,
.e-grid .e-rowcell:focus,
.e-grid .e-gridcontent .e-rowcell.e-focus,
.e-grid .e-gridcontent .e-rowcell.e-focused {
    outline: none !important;
    box-shadow: none !important;
    border-color: transparent !important;
}

.e-grid td.e-focused {
    outline: none !important;
    box-shadow: none !important;
}
/*fim*/

.sgi-dialog-dark.e-dialog {
    background: linear-gradient(180deg, rgba(15, 23, 42, 0.98) 0%, rgba(17, 24, 39, 0.98) 100%);
    border: 1px solid rgba(124, 58, 237, 0.26);
    border-radius: 20px;
    box-shadow: 0 28px 80px rgba(0, 0, 0, 0.48);
    overflow: hidden;
}

.sgi-dialog-dark .e-dlg-header-content {
    background: linear-gradient(90deg, rgba(124, 58, 237, 0.22) 0%, rgba(30, 41, 59, 0.94) 100%);
    border-bottom: 1px solid rgba(124, 58, 237, 0.18);
    padding: 18px 22px 16px 22px;
}

.sgi-dialog-dark .e-dlg-header {
    color: #f8fafc;
    font-size: 1rem;
    font-weight: 800;
    letter-spacing: .015em;
}

.sgi-dialog-dark .e-dlg-closeicon-btn {
    color: rgba(226, 232, 240, 0.86);
    border-radius: 12px;
}

.sgi-dialog-dark .e-dlg-closeicon-btn:hover,
.sgi-dialog-dark .e-dlg-closeicon-btn:focus {
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
}

.sgi-dialog-dark .e-dlg-content {
    background: transparent;
    color: #cbd5e1;
    padding: 22px;
}

.sgi-dialog-shell {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-top:10px;
}

.sgi-dialog-shell__icon-box {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    min-width: 56px;
    height: 56px;
    border-radius: 16px;
    background: linear-gradient(180deg, rgba(124, 58, 237, 0.18) 0%, rgba(59, 130, 246, 0.12) 100%);
    border: 1px solid rgba(124, 58, 237, 0.24);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}

.sgi-dialog-shell__icon {
    font-size: 1.45rem;
    line-height: 1;
}

.sgi-dialog-shell__content {
    flex: 1 1 auto;
    min-width: 0;
}

.sgi-dialog-shell__title {
    color: #f8fafc;
    font-size: 1.03rem;
    font-weight: 800;
    margin-bottom: 8px;
}

.sgi-dialog-shell__message {
    color: #cbd5e1;
    font-size: .94rem;
    line-height: 1.6;
    white-space: normal;
    word-break: break-word;
}

.sgi-dialog-shell__footer {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 20px;
    margin-bottom: 10px;
}

.sgi-dialog-shell__footer--single {
    justify-content: flex-end;
}

.sgi-btn-dialog {
    min-width: 126px;
    height: 40px;
    border-radius: 12px !important;
    font-weight: 700;
    letter-spacing: .01em;
    box-shadow: none !important;
}

.sgi-btn-dialog-secondary {
    background: rgba(30, 41, 59, 0.92) !important;
    color: #e2e8f0 !important;
    border: 1px solid rgba(148, 163, 184, 0.24) !important;
}

.sgi-btn-dialog-secondary:hover,
.sgi-btn-dialog-secondary:focus {
    background: rgba(51, 65, 85, 1) !important;
    color: #fff !important;
}

.sgi-btn-dialog-primary {
    background: linear-gradient(90deg, #7c3aed 0%, #2563eb 100%) !important;
    color: #fff !important;
    border: none !important;
}

.sgi-btn-dialog-primary:hover,
.sgi-btn-dialog-primary:focus {
    filter: brightness(1.07);
}

.sgi-btn-dialog-danger {
    background: linear-gradient(90deg, #dc2626 0%, #b91c1c 100%) !important;
    color: #fff !important;
    border: none !important;
}

.sgi-btn-dialog-danger:hover,
.sgi-btn-dialog-danger:focus {
    filter: brightness(1.06);
}

.sgi-dialog-dark--warning .sgi-dialog-shell__icon {
    color: #f59e0b;
}

.sgi-dialog-dark--danger .sgi-dialog-shell__icon {
    color: #f87171;
}

.sgi-dialog-dark--info .sgi-dialog-shell__icon {
    color: #60a5fa;
}

.sgi-dialog-dark--success .sgi-dialog-shell__icon {
    color: #34d399;
}