/* TTP Global - Account Theme
 * Palette aligned with the login theme brand (ttp-login.css).
 * Brand primary: #116935. Light, professional surface to match login.
 */

:root {
    /* Shared brand tokens — kept in sync with login/resources/css/ttp-login.css */
    --ttp-primary: #116935;
    --ttp-primary-dark: #0C4E26;
    --ttp-primary-light: #1F7A3A;
    --ttp-accent: #1F7A3A;
    --ttp-bg: #F5F5F7;
    --ttp-card: #FFFFFF;
    --ttp-border: #E2E8F0;
    --ttp-text: #1E293B;
    --ttp-text-muted: #64748B;
}

/* Override PatternFly colors */
:root {
    --pf-global--BackgroundColor--100: var(--ttp-card) !important;
    --pf-global--BackgroundColor--200: var(--ttp-bg) !important;
    --pf-global--primary-color--100: var(--ttp-primary) !important;
    --pf-global--link--Color: var(--ttp-primary) !important;
    --pf-global--Color--100: var(--ttp-text) !important;
}

body {
    background: var(--ttp-bg) !important;
    min-height: 100vh;
}

/* Header */
.pf-c-page__header,
header {
    background: linear-gradient(90deg, var(--ttp-primary-dark), var(--ttp-primary)) !important;
    border-bottom: 1px solid var(--ttp-border) !important;
}

/* Logo replacement (header is dark brand, keep white logo) */
.pf-c-page__header-brand-link img,
.pf-c-brand {
    filter: brightness(0) invert(1);
}

.pf-c-page__header-brand-link::before {
    content: 'TTP Global';
    font-size: 20px;
    font-weight: 700;
    color: white;
    margin-right: 8px;
}

/* Navigation */
.pf-c-nav__link {
    color: var(--ttp-text) !important;
    border-radius: 8px !important;
    transition: all 0.2s ease !important;
}

.pf-c-nav__link:hover,
.pf-c-nav__item.pf-m-current .pf-c-nav__link {
    background: var(--ttp-primary) !important;
    color: white !important;
}

/* Cards */
.pf-c-card {
    background: var(--ttp-card) !important;
    border: 1px solid var(--ttp-border) !important;
    border-radius: 16px !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 20px 40px rgba(0, 0, 0, 0.03) !important;
}

.pf-c-card__header,
.pf-c-card__title {
    color: var(--ttp-text) !important;
}

.pf-c-card__body {
    color: var(--ttp-text-muted) !important;
}

/* Forms */
.pf-c-form-control {
    background: #EDF7F0 !important;
    border: 1px solid var(--ttp-border) !important;
    border-radius: 10px !important;
    color: var(--ttp-text) !important;
    transition: all 0.2s ease !important;
}

.pf-c-form-control:focus {
    background: #FFFFFF !important;
    border-color: var(--ttp-primary) !important;
    box-shadow: 0 0 0 3px rgba(17, 105, 53, 0.2) !important;
}

/* Buttons */
.pf-c-button.pf-m-primary {
    background: var(--ttp-primary) !important;
    border: none !important;
    border-radius: 10px !important;
    font-weight: 600 !important;
    transition: all 0.2s ease !important;
}

.pf-c-button.pf-m-primary:hover {
    background: var(--ttp-primary-dark) !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(17, 105, 53, 0.2) !important;
}

.pf-c-button.pf-m-secondary,
.pf-c-button.pf-m-link {
    color: var(--ttp-primary-light) !important;
}

/* Tables */
.pf-c-table {
    background: transparent !important;
}

.pf-c-table thead th {
    background: #EDF7F0 !important;
    color: var(--ttp-text) !important;
    border-color: var(--ttp-border) !important;
}

.pf-c-table tbody td {
    color: var(--ttp-text-muted) !important;
    border-color: var(--ttp-border) !important;
}

.pf-c-table tbody tr:hover {
    background: rgba(17, 105, 53, 0.08) !important;
}

/* Sidebar */
.pf-c-page__sidebar {
    background: var(--ttp-card) !important;
    border-right: 1px solid var(--ttp-border) !important;
}

/* Alerts */
.pf-c-alert {
    border-radius: 12px !important;
}

.pf-c-alert.pf-m-success {
    background: #ECFDF5 !important;
    border-color: #A7F3D0 !important;
}

.pf-c-alert.pf-m-danger {
    background: #FEF2F2 !important;
    border-color: #FECACA !important;
}

/* Modals */
.pf-c-modal-box {
    background: var(--ttp-card) !important;
    border: 1px solid var(--ttp-border) !important;
    border-radius: 20px !important;
}

.pf-c-modal-box__header {
    border-color: var(--ttp-border) !important;
}

.pf-c-modal-box__title {
    color: var(--ttp-text) !important;
}

/* Badges */
.pf-c-badge {
    background: var(--ttp-primary) !important;
    border-radius: 20px !important;
}

/* Footer */
.pf-c-page__main-section:last-child::after {
    content: '© 2026 TTP Global - Đăng nhập một lần (SSO)';
    display: block;
    text-align: center;
    color: var(--ttp-text-muted);
    font-size: 12px;
    padding: 24px;
    opacity: 0.7;
}