/*************************************************
    GRIDVIEW — TEMA PADRÃO PROJECTS EVOLUTION
    Aplicar via CssClass="grid-default"
**************************************************/

.grid-default {
    border-collapse: collapse;
    width: 100%;
    background: #ffffff;
    border: 1px solid #e4e4e4;
    font-size: 14px;
    color: #333;
}

    /* ===== Cabeçalho ===== */
    .grid-default th {
        background: #AB1414;
        color: #ffffff;
        padding: 12px 10px;
        font-weight: 600;
        text-align: left;
        border-bottom: 1px solid #8d0f0f;
        user-select: none;
    }

    /* ===== Células ===== */
    .grid-default td {
        padding: 10px 10px;
        border-bottom: 1px solid #f0f0f0;
        vertical-align: middle;
    }

    /* ===== Linhas alternadas ===== */
    .grid-default tr:nth-child(even) td {
        background: #fafafa;
    }

    /* ===== Hover ===== */
    .grid-default tr:hover td {
        background: #fff3f3;
    }

    /* ===== Column button / CommandField ===== */
    .grid-default input[type="submit"],
    .grid-default input[type="button"],
    .grid-default input[type="image"] {
        padding: 6px 14px;
        border-radius: 50px;
        border: none;
        background: #FF6D00;
        color: #ffffff;
        font-size: 13px;
        cursor: pointer;
        font-weight: 600;
        transition: 0.15s ease;
    }

        .grid-default input[type="submit"]:hover,
        .grid-default input[type="button"]:hover,
        .grid-default input[type="image"]:hover {
            background: #ff861f;
        }

    /* Coluna do botão (opcional) */
    .grid-default td:first-child {
        text-align: center;
    }

/* ===== Ajuste para grids muito largos ===== */
.grid-default-responsive {
    overflow-x: auto;
    width: 100%;
}

/* ===== Remover highlight azul ao clicar ===== */
.grid-default input:focus,
.grid-default button:focus {
    outline: none !important;
}

/* ===== Estado vazio ===== */
.grid-default .empty-row {
    text-align: center;
    padding: 20px;
    font-weight: 600;
    color: #999;
    background: #f9f9f9;
}

/*************************************************
    Variações — Caso futuramente queira usar:
**************************************************/

/* Tema dark */
.grid-default-dark th {
    background: #333;
}

.grid-default-dark tr:hover td {
    background: #ececec;
}

/* Tema azul */
.grid-default-blue th {
    background: #00398f;
}

.grid-default-blue tr:hover td {
    background: #e8f0ff;
}