/* AfriGulf UI fixes: auth layout, job cards, dark theme consistency */
:root{--ag-bg:#f8faff;--ag-surface:rgba(255,255,255,0.94);--ag-surface-2:#ffffff;--ag-border-soft:#e6ecf5;--ag-ink:#32414b;--ag-ink-soft:#6b7a86;--ag-primary:#00b074;--ag-secondary:#2b9bff;--ag-shadow:0 18px 40px rgba(40,57,90,0.08);--ag-shadow-lg:0 24px 60px rgba(40,57,90,0.12)}
html[data-theme="dark"]{--ag-bg:#0f1720;--ag-surface:rgba(17,24,39,0.95);--ag-surface-2:#111827;--ag-border-soft:#1f2937;--ag-ink:#eef2f7;--ag-ink-soft:#c1ccd8;--ag-shadow:0 18px 40px rgba(2,8,23,0.35);--ag-shadow-lg:0 24px 60px rgba(2,8,23,0.45)}
html[data-theme="dark"] body,html[data-theme="dark"] .page-container,html[data-theme="dark"] .content-section,html[data-theme="dark"] main{background:var(--ag-bg)!important;color:var(--ag-ink-soft)!important}
html[data-theme="dark"] .site-header,html[data-theme="dark"] .site-footer,html[data-theme="dark"] .hero-section,html[data-theme="dark"] .hero-compact,html[data-theme="dark"] .hero-small,html[data-theme="dark"] .hero-content,html[data-theme="dark"] .filters-card,html[data-theme="dark"] .job-card,html[data-theme="dark"] .article-card,html[data-theme="dark"] .contact-form-container,html[data-theme="dark"] .contact-info-card,html[data-theme="dark"] .profile-card,html[data-theme="dark"] .dashboard-card,html[data-theme="dark"] .detail-section,html[data-theme="dark"] .auth-brand,html[data-theme="dark"] .auth-card,html[data-theme="dark"] .news-card,html[data-theme="dark"] .card{background:var(--ag-surface-2)!important;color:var(--ag-ink-soft)!important;border-color:var(--ag-border-soft)!important;box-shadow:var(--ag-shadow)!important}
html[data-theme="dark"] h1,html[data-theme="dark"] h2,html[data-theme="dark"] h3,html[data-theme="dark"] h4,html[data-theme="dark"] .job-title,html[data-theme="dark"] .job-title a,html[data-theme="dark"] .company-name,html[data-theme="dark"] .auth-title,html[data-theme="dark"] .auth-card__title,html[data-theme="dark"] .article-title,html[data-theme="dark"] .section-title,html[data-theme="dark"] .page-title{color:var(--ag-ink)!important}
html[data-theme="dark"] p,html[data-theme="dark"] .hero-subtitle,html[data-theme="dark"] .post-date,html[data-theme="dark"] .salary-location,html[data-theme="dark"] .auth-subtitle,html[data-theme="dark"] .auth-card__hint,html[data-theme="dark"] .job-company-row,html[data-theme="dark"] .job-reference,html[data-theme="dark"] .meta-item,html[data-theme="dark"] .filters-card h3,html[data-theme="dark"] label{color:var(--ag-ink-soft)!important}
html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea,html[data-theme="dark"] .search-input,html[data-theme="dark"] .filter-select{background:#0f172a!important;color:var(--ag-ink)!important;border-color:#243244!important}
html[data-theme="dark"] input::placeholder,html[data-theme="dark"] textarea::placeholder{color:#8ca0b3!important}
html[data-theme="dark"] .btn,html[data-theme="dark"] .btn-primary,html[data-theme="dark"] .header-cta-btn,html[data-theme="dark"] .auth-submit,html[data-theme="dark"] .apply-btn:not(.applied){color:#fff!important}
html[data-theme="dark"] .icon-btn,html[data-theme="dark"] .theme-toggle,html[data-theme="dark"] .notification-btn{background:#111827!important;border-color:#243244!important;color:var(--ag-ink)!important}
body.auth-body{background:radial-gradient(circle at top right, rgba(0,176,116,0.16) 0%, transparent 24%),radial-gradient(circle at left, rgba(43,155,255,0.10) 0%, transparent 22%),linear-gradient(180deg,#f7fbff 0%,#f8faff 100%)!important}
.auth{padding:clamp(20px,4vw,40px)!important;min-height:100vh!important;align-items:center!important}.auth-shell{max-width:1180px!important;gap:24px!important}.auth-brand{background:linear-gradient(135deg,var(--ag-primary) 0%,var(--ag-secondary) 100%)!important;color:#fff!important;border:0!important;box-shadow:var(--ag-shadow-lg)!important;padding:40px!important}.auth-brand::before{content:"";position:absolute;inset:auto -50px -50px auto;width:180px;height:180px;border-radius:999px;background:radial-gradient(circle,rgba(255,255,255,0.16) 0%,rgba(255,255,255,0) 72%);pointer-events:none}.auth-brand::after{content:"";position:absolute;inset:20px auto auto -30px;width:140px;height:140px;border-radius:999px;background:radial-gradient(circle,rgba(255,255,255,0.12) 0%,rgba(255,255,255,0) 72%);pointer-events:none}.auth-brand,.auth-brand *{color:#fff!important}.auth-card{background:rgba(255,255,255,0.98)!important;border:1px solid var(--ag-border-soft)!important;border-radius:24px!important;box-shadow:var(--ag-shadow-lg)!important;padding:34px!important}.auth-card__top{display:block!important;margin-bottom:18px!important}.auth-card__title{font-size:34px!important;line-height:1.1!important;color:var(--ag-ink)!important}.auth-card__hint{margin-top:8px!important;max-width:40ch}.form-grid{grid-template-columns:1fr!important}.auth-form .input,.auth-form input,.auth-form select,.auth-form textarea,.auth-card input,.auth-card select,.auth-card textarea{min-height:48px!important;border-radius:14px!important;border:1px solid #e8eef6!important;background:#f8fafc!important;padding:0 14px!important;font-size:14px!important}.auth-card textarea{min-height:120px!important;padding-top:12px!important}.password-toggle{width:34px!important;height:34px!important;border-radius:12px!important}.auth-submit,.auth-card .btn,.auth-card .btn-primary{min-height:48px!important;border-radius:14px!important;background:linear-gradient(135deg,var(--ag-primary) 0%,var(--ag-secondary) 100%)!important;border:0!important;box-shadow:0 14px 28px rgba(0,176,116,0.16)!important}.auth-row{align-items:center!important}@media (max-width:980px){.auth-shell{grid-template-columns:1fr!important}}

.card,.article-card,.news-card,.feature-card,.contact-form-container,.contact-info-card,.profile-card,.dashboard-card,.detail-section{border-radius:24px!important;border:1px solid var(--ag-border-soft)!important;background:var(--ag-surface)!important;box-shadow:var(--ag-shadow)!important}.card:hover,.article-card:hover,.news-card:hover{box-shadow:var(--ag-shadow-lg)!important}.hero-section.hero-compact,.hero-section{min-height:240px!important;display:flex;align-items:center}