/*
 * Global admin styles for EDI Lift Offers.
 */

:root {
    --navy: #12172a;
    --navy-2: #1c2440;
    --gold: #c9a227;
    --gold-light: #e8c766;
    --paper: #f6f2e8;
    --paper-2: #ece5d3;
    --ink: #1a1d29;
    --line: #d9d0b8;
    --danger: #a8433c;
    --success: #3f7d5c;
    font-family: 'Inter', sans-serif;
}

.elo-plugin-wrap {
    background: var(--paper);
    padding: 20px;
}

.elo-sidebar {
    background: var(--navy);
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 4px;
}

.elo-nav {
    list-style: none;
    margin: 0;
    padding: 0;
}

.elo-nav li {
    margin-bottom: 10px;
}

.elo-nav a {
    color: var(--paper);
    text-decoration: none;
    display: block;
    padding: 10px;
    border-radius: 4px;
    transition: background 0.2s;
}

.elo-nav li.active a,
.elo-nav a:hover {
    background: var(--gold);
    color: var(--navy);
}

.elo-dashboard .elo-stats {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.elo-card {
    background: var(--navy-2);
    color: var(--paper);
    padding: 20px;
    border-radius: 6px;
    flex: 1 1 200px;
    min-width: 200px;
}
.elo-card h3 {
    margin-top: 0;
    font-size: 18px;
    color: var(--gold-light);
}
.elo-card p {
    font-size: 24px;
    margin: 0;
}

.elo-latest table {
    background: var(--paper);
    border-collapse: collapse;
    width: 100%;
}
.elo-latest th, .elo-latest td {
    border: 1px solid var(--line);
    padding: 8px;
}
.elo-latest th {
    background: var(--navy);
    color: var(--paper);
}

.elo-offers-list table {
    width: 100%;
    border-collapse: collapse;
}
.elo-offers-list th, .elo-offers-list td {
    padding: 8px;
    border: 1px solid var(--line);
}
.elo-offers-list th {
    background: var(--navy);
    color: var(--paper);
}
.elo-offers-list tr:nth-child(odd) {
    background: var(--paper);
}
.elo-offers-list tr:nth-child(even) {
    background: var(--paper-2);
}

.elo-settings-page input[type="text"] {
    width: 50%;
}

/* Form navigation */
.elo-form-nav ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0 0 20px 0;
    background: var(--navy-2);
    border-radius: 4px;
}
.elo-form-nav li {
    flex: 1;
}
.elo-form-nav a {
    display: block;
    padding: 10px;
    text-align: center;
    color: var(--paper);
    text-decoration: none;
    border-right: 1px solid var(--navy);
}
.elo-form-nav li:last-child a {
    border-right: none;
}
.elo-form-nav a:hover {
    background: var(--gold);
    color: var(--navy);
}
.elo-form-sections {
    background: var(--paper);
    padding: 20px;
    border-radius: 4px;
}
.elo-section {
    margin-bottom: 40px;
}
.elo-section h2 {
    margin-top: 0;
    border-bottom: 2px solid var(--line);
    padding-bottom: 8px;
    color: var(--navy);
}
.elo-section p {
    margin-bottom: 10px;
}
.elo-section input[type="text"],
.elo-section input[type="number"],
.elo-section input[type="date"],
.elo-section input[type="email"],
.elo-section select,
.elo-section textarea {
    width: 100%;
    padding: 6px;
    border: 1px solid var(--line);
    border-radius: 4px;
}
.elo-section textarea {
    resize: vertical;
}

.elo-spec-table th, .elo-spec-table td, .elo-obl-table td {
    padding: 4px;
}

.elo-spec-table th {
    background: var(--navy);
    color: var(--paper);
}

.elo-price-summary {
    background: var(--navy-2);
    color: var(--paper);
    padding: 10px;
    border-radius: 4px;
}

.elo-payment-breakdown {
    background: var(--paper-2);
    padding: 10px;
    border-radius: 4px;
    margin-top: 10px;
}

.elo-preview-toolbar {
    margin-bottom: 20px;
}

.elo-preview-toolbar .button {
    margin-right: 10px;
}