/**
 * Performansım, Yeni Ticket, Performance Modal — premium dark mode.
 * Uses html[data-theme="dark"] from app_theme_ui.js; no separate theme state.
 */

[data-theme='dark'] {
  --pf-card: var(--dashboard-card, #141e32);
  --pf-card-elevated: var(--dashboard-card-elevated, #182338);
  --pf-card-hover: var(--dashboard-card-hover, #1c2942);
  --pf-border: var(--dashboard-border, rgba(148, 163, 184, 0.14));
  --pf-border-strong: var(--dashboard-border-strong, rgba(148, 163, 184, 0.24));
  --pf-text: var(--dashboard-text-primary, #f8fafc);
  --pf-text-secondary: var(--dashboard-text-secondary, #cbd5e1);
  --pf-text-muted: var(--dashboard-text-muted, #94a3b8);
  --pf-input-bg: var(--input-bg, #0f1729);
  --pf-shadow: var(--dashboard-shadow, 0 4px 24px rgba(0, 0, 0, 0.28));
  --pf-info-surface: linear-gradient(135deg, rgba(59, 130, 246, 0.14) 0%, rgba(15, 23, 42, 0.72) 100%);
  --pf-info-border: rgba(59, 130, 246, 0.28);
  --pf-metric-surface: linear-gradient(180deg, rgba(24, 35, 56, 0.98) 0%, rgba(18, 28, 46, 0.96) 100%);
  --pf-eval-surface: rgba(15, 23, 42, 0.55);
  --pf-bar-track: rgba(148, 163, 184, 0.14);
  --pf-accent: var(--dashboard-accent-blue, #60a5fa);
  --pf-accent-strong: #93c5fd;
  --pf-table-header: rgba(15, 23, 42, 0.72);
  --pf-table-row-hover: rgba(255, 255, 255, 0.03);
  --pf-date-icon-filter: invert(0.92) sepia(0.2) saturate(2.4) hue-rotate(188deg) brightness(1.85) contrast(1.12);
  --pf-date-icon-filter-hover: invert(0.96) sepia(0.26) saturate(2.8) hue-rotate(188deg) brightness(2) contrast(1.14);
  --pf-date-icon-filter-focus: invert(0.94) sepia(0.24) saturate(2.8) hue-rotate(188deg) brightness(1.92) contrast(1.1);
  --pf-date-icon-filter-disabled: invert(0.72) sepia(0.12) saturate(1.8) hue-rotate(188deg) brightness(1.35) contrast(0.98);
  --pf-modal-date-icon-filter: brightness(0) saturate(100%) invert(93%) sepia(12%) saturate(420%) hue-rotate(186deg) brightness(1.35) contrast(1.05);
  --pf-modal-date-icon-filter-hover: brightness(0) saturate(100%) invert(96%) sepia(18%) saturate(480%) hue-rotate(186deg) brightness(1.5) contrast(1.08);
  --pf-modal-date-icon-filter-focus: brightness(0) saturate(100%) invert(94%) sepia(16%) saturate(460%) hue-rotate(186deg) brightness(1.42) contrast(1.06);
  --pf-modal-date-icon-filter-disabled: brightness(0) saturate(100%) invert(72%) sepia(8%) saturate(280%) hue-rotate(186deg) brightness(1.1) contrast(0.92);
}

/* —— Performansım page container —— */
[data-theme='dark'] #view-performance .card {
  background: linear-gradient(180deg, var(--pf-card-elevated) 0%, var(--pf-card) 100%);
  border: 1px solid var(--pf-border);
  box-shadow: var(--pf-shadow);
}

[data-theme='dark'] #view-performance .card h2,
[data-theme='dark'] #view-performance .perf-history-title {
  color: var(--pf-text);
}

[data-theme='dark'] #view-performance .sub {
  color: var(--pf-text-secondary);
}

[data-theme='dark'] #view-performance .field label {
  color: var(--pf-text-muted);
}

[data-theme='dark'] #view-performance .field input:not([type='month']) {
  background: var(--pf-input-bg);
  color: var(--pf-text);
  border-color: var(--input-border, var(--pf-border));
}

[data-theme='dark'] #view-performance .perf-avg {
  color: var(--pf-accent-strong);
}

[data-theme='dark'] #view-performance .perf-avg small {
  color: var(--pf-text-muted);
}

[data-theme='dark'] #view-performance .perf-puan {
  color: var(--pf-accent);
}

[data-theme='dark'] #view-performance .perf-item {
  background: var(--pf-metric-surface);
  border-color: var(--pf-border);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

[data-theme='dark'] #view-performance .perf-item b {
  color: var(--pf-text);
}

[data-theme='dark'] #view-performance .perf-item .sub {
  color: var(--pf-text-muted);
}

[data-theme='dark'] #view-performance .perf-bar {
  background: var(--pf-bar-track);
}

[data-theme='dark'] #view-performance .perf-genel-not {
  background: var(--pf-info-surface);
  border-color: var(--pf-info-border);
  color: var(--pf-text);
}

[data-theme='dark'] #view-performance .perf-genel-not b {
  color: var(--pf-text);
}

[data-theme='dark'] #view-performance .perf-eval-panel {
  background: var(--pf-metric-surface);
  border-color: var(--pf-border);
}

[data-theme='dark'] #view-performance .perf-eval-panel h3 {
  color: var(--pf-text);
}

[data-theme='dark'] #view-performance .perf-eval-list-inner {
  border-color: var(--pf-border);
  background: var(--pf-eval-surface);
}

[data-theme='dark'] #view-performance .perf-eval-item {
  border-bottom-color: var(--pf-border);
  color: var(--pf-text);
}

[data-theme='dark'] #view-performance .perf-eval-item b {
  color: var(--pf-text);
}

[data-theme='dark'] #view-performance .perf-eval-score {
  color: var(--pf-accent);
}

[data-theme='dark'] #view-performance .perf-eval-hidden {
  color: var(--pf-text-muted) !important;
}

[data-theme='dark'] #view-performance .tablewrap {
  border: 1px solid var(--pf-border);
  border-radius: 12px;
  background: var(--pf-eval-surface);
}

[data-theme='dark'] #view-performance th {
  background: var(--pf-table-header);
  color: var(--pf-text-muted);
  border-bottom-color: var(--pf-border);
}

[data-theme='dark'] #view-performance td {
  color: var(--pf-text);
  border-bottom-color: var(--pf-border);
}

[data-theme='dark'] #view-performance tr:hover td {
  background: var(--pf-table-row-hover);
}

/* —— Month picker (Performansım page) —— */
[data-theme='dark'] #view-performance input[type='month'] {
  color-scheme: dark;
  accent-color: var(--primary, #3b82f6);
  background: var(--pf-input-bg);
  color: var(--pf-text);
  border-color: var(--input-border, var(--pf-border));
}

[data-theme='dark'] #view-performance input[type='month']::-webkit-calendar-picker-indicator {
  filter: var(--pf-date-icon-filter) !important;
  opacity: 1 !important;
  cursor: pointer;
  padding: 4px;
  border-radius: 6px;
  transition: opacity 0.15s ease, filter 0.15s ease, background 0.15s ease;
}

[data-theme='dark'] #view-performance input[type='month']::-webkit-calendar-picker-indicator:hover {
  filter: var(--pf-date-icon-filter-hover) !important;
  background: rgba(59, 130, 246, 0.16);
}

[data-theme='dark'] #view-performance input[type='month']:focus::-webkit-calendar-picker-indicator {
  filter: var(--pf-date-icon-filter-focus) !important;
}

[data-theme='dark'] #view-performance input[type='month']:disabled::-webkit-calendar-picker-indicator {
  filter: var(--pf-date-icon-filter-disabled) !important;
  opacity: 0.55;
}

/* Performance modal DÖNEM — high-contrast month value + calendar icon */
[data-theme='dark'] #icPerfModal .ic-perf-donem input[type='month'],
[data-theme='dark'] #icPerfModal #icPerfDonemInput {
  color-scheme: dark;
  accent-color: var(--primary, #3b82f6);
  background-color: var(--pf-input-bg) !important;
  color: var(--pf-text) !important;
  -webkit-text-fill-color: var(--pf-text);
  border-color: var(--input-border, var(--pf-border-strong)) !important;
  caret-color: var(--pf-accent-strong);
}

[data-theme='dark'] #icPerfModal .ic-perf-donem input[type='month']::-webkit-calendar-picker-indicator,
[data-theme='dark'] #icPerfModal #icPerfDonemInput::-webkit-calendar-picker-indicator {
  filter: var(--pf-modal-date-icon-filter) !important;
  opacity: 1 !important;
  cursor: pointer;
  padding: 4px;
  border-radius: 6px;
  transition: opacity 0.15s ease, filter 0.15s ease, background 0.15s ease;
}

[data-theme='dark'] #icPerfModal .ic-perf-donem input[type='month']::-webkit-calendar-picker-indicator:hover,
[data-theme='dark'] #icPerfModal #icPerfDonemInput::-webkit-calendar-picker-indicator:hover {
  filter: var(--pf-modal-date-icon-filter-hover) !important;
  background: rgba(59, 130, 246, 0.16);
}

[data-theme='dark'] #icPerfModal .ic-perf-donem input[type='month']:focus::-webkit-calendar-picker-indicator,
[data-theme='dark'] #icPerfModal #icPerfDonemInput:focus::-webkit-calendar-picker-indicator {
  filter: var(--pf-modal-date-icon-filter-focus) !important;
}

[data-theme='dark'] #icPerfModal .ic-perf-donem input[type='month']:disabled::-webkit-calendar-picker-indicator,
[data-theme='dark'] #icPerfModal #icPerfDonemInput:disabled::-webkit-calendar-picker-indicator {
  filter: var(--pf-modal-date-icon-filter-disabled) !important;
  opacity: 0.55 !important;
}

[data-theme='dark'] #icPerfModal .ic-perf-donem input[type='month']:focus,
[data-theme='dark'] #icPerfModal #icPerfDonemInput:focus {
  border-color: rgba(59, 130, 246, 0.55) !important;
  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.22);
  outline: none;
}

[data-theme='dark'] #view-performance input[type='month']::-webkit-datetime-edit,
[data-theme='dark'] #view-performance input[type='month']::-webkit-datetime-edit-fields-wrapper,
[data-theme='dark'] #icPerfModal .ic-perf-donem input[type='month']::-webkit-datetime-edit,
[data-theme='dark'] #icPerfModal .ic-perf-donem input[type='month']::-webkit-datetime-edit-fields-wrapper,
[data-theme='dark'] #icPerfModal #icPerfDonemInput::-webkit-datetime-edit,
[data-theme='dark'] #icPerfModal #icPerfDonemInput::-webkit-datetime-edit-fields-wrapper,
[data-theme='dark'] #icPerfModal #icPerfDonemInput::-webkit-datetime-edit-month-field,
[data-theme='dark'] #icPerfModal #icPerfDonemInput::-webkit-datetime-edit-year-field,
[data-theme='dark'] #icPerfModal #icPerfDonemInput::-webkit-datetime-edit-text {
  color: var(--pf-text) !important;
  -webkit-text-fill-color: var(--pf-text);
}

/* —— Yeni Ticket page —— */
[data-theme='dark'] #view-create .card {
  background: linear-gradient(180deg, var(--pf-card-elevated) 0%, var(--pf-card) 100%);
  border: 1px solid var(--pf-border);
  box-shadow: var(--pf-shadow);
}

[data-theme='dark'] #view-create .card h2 {
  color: var(--pf-text);
}

[data-theme='dark'] #view-create .sub {
  color: var(--pf-text-secondary);
}

[data-theme='dark'] #view-create label {
  color: var(--pf-text-muted);
}

[data-theme='dark'] #view-create #createForm input,
[data-theme='dark'] #view-create #createForm select,
[data-theme='dark'] #view-create #createForm textarea {
  background: var(--pf-input-bg);
  color: var(--pf-text);
  border-color: var(--input-border, var(--pf-border));
}

[data-theme='dark'] #view-create #createForm input::placeholder,
[data-theme='dark'] #view-create #createForm textarea::placeholder {
  color: #64748b;
}

[data-theme='dark'] #view-create #createForm input:focus,
[data-theme='dark'] #view-create #createForm select:focus,
[data-theme='dark'] #view-create #createForm textarea:focus {
  border-color: #3b82f6;
  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.25);
}

[data-theme='dark'] #view-create #createForm select {
  color-scheme: dark;
}

[data-theme='dark'] #view-create #createForm select option {
  background: var(--dropdown-option-bg, #0f1729);
  color: var(--dropdown-option-text, #f8fafc);
}

[data-theme='dark'] #view-create #createForm select option:checked {
  background: var(--dropdown-option-hover, #1e3a5f);
  color: var(--primary-2, #93c5fd);
}

[data-theme='dark'] #view-create #createForm input[type='date'] {
  color-scheme: dark;
  accent-color: var(--primary, #3b82f6);
}

[data-theme='dark'] #view-create #createForm input[type='date']::-webkit-calendar-picker-indicator {
  filter: var(--pf-date-icon-filter);
  opacity: 1;
  cursor: pointer;
  padding: 4px;
  border-radius: 6px;
}

[data-theme='dark'] #view-create #createForm input[type='date']::-webkit-calendar-picker-indicator:hover {
  filter: var(--pf-date-icon-filter-hover);
  background: rgba(59, 130, 246, 0.16);
}

[data-theme='dark'] #view-create #createForm input[type='file'] {
  color: var(--pf-text-secondary);
  background: var(--pf-input-bg);
  border: 1px dashed var(--pf-border-strong);
  padding: 12px 14px;
  cursor: pointer;
}

[data-theme='dark'] #view-create #createForm input[type='file']::file-selector-button {
  margin-right: 12px;
  padding: 8px 14px;
  border: 1px solid var(--pf-border-strong);
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(24, 35, 56, 0.98) 0%, rgba(15, 23, 41, 0.96) 100%);
  color: var(--pf-text);
  font: inherit;
  font-size: 0.82rem;
  font-weight: 700;
  cursor: pointer;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
  transition: background 0.15s ease, border-color 0.15s ease;
}

[data-theme='dark'] #view-create #createForm input[type='file']::file-selector-button:hover {
  background: var(--pf-card-hover);
  border-color: rgba(59, 130, 246, 0.38);
  color: var(--pf-accent-strong);
}

[data-theme='dark'] #view-create .thh-box.show,
[data-theme='dark'] #view-create .sp-box.show {
  background: rgba(59, 130, 246, 0.08);
  border-color: rgba(59, 130, 246, 0.24);
}

/* PROMPT category helper pills (Yeni Ticket) */
#view-create .prompt-ai-helper-btn {
  font-size: 0.76rem;
  padding: 5px 10px;
  border-color: #c4b5fd;
  color: #5b21b6;
  white-space: nowrap;
}

[data-theme='dark'] #view-create #promptBox {
  background: rgba(139, 92, 246, 0.12) !important;
  border-color: rgba(167, 139, 250, 0.32) !important;
}

[data-theme='dark'] #view-create #promptBox .sub {
  color: #ddd6fe !important;
}

[data-theme='dark'] #view-create #promptBox b {
  color: #e9d5ff;
}

[data-theme='dark'] #view-create .prompt-ai-helper-btn,
[data-theme='dark'] #view-create #btnPromptAiKonu,
[data-theme='dark'] #view-create #btnPromptAiOlustur {
  background: linear-gradient(180deg, rgba(76, 29, 149, 0.38) 0%, rgba(46, 16, 101, 0.55) 100%) !important;
  border: 1px solid rgba(167, 139, 250, 0.42) !important;
  color: #ede9fe !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 1px 3px rgba(0, 0, 0, 0.18);
}

[data-theme='dark'] #view-create .prompt-ai-helper-btn:hover:not(:disabled),
[data-theme='dark'] #view-create #btnPromptAiKonu:hover:not(:disabled),
[data-theme='dark'] #view-create #btnPromptAiOlustur:hover:not(:disabled) {
  background: linear-gradient(180deg, rgba(91, 33, 182, 0.48) 0%, rgba(59, 20, 120, 0.62) 100%) !important;
  border-color: rgba(196, 181, 253, 0.55) !important;
  color: #f5f3ff !important;
}

[data-theme='dark'] #view-create .prompt-ai-helper-btn:focus-visible,
[data-theme='dark'] #view-create #btnPromptAiKonu:focus-visible,
[data-theme='dark'] #view-create #btnPromptAiOlustur:focus-visible {
  outline: 2px solid rgba(167, 139, 250, 0.55);
  outline-offset: 2px;
}

[data-theme='dark'] #view-create .prompt-ai-helper-btn:disabled,
[data-theme='dark'] #view-create #btnPromptAiKonu:disabled,
[data-theme='dark'] #view-create #btnPromptAiOlustur:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  filter: saturate(0.7);
}

[data-theme='dark'] #view-create .ticket-paste-item {
  background: var(--pf-input-bg);
  border-color: var(--pf-border);
}

[data-theme='dark'] #view-create .actions .btn {
  box-shadow: var(--btn-primary-shadow, 0 4px 14px rgba(37, 99, 235, 0.32)), var(--btn-primary-inset, inset 0 1px 0 rgba(255, 255, 255, 0.14));
}

[data-theme='dark'] #globalAlert.alert.ok {
  background: #0f2918;
  color: #6ee7b7;
  border-color: #166534;
}

/* —— Performance Modal (Module Center + top badge) —— */
[data-theme='dark'] .ic-perf-modal {
  background: rgba(0, 0, 0, 0.65);
}

[data-theme='dark'] .ic-perf-modal .modalbox {
  background: var(--pf-card);
  border: 1px solid var(--pf-border);
  box-shadow: var(--shadow-lg, 0 20px 50px rgba(0, 0, 0, 0.42));
}

[data-theme='dark'] .ic-perf-modal .modalbody {
  background: var(--pf-card);
  color: var(--pf-text);
}

[data-theme='dark'] .ic-perf-modal .modalbody::-webkit-scrollbar-thumb {
  background: #334155;
}

[data-theme='dark'] .ic-perf-hero h2 {
  color: var(--pf-text);
}

[data-theme='dark'] .ic-perf-hero .sub {
  color: var(--pf-text-secondary);
}

[data-theme='dark'] .ic-perf-donem label {
  color: var(--pf-text-muted);
}

[data-theme='dark'] .ic-perf-donem input {
  background: var(--pf-input-bg);
  color: var(--pf-text);
  border-color: var(--input-border, var(--pf-border));
}

[data-theme='dark'] .ic-perf-avg {
  color: var(--pf-accent-strong);
}

[data-theme='dark'] .ic-perf-avg small {
  color: var(--pf-text-muted);
}

[data-theme='dark'] .ic-perf-item {
  background: var(--pf-metric-surface);
  border-color: var(--pf-border);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

[data-theme='dark'] .ic-perf-item b {
  color: var(--pf-text);
}

[data-theme='dark'] .ic-perf-item .sub {
  color: var(--pf-text-muted);
}

[data-theme='dark'] .ic-perf-puan {
  color: var(--pf-accent);
}

[data-theme='dark'] .ic-perf-bar {
  background: var(--pf-bar-track);
}

[data-theme='dark'] .ic-perf-note {
  background: var(--pf-info-surface);
  border-color: var(--pf-info-border);
  color: var(--pf-text);
}

[data-theme='dark'] .ic-perf-note b {
  color: var(--pf-text);
}

[data-theme='dark'] .ic-perf-note .sub {
  color: var(--pf-text-secondary);
}

[data-theme='dark'] .ic-perf-history h3,
[data-theme='dark'] .ic-perf-eval-history h3 {
  color: var(--pf-text);
}

[data-theme='dark'] .ic-perf-eval-list {
  background: var(--pf-eval-surface);
  border-color: var(--pf-border);
}

[data-theme='dark'] .ic-perf-eval-item {
  border-bottom-color: var(--pf-border);
  color: var(--pf-text);
}

[data-theme='dark'] .ic-perf-eval-item b {
  color: var(--pf-text);
}

[data-theme='dark'] .ic-perf-eval-score {
  color: var(--pf-accent);
}

[data-theme='dark'] .ic-perf-history th {
  background: var(--pf-table-header);
  color: var(--pf-text-muted);
  border-bottom-color: var(--pf-border);
}

[data-theme='dark'] .ic-perf-history td {
  color: var(--pf-text);
  border-bottom-color: var(--pf-border);
}

[data-theme='dark'] .ic-perf-history tr:hover td {
  background: var(--pf-table-row-hover);
}

[data-theme='dark'] .ic-perf-loading {
  color: var(--pf-text-muted);
}

[data-theme='dark'] .ic-perf-eval-hidden {
  color: var(--pf-text-muted) !important;
}

[data-theme='dark'] .ic-perf-modal .sub[style*='color:#b91c1c'],
[data-theme='dark'] #view-performance .sub[style*='color:#b91c1c'] {
  color: #fca5a5 !important;
}