/* Easy Life kurumsal renk sistemi: sade, iki markalı ve tüm ekranlarda ortak. */
:root,
body[data-portal-theme="management"] {
    --brand-primary: #16a6b6;
    --brand-primary-dark: #108692;
    --brand-accent: #f6aa15;
    --brand-ink: #262626;
    --brand-soft: #f1fafb;
    --brand-soft-strong: #dff3f5;
    --brand-border: #d6e8ea;
    --brand-rgb: 22, 166, 182;
    --q1-sec-w: #c12033;
    --q2-sec-b: #bf9b5f;
    --q3-fm-w: #16a6b6;
    --q4-fm-b: #f6aa15;
    --primary: var(--brand-primary);
    --primary-dark: var(--brand-primary-dark);
    --dark: var(--brand-ink);
    --text: #404040;
}

body[data-portal-theme="security"] {
    --brand-primary: #c12033;
    --brand-primary-dark: #9f1b2b;
    --brand-accent: #bf9b5f;
    --brand-ink: #262626;
    --brand-soft: #fbf4f5;
    --brand-soft-strong: #f4dfe2;
    --brand-border: #ead5d8;
    --brand-rgb: 193, 32, 51;
}

body { background:#f7f7f7; color:var(--text); }
h1,h2,h3,h4,h5,h6 { color:var(--brand-ink); }

/* Ortak navigasyon, giriş ve ana sayfa */
header#global-header { border-bottom-color:#e5e5e5; box-shadow:0 1px 3px rgba(38,38,38,.07); }
.header-action-btn,.back-btn { background:#f2f2f2; color:var(--brand-ink); }
.header-action-btn:active,.back-btn:active { background:#e7e7e7; }
.user-avatar,.auth-btn { background:var(--brand-primary)!important; }
.auth-btn:active { background:var(--brand-primary-dark)!important; }
.auth-link { color:var(--brand-primary); }
.auth-link:active { color:var(--brand-primary-dark); }
.auth-input:focus,
input[type="text"]:focus,input[type="email"]:focus,input[type="password"]:focus,
select:focus,textarea:focus { border-color:var(--brand-primary)!important; box-shadow:0 0 0 3px rgba(var(--brand-rgb),.12)!important; }
.root-landing-title { color:var(--brand-ink); }
.academy-role-scope { width:100%; margin:2px 0 14px; padding:9px 12px; border:1px solid var(--brand-border); border-radius:10px; background:var(--brand-soft); color:#525252; font-size:13px; font-weight:650; line-height:1.45; text-align:center; }
.academy-role-scope:empty { display:none; }
.root-card,.company-card { border-color:#e4e4e4; box-shadow:0 3px 12px rgba(38,38,38,.045); }
.root-card:hover,.company-card:hover { border-color:var(--brand-primary); box-shadow:0 7px 18px rgba(var(--brand-rgb),.09); }
#akademi-landing .company-card:nth-child(2):hover { border-color:#c12033; box-shadow:0 7px 18px rgba(193,32,51,.09); }

/* Portal ve eğitim içerikleri */
.sidebar,.menu-category-title { background:var(--brand-primary)!important; }
.menu-item.active { color:var(--brand-primary)!important; }
.training-menu-search input:focus { border-color:var(--brand-accent); box-shadow:0 0 0 3px rgba(var(--brand-rgb),.12); }
.training-module { --training-color:var(--brand-primary)!important; --training-soft:var(--brand-soft)!important; }
.training-hero { background:var(--brand-primary)!important; }
.training-section { border-color:#e4e4e4; box-shadow:0 6px 20px rgba(38,38,38,.045); }
.training-card,.training-callout,.training-scenario { border-color:var(--brand-border); background:var(--brand-soft); }
.training-steps li>span { background:var(--brand-primary); }

/* Akademi katalog, takip ve sınav ekranları */
.exam-eyebrow { color:var(--brand-primary); }
.academy-hero,.tracking-hero,.queue-hero { border-color:var(--brand-border); background:#fff; box-shadow:0 10px 28px rgba(38,38,38,.055); }
.academy-progress-card { border-color:var(--brand-border); background:var(--brand-soft); box-shadow:none; }
.academy-progress-card strong { color:var(--brand-primary); }
.academy-progress-card>div { background:var(--brand-soft-strong); }
.academy-progress-card i { background:var(--brand-primary); }
.academy-toolbar { border-color:#e4e4e4; box-shadow:0 6px 18px rgba(38,38,38,.055); }
.academy-search { border-color:#dedede; background:#fafafa; }
.academy-filter-tabs button.is-active { background:var(--brand-ink); box-shadow:none; }
.academy-section-heading span,.tracking-section-heading span { color:var(--brand-primary); }
.academy-section-heading b,.tracking-section-heading b { background:var(--brand-soft-strong); color:var(--brand-primary-dark); }
.academy-course-card { border-color:#e4e4e4; box-shadow:0 3px 12px rgba(38,38,38,.04); }
.academy-course-card:hover { border-color:var(--brand-border); box-shadow:0 8px 20px rgba(38,38,38,.065); }
.academy-company-badge { background:var(--brand-soft-strong); color:var(--brand-primary-dark); }
.academy-company-badge.sec { background:#f4dfe2; color:#9f1b2b; }
.academy-course-card>button { background:#f2f2f2; color:var(--brand-ink); }
.academy-course-card>button:hover { background:var(--brand-soft-strong); color:var(--brand-primary-dark); }
.academy-course-card[data-status="exam"]>button,
.exam-queue-card>button,.exam-danger-btn { background:var(--brand-accent); color:var(--brand-ink); }
.academy-status.started,.academy-status.exam { background:#fff3d9; color:#8a5d00; }
.academy-status.completed { background:var(--brand-soft-strong); color:var(--brand-primary-dark); }
.queue-hero { border-color:#eadfca; }
.queue-count { border-color:#eadfca; box-shadow:none; }
.queue-count strong { color:var(--brand-accent); }
.exam-queue-number { background:#fff3d9; color:#8a5d00; }
.personnel-reminder-card { border-color:#e4e4e4; box-shadow:0 4px 14px rgba(38,38,38,.045); }
.personnel-reminder-card.training-reminder.has-action,
.personnel-reminder-card.exam-reminder.has-action { border-color:var(--brand-border); background:#fff; }
.personnel-reminder-card button { background:var(--brand-primary); }
.personnel-reminder-card.exam-reminder button { background:var(--brand-accent); color:var(--brand-ink); }
.training-completion-panel { border-color:var(--brand-border); background:#fff; box-shadow:0 8px 22px rgba(38,38,38,.05); }
.training-completion-icon { background:var(--brand-soft-strong); color:var(--brand-primary-dark); }
.exam-primary-btn,.exam-submit-btn { background:var(--brand-primary); }
.exam-primary-btn:hover { background:var(--brand-primary-dark); }
.exam-danger-btn:hover { background:var(--brand-accent); filter:brightness(.95); }
.personnel-question-title>span,.option-letter { background:var(--brand-soft-strong); color:var(--brand-primary-dark); }
.personnel-options input { accent-color:var(--brand-primary); }
.personnel-options label:hover,.personnel-options label:has(input:checked) { border-color:var(--brand-primary); background:var(--brand-soft); }
.exam-privacy-note { background:var(--brand-soft); color:var(--brand-primary-dark); }
.exam-timer { background:var(--brand-ink); }
.pending-exams-panel { border-color:var(--brand-border); }
.pending-exam-count { background:#fff3d9; color:#8a5d00; }
.pending-exam-list button { background:var(--brand-accent); color:var(--brand-ink); }

/* Yönetici portalı ve form oluşturucu */
.admin-login-overlay { background:#f3f3f3; }
.admin-login-box { border-top:5px solid var(--brand-primary); box-shadow:0 18px 50px rgba(38,38,38,.14); }
.admin-login-box button,.training-import-actions button,.exam-primary-btn { background:var(--brand-primary); }
.admin-login-box button:hover,.training-import-actions button:hover { background:var(--brand-primary-dark); }
.admin-tab:hover,.admin-tab.active { background:var(--brand-soft)!important; }
.canvas-field:hover,.canvas-field.active { border-color:var(--brand-primary); }
.canvas-field.active { background:var(--brand-soft); box-shadow:0 0 0 2px var(--brand-primary); }
.canvas-drop-area { border-color:var(--brand-primary); background:var(--brand-soft); color:var(--brand-primary-dark); }
.training-import-toolbar { border-color:var(--brand-border); }
.training-content-editor { border-color:var(--brand-border); }
.training-audience-option:hover,.training-audience-option:has(input:checked) { border-color:var(--brand-primary); background:var(--brand-soft); color:var(--brand-primary-dark); }
.training-audience-option:has(input:checked) { box-shadow:inset 0 0 0 1px var(--brand-primary); }
.training-audience-option input { accent-color:var(--brand-primary); }
.personel-security-card-section { border-color:#dfbcc1; background:#fbf4f5; }
.personel-security-card-icon { background:#f4dfe2; }
.personel-security-card-heading h4 { color:#9f1b2b; }
.training-format-button:hover,.training-format-toolbar select:hover { border-color:var(--brand-primary); background:var(--brand-soft); color:var(--brand-primary-dark); }
.training-normal-editor:focus { box-shadow:inset 0 0 0 2px var(--brand-primary); }
.exam-admin-tabs button.is-active,.exam-result-categories button.is-active { border-color:var(--brand-primary); background:var(--brand-soft); color:var(--brand-primary-dark); box-shadow:none; }
.exam-question-toolbar button { border-color:var(--brand-border); background:var(--brand-soft); color:var(--brand-primary-dark); }
.exam-option-editor label:has(input[type="radio"]:checked) { border-color:var(--brand-primary); background:var(--brand-soft); }
.exam-option-editor input[type="radio"] { accent-color:var(--brand-primary); }

/* Tailwind ile oluşturulan personel/form ekranlarındaki eski mavi vurgular */
body .bg-blue-600,body .bg-blue-500,body .bg-sky-600,body .bg-sky-500,body .bg-indigo-600 { background-color:var(--brand-primary)!important; }
body .hover\:bg-blue-700:hover,body .hover\:bg-blue-600:hover,body .hover\:bg-sky-700:hover { background-color:var(--brand-primary-dark)!important; }
body .text-blue-600,body .text-blue-700,body .text-sky-600,body .text-sky-700,body .text-indigo-600 { color:var(--brand-primary-dark)!important; }
body .border-blue-500,body .border-blue-600,body .border-sky-500 { border-color:var(--brand-primary)!important; }
body .bg-blue-50,body .bg-sky-50,body .bg-indigo-50 { background-color:var(--brand-soft)!important; }
body .ring-blue-500,body .focus\:ring-blue-500:focus { --tw-ring-color:rgba(var(--brand-rgb),.28)!important; }

/* Eski satır içi mavi eylemleri de aynı kurumsal renge toplar. */
#admin-container [style*="background:#3b82f6"],
#admin-container [style*="background: #3b82f6"],
#admin-container [style*="background:#2563eb"],
#admin-container [style*="background: #2563eb"] { background:var(--brand-primary)!important; }
#admin-container [style*="color:#3b82f6"],
#admin-container [style*="color: #3b82f6"],
#admin-container [style*="color:#2563eb"],
#admin-container [style*="color: #2563eb"] { color:var(--brand-primary-dark)!important; }

@media (max-width:640px) {
    .academy-hero,.tracking-hero,.queue-hero { box-shadow:0 5px 16px rgba(38,38,38,.045); }
}
