:root {
    --color-ink: #18222d;
    --color-accent: #0d6b5d;
    --color-surface: #f4f1e8;
    --color-card: #fffdfa;
    --color-border: #d8d1c3;
}

body {
    margin: 0;
    font-family: Georgia, "Times New Roman", serif;
    color: var(--color-ink);
    background: linear-gradient(180deg, #f7f2e8 0%, #eef1e8 100%);
}

header,
main {
    max-width: 1100px;
    margin: 0 auto;
    padding: 1rem;
}

nav {
    display: flex;
    gap: 1rem;
}

.ticket-layout {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(220px, 320px) 1fr;
}

.ticket-list,
.ticket-detail-panel,
.ticket-card,
.auth-shell {
    background: var(--color-card);
    border: 1px solid var(--color-border);
    border-radius: 14px;
    padding: 1rem;
}

@media (max-width: 720px) {
    .ticket-layout {
        grid-template-columns: 1fr;
    }
}