:root{
    --brand: #1E455F; /* Primary (Gotham palette) */
    --accent: #FABF3D; /* Gold accent */
    --muted: #6b7280;
    --bg-soft: #f6f8fb;
}
body{
    font-family: "Gotham", "Montserrat", "Poppins", "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif;
    background: var(--bg-soft);
    color: #0f172a;
}
.analyzer-root{
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}
.card-title{font-weight:600}
#preview{max-height:360px;object-fit:cover}
#ai{white-space:pre-wrap}
.list-group-item strong{color:var(--muted)}

/* Header styling */
header {
    position: sticky;
    top: 0;
    z-index: 100;
}

/* Status pill styles matching reference */
.status-pill {
    display: inline-block;
    padding: 0.375rem 0.75rem;
    border-radius: 9999px;
    font-size: 0.875rem;
    font-weight: 600;
}

.status-inprogress {
    background-color: #fef3c7;
    color: #92400e;
}

.status-approved {
    background-color: #d1fae5;
    color: #065f46;
}

.status-edits-needed {
    background-color: #fed7aa;
    color: #9a3412;
}

/* Tab button styles matching reference */
.results-tab-btn {
    transition: all 0.2s ease;
    border: none;
    cursor: pointer;
}

.results-tab-btn:hover:not(.bg-blue-600) {
    background-color: #e5e7eb;
}

.results-tab-btn.bg-blue-600 {
    background-color: var(--brand) !important;
    color: white !important;
}

/* Client-facing results list styles */
#clientResultsList {
    max-width: 100%;
}

#clientResultsList > div {
    transition: all 0.2s ease;
}

#clientResultsList > div:hover {
    transform: translateY(-2px);
}

/* Professional card styling */
.client-result-card {
    border-left: 4px solid #e5e7eb;
}

.client-result-card:hover {
    border-left-color: var(--brand);
}

/* Detailed view transition */
.detailed-result-card {
    transition: all 0.3s ease;
}

.detailed-result-card.ring-4 {
    animation: highlightPulse 2s ease-in-out;
}

@keyframes highlightPulse {
    0%, 100% {
        box-shadow: 0 0 0 0 rgba(59, 130, 246, 0.7);
    }
    50% {
        box-shadow: 0 0 0 8px rgba(59, 130, 246, 0);
    }
}

/* Button styles matching reference */
.btn {
    background-color: var(--brand);
    color: white;
    transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}

.btn:hover {
    background-color: var(--accent);
    color: #1e293b;
    box-shadow: 0 6px 18px -8px rgba(0,0,0,0.35);
}

/* Image grid tile hover effect */
#uploadedGrid > div:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

/* Palette overrides for Tailwind utility classes to match finalized scheme */
.bg-blue-600 { background-color: var(--brand) !important; }
.hover\:bg-blue-700:hover { background-color: #16374a !important; }
.text-blue-600 { color: var(--brand) !important; }
.hover\:text-blue-800:hover { color: #122a3a !important; }
.border-blue-600 { border-color: var(--brand) !important; }
.ring-blue-400 { --tw-ring-color: rgba(30, 69, 95, 0.35) !important; }
.bg-amber-100 { background-color: #fff7e6 !important; }

/* Headings align with brand */
h1, h2, h3, h4, h5, h6 {
    color: var(--brand);
    font-family: "Gotham", "Montserrat", "Poppins", "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 700;
}