/* Tokens GY expandidos a literales para compatibilidad Sass 3.2 / Liferay 6.2 */
/* Goodyear tablas/badges - extracto design system */
/*
 * Goodyear Safety UI - Design System
 * Version: 1.0.0
 * Scope: Liferay 7.x / HTML5 / Bootstrap-compatible
 * Convencion: todas las clases funcionales usan prefijo gy-
 */

.gy-button--soft {
    color: #064fae;
    background: #eaf3ff;
    border-color: #bfdcff;
}

.gy-button--danger {
    color: #ffffff;
    background: #c93434;
    border-color: #c93434;
}

.gy-button--ghost {
    color: #064fae;
    background: transparent;
    border-color: transparent;
}

.gy-button--small {
    min-height: 34px;
    padding: 7px 12px;
    font-size: 13px;
}

.gy-button--icon {
    width: 42px;
    padding: 0;
}

.gy-button:disabled {
    opacity: 0.48;
    cursor: not-allowed;
    transform: none;
}

/* Status and badges */
.gy-badge {
    display: inline-flex;
    min-height: 26px;
    align-items: center;
    gap: 6px;
    padding: 4px 9px;
    border: 1px solid transparent;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}

.gy-badge::before {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: currentColor;
    content: "";
}

.gy-badge--info { color: #064fae; background: #eaf3ff; border-color: #bfdcff; }
.gy-badge--success { color: #137a48; background: #e9f7ef; }
.gy-badge--danger { color: #b42318; background: #fff0f0; }
.gy-badge--warning { color: #a45a00; background: #fff4e5; }
.gy-badge--neutral { color: #667085; background: #f7f9fc; border-color: #d8e0eb; }
.gy-table-wrap {
    width: 100%;
    overflow-x: auto;
    border: 1px solid #d8e0eb;
    border-radius: 0.75rem;
    background: #ffffff;
}

.gy-table {
    width: 100%;
    min-width: 760px;
    border-collapse: collapse;
}

.gy-table th,
.gy-table td {
    padding: 13px 14px;
    border-bottom: 1px solid #d8e0eb;
    text-align: left;
    vertical-align: middle;
}

.gy-table th {
    color: #05245c;
    background: #f5f9ff;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.01em;
}

.gy-table td { color: #14213d; font-size: 13px; }
.gy-table tbody tr:hover { background: #fbfdff; }
.gy-table tbody tr:last-child td { border-bottom: 0; }
.gy-table__actions { display: inline-flex; gap: 6px; }

.gy-empty-state {
    display: grid;
    min-height: 150px;
    align-items: center;
    justify-items: center;
    padding: 1.5rem;
    color: #667085;
    text-align: center;
}

.gy-empty-state__icon {
    display: inline-grid;
    width: 44px;
    height: 44px;
    margin-bottom: 0.75rem;
    align-items: center;
    justify-items: center;
    border-radius: 0.75rem;
    color: #0868d7;
    background: #eaf3ff;
}

.gy-empty-state__icon svg { width: 23px; height: 23px; }

.gy-pagination {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    color: #667085;
    font-size: 13px;
}

.gy-pagination__pages { display: inline-flex; gap: 6px; }
.gy-pagination__button {
    display: inline-grid;
    min-width: 34px;
    height: 34px;
    align-items: center;
    justify-items: center;
    border: 1px solid #d8e0eb;
    border-radius: 0.5rem;
    color: #064fae;
    background: #ffffff;
    cursor: pointer;
}
.gy-pagination__button[aria-current="page"] { color: #ffffff; background: #0868d7; border-color: #0868d7; }