.ai-coach-open { overflow: hidden; }

.ai-coach-trigger {
  display: inline-flex;
  min-height: 42px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 15px;
  color: #fff !important;
  background: linear-gradient(135deg, #315f68 0%, #5266c9 100%) !important;
  border: 1px solid rgba(255, 255, 255, .18) !important;
  border-radius: 10px;
  box-shadow: 0 5px 14px rgba(66, 82, 170, .18);
  font-size: 13px;
  font-weight: 750;
  line-height: 1;
  text-decoration: none !important;
  white-space: nowrap;
}

.ai-coach-trigger i {
  color: #f7e7a7;
}

.ai-coach-trigger:hover {
  background: linear-gradient(135deg, #2a535b 0%, #465bb8 100%) !important;
  transform: translateY(-1px);
}

.coach-students-actions {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 10px;
}

.student-action-ai {
  color: #fff !important;
  background: linear-gradient(135deg, #315f68 0%, #5266c9 100%) !important;
  border-color: rgba(255, 255, 255, .24) !important;
}

.ai-coach-root {
  position: fixed;
  inset: 0;
  z-index: 1080;
  pointer-events: none;
}

.ai-coach-root.is-open { pointer-events: auto; }

.ai-coach-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(10, 25, 31, .20);
  opacity: 0;
  transition: opacity .18s ease;
}

.ai-coach-root.is-open .ai-coach-backdrop { opacity: 1; }

.ai-coach-drawer {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  width: min(560px, 100vw);
  height: 100vh;
  flex-direction: column;
  overflow: hidden;
  background: linear-gradient(180deg, #fffaf0 0%, #ffffff 22%, #ffffff 100%);
  border-left: 1px solid #eadfc8;
  box-shadow: -20px 0 48px -32px rgba(8, 27, 41, .55);
  transform: translateX(105%);
  transition: transform .22s ease;
}

.ai-coach-root.is-open .ai-coach-drawer { transform: translateX(0); }

.ai-coach-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 22px 24px 18px;
  background: linear-gradient(135deg, #fff3d8 0%, #fffaf1 58%, #f3efff 100%);
  border-bottom: 1px solid #eadbb3;
}

.ai-coach-kicker {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #8b641a;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.ai-coach-head h2 {
  margin: 8px 0 4px;
  color: #10212d;
  font-size: 22px;
  font-weight: 850;
}

.ai-coach-head p {
  margin: 0;
  color: #657781;
  font-size: 13px;
  line-height: 1.45;
}

.ai-coach-close {
  display: grid;
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  place-items: center;
  color: #506873;
  background: #fff;
  border: 1px solid #dce7eb;
  border-radius: 10px;
}

.ai-coach-controls {
  display: grid;
  gap: 10px;
  padding: 16px 24px;
  background: #fffaf1;
  border-bottom: 1px solid #eadfc8;
}

.ai-coach-controls label {
  color: #4c6570;
  font-size: 12px;
  font-weight: 750;
}

.ai-coach-select,
.ai-coach-run {
  width: 100%;
  min-height: 44px;
  border-radius: 10px;
}

.ai-coach-select {
  padding: 0 12px;
  color: #1d3340;
  background: #fff;
  border: 1px solid #e4d5ad;
  font-size: 13px;
  font-weight: 650;
}

.ai-coach-fixed-student {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 11px 12px;
  background: #f2f8f9;
  border: 1px solid #d8e8ec;
  border-radius: 11px;
}

.ai-coach-fixed-student span {
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  color: #5b43cf;
  background: #f0ecff;
  border-radius: 9px;
}

.ai-coach-fixed-student small,
.ai-generated,
.ai-model-note {
  display: block;
  color: #70828b;
  font-size: 11px;
}

.ai-coach-fixed-student b {
  color: #10212d;
  font-size: 13px;
}

.ai-coach-run {
  color: #fff;
  background: linear-gradient(135deg, #315f68 0%, #5266c9 100%);
  border: 0;
  font-size: 13px;
  font-weight: 800;
}

.ai-coach-run:disabled { opacity: .65; cursor: wait; }

.ai-coach-body {
  flex: 1 1 auto;
  overflow-y: auto;
  padding: 22px 24px 110px;
}

.ai-coach-empty,
.ai-coach-loading,
.ai-coach-error {
  display: grid;
  min-height: 300px;
  place-items: center;
  align-content: center;
  gap: 10px;
  text-align: center;
}

.ai-coach-empty-icon,
.ai-coach-loading-icon,
.ai-coach-error span {
  display: grid;
  width: 52px;
  height: 52px;
  place-items: center;
  color: #315f68;
  background: #ecf5f7;
  border-radius: 16px;
  font-size: 22px;
}

.ai-coach-empty h3,
.ai-coach-loading h3,
.ai-coach-error h3 {
  margin: 0;
  color: #142632;
  font-size: 17px;
  font-weight: 850;
}

.ai-coach-empty p,
.ai-coach-loading p,
.ai-coach-error p {
  max-width: 340px;
  margin: 0;
  color: #667981;
  font-size: 13px;
  line-height: 1.5;
}

.ai-coach-error span {
  color: #a86b12;
  background: #fff4df;
}

.ai-coach-skeleton {
  width: min(340px, 80%);
  height: 12px;
  margin-top: 8px;
  background: linear-gradient(90deg, #edf3f5, #f8fbfc, #edf3f5);
  border-radius: 999px;
}

.ai-coach-skeleton.short { width: min(260px, 65%); margin-top: 0; }

.ai-coach-checks {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin-top: 8px;
}

.ai-coach-checks span {
  padding: 6px 9px;
  color: #4c6570;
  background: #f4f8f9;
  border: 1px solid #e1ebee;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 650;
}

.ai-coach-report-head {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-bottom: 16px;
  border-bottom: 1px solid #e4ecef;
}

.ai-coach-report-icon {
  display: grid;
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  place-items: center;
  color: #5b43cf;
  background: #f0ecff;
  border-radius: 12px;
  font-size: 20px;
}

.ai-coach-report-head h3 {
  margin: 0;
  color: #10212d;
  font-size: 18px;
  font-weight: 850;
}

.ai-coach-report-head p {
  margin: 3px 0 0;
  color: #647883;
  font-size: 12px;
}

.ai-risk {
  margin-left: auto;
  padding: 5px 8px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 850;
  text-transform: uppercase;
}

.ai-risk-low { color: #2e6f54; background: #eef8f2; }
.ai-risk-medium { color: #8b6412; background: #fff4da; }
.ai-risk-high { color: #a44444; background: #fff0f0; }

.ai-metric-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 16px 0;
}

.ai-metric {
  padding: 12px;
  background: #f8fbfc;
  border: 1px solid #e2ebee;
  border-radius: 12px;
}

.ai-metric b { display: block; color: #132633; font-size: 18px; }
.ai-metric span { display: block; margin-top: 3px; color: #627780; font-size: 11px; font-weight: 700; }
.ai-metric.good { background: #f3fbf5; border-color: #d5eada; }
.ai-metric.warn { background: #fff9ea; border-color: #ead9a9; }
.ai-metric.danger { background: #fff5f3; border-color: #efc9bf; }

.ai-summary {
  margin: 16px 0 4px;
  color: #344a55;
  font-size: 13px;
  line-height: 1.6;
}

.ai-section {
  margin-top: 22px;
  padding-top: 18px;
  border-top: 1px solid #e5ecef;
}

.ai-section h4 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 12px;
  color: #17323e;
  font-size: 13px;
  font-weight: 850;
  letter-spacing: .02em;
  text-transform: uppercase;
}

.ai-section ul,
.ai-section ol {
  display: grid;
  gap: 9px;
  margin: 0;
  padding-left: 18px;
  color: #405762;
  font-size: 13px;
  line-height: 1.55;
}

.ai-student-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 11px 0;
  border-bottom: 1px solid #eef3f5;
}

.ai-student-line b { color: #152936; font-size: 13px; }
.ai-student-line p { margin: 3px 0 0; color: #5f737d; font-size: 12px; line-height: 1.45; }
.ai-student-line a {
  flex: 0 0 auto;
  padding: 7px 10px;
  color: #fff;
  background: #315f68;
  border-radius: 8px;
  font-size: 11px;
  font-weight: 750;
  text-decoration: none;
}
.ai-student-line.soft a { color: #315f68; background: #edf6f8; }

.ai-recommendation {
  display: flex;
  gap: 12px;
  margin-top: 22px;
  padding: 14px;
  color: #6f5216;
  background: #fff8e8;
  border: 1px solid #ecd7a8;
  border-radius: 13px;
}

.ai-recommendation i { color: #bd8a22; font-size: 20px; }
.ai-recommendation b { color: #5b4618; font-size: 13px; }
.ai-recommendation p { margin: 4px 0 0; color: #745d29; font-size: 13px; line-height: 1.5; }

.ai-generated { margin-top: 18px; }
.ai-model-note { margin-top: 4px; }

.ai-coach-foot {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  gap: 10px;
  padding: 14px 24px;
  background: rgba(255, 255, 255, .94);
  border-top: 1px solid #e3ecef;
  backdrop-filter: blur(10px);
}

.ai-coach-secondary {
  display: inline-flex;
  min-height: 40px;
  flex: 1 1 0;
  align-items: center;
  justify-content: center;
  gap: 7px;
  color: #315f68;
  background: #f5fafb;
  border: 1px solid #dce8ec;
  border-radius: 10px;
  font-size: 12px;
  font-weight: 750;
  text-decoration: none;
}

.ai-coach-secondary.is-disabled { color: #93a2aa; cursor: not-allowed; }

.student-module-page .report-ai-field {
  padding: 14px;
  background: linear-gradient(135deg, #f7fbfa 0%, #ffffff 70%, #f6f3ff 100%);
  border: 1px solid #d5e4df;
  border-radius: 14px;
}

.student-module-page .report-ai-field .report-comment-head label {
  color: #284f58;
}

.student-module-page .report-ai-field textarea {
  min-height: 190px;
  background: #fff;
  border-color: #cfe1dc;
}

.student-module-page .report-ai-note {
  display: block;
  margin-top: 7px;
  color: #667981;
  font-size: 12px;
  font-weight: 650;
}

.student-module-page .report-ai-load {
  color: #315f68;
}

@media (max-width: 900px) {
  .ai-coach-drawer { width: min(70vw, 560px); }
}

@media (max-width: 640px) {
  .ai-coach-drawer { width: 100vw; }
  .ai-coach-head,
  .ai-coach-controls,
  .ai-coach-body,
  .ai-coach-foot { padding-left: 16px; padding-right: 16px; }
  .ai-metric-grid { grid-template-columns: 1fr; }
  .coach-students-actions { width: 100%; justify-content: space-between; }
}

/* Sol panelle uyumlu ana aksiyon butonları: Detay, Yeni Öğrenci, öğrenci detay aksiyonları. */
body .akx-app .akx-content {
  --akx-sidebar-action: #304a55;
  --akx-sidebar-action-hover: #263d47;
  --akx-sidebar-action-soft: rgba(48, 74, 85, .18);
}

body .akx-app .akx-content .coach-dashboard-v2 .student-detail-btn,
body .akx-app .akx-content .coach-dashboard-v2 a.student-detail-btn,
body .akx-app .akx-content .coach-dashboard-v2 .student-add-button,
body .akx-app .akx-content .coach-dashboard-v2 a.student-add-button,
body .akx-app .akx-content .coach-dashboard-v2 .student-view-toggle button.active,
body .akx-app .akx-content .coach-dashboard-v2 .student-cat-tab.is-active,
body .akx-app .akx-content .student-profile .student-hero-actions .btn:not(.ai-coach-trigger):not(.student-action-ai),
body .akx-app .akx-content .student-module-page .btn-primary,
body .akx-app .akx-content .student-module-card .btn-primary,
body .akx-app .akx-content .data-card .btn-primary {
  color: #fff !important;
  background: var(--akx-sidebar-action) !important;
  border-color: var(--akx-sidebar-action) !important;
  box-shadow: 0 8px 18px -14px rgba(16, 38, 48, .55) !important;
}

body .akx-app .akx-content .coach-dashboard-v2 .student-detail-btn:hover,
body .akx-app .akx-content .coach-dashboard-v2 a.student-detail-btn:hover,
body .akx-app .akx-content .coach-dashboard-v2 .student-add-button:hover,
body .akx-app .akx-content .coach-dashboard-v2 a.student-add-button:hover,
body .akx-app .akx-content .coach-dashboard-v2 .student-cat-tab.is-active:hover,
body .akx-app .akx-content .student-profile .student-hero-actions .btn:not(.ai-coach-trigger):not(.student-action-ai):hover,
body .akx-app .akx-content .student-module-page .btn-primary:hover,
body .akx-app .akx-content .student-module-card .btn-primary:hover,
body .akx-app .akx-content .data-card .btn-primary:hover {
  color: #fff !important;
  background: var(--akx-sidebar-action-hover) !important;
  border-color: var(--akx-sidebar-action-hover) !important;
  box-shadow: 0 10px 20px -15px rgba(16, 38, 48, .65) !important;
}

body .akx-app .akx-content .coach-dashboard-v2 .student-detail-btn i,
body .akx-app .akx-content .coach-dashboard-v2 .student-add-button i,
body .akx-app .akx-content .student-profile .student-hero-actions .btn:not(.ai-coach-trigger):not(.student-action-ai) i,
body .akx-app .akx-content .student-module-page .btn-primary i,
body .akx-app .akx-content .student-module-card .btn-primary i,
body .akx-app .akx-content .data-card .btn-primary i {
  color: currentColor !important;
}

body .akx-app .akx-content .coach-dashboard-v2 .student-view-toggle button:not(.active):hover {
  color: var(--akx-sidebar-action) !important;
  background: #f4f8f8 !important;
}

body .akx-app .akx-content .coach-dashboard-v2 .quick-edit:hover,
body .akx-app .akx-content .coach-dashboard-v2 .quick-card.is-editing .quick-edit {
  color: #fff !important;
  background: var(--akx-sidebar-action) !important;
  border-color: var(--akx-sidebar-action) !important;
}

/* Deneme tonu: Yeni Öğrenci / Detay / Tümü gibi ana navigasyon butonları açık premium yeşil. */
body .akx-app .akx-content {
  --akx-soft-action-bg: #496678;
  --akx-soft-action-bg-hover: #3d5666;
  --akx-soft-action-border: #496678;
  --akx-soft-action-text: #ffffff;
}

body .akx-app .akx-content .coach-dashboard-v2 .student-detail-btn,
body .akx-app .akx-content .coach-dashboard-v2 a.student-detail-btn,
body .akx-app .akx-content .coach-dashboard-v2 .student-add-button,
body .akx-app .akx-content .coach-dashboard-v2 a.student-add-button,
body .akx-app .akx-content .coach-dashboard-v2 .student-view-toggle button.active,
body .akx-app .akx-content .coach-dashboard-v2 .student-cat-tab.is-active,
body .akx-app .akx-content .student-profile .student-hero-actions .btn:not(.ai-coach-trigger):not(.student-action-ai),
body .akx-app .akx-content .student-module-page .btn-primary,
body .akx-app .akx-content .student-module-card .btn-primary,
body .akx-app .akx-content .data-card .btn-primary {
  color: var(--akx-soft-action-text) !important;
  background: var(--akx-soft-action-bg) !important;
  border-color: var(--akx-soft-action-border) !important;
  box-shadow: none !important;
}

body .akx-app .akx-content .coach-dashboard-v2 .student-detail-btn:hover,
body .akx-app .akx-content .coach-dashboard-v2 a.student-detail-btn:hover,
body .akx-app .akx-content .coach-dashboard-v2 .student-add-button:hover,
body .akx-app .akx-content .coach-dashboard-v2 a.student-add-button:hover,
body .akx-app .akx-content .coach-dashboard-v2 .student-view-toggle button.active:hover,
body .akx-app .akx-content .coach-dashboard-v2 .student-cat-tab.is-active:hover,
body .akx-app .akx-content .student-profile .student-hero-actions .btn:not(.ai-coach-trigger):not(.student-action-ai):hover,
body .akx-app .akx-content .student-module-page .btn-primary:hover,
body .akx-app .akx-content .student-module-card .btn-primary:hover,
body .akx-app .akx-content .data-card .btn-primary:hover {
  color: var(--akx-soft-action-text) !important;
  background: var(--akx-soft-action-bg-hover) !important;
  border-color: var(--akx-soft-action-border) !important;
  box-shadow: none !important;
}

body .akx-app .akx-content .coach-dashboard-v2 .student-cat-tab.is-active span {
  color: #3d5666 !important;
  background: rgba(255, 255, 255, .82) !important;
}

/* Hızlı işlemler kart başlığı: ayrı soft bant, biraz daha aşağı ve ferah. */
body .akx-app .akx-content .coach-dashboard-v2 .quick-card {
  padding: 24px 24px 28px !important;
}

body .akx-app .akx-content .coach-dashboard-v2 .quick-head {
  min-height: 48px !important;
  align-items: center !important;
  margin: 0 0 18px !important;
  padding: 10px 12px 10px 14px !important;
  background: linear-gradient(90deg, #f0f7f2 0%, #f8fbf8 64%, #ffffff 100%) !important;
  border: 1px solid #d9e7dd !important;
  border-radius: 12px !important;
}

body .akx-app .akx-content .coach-dashboard-v2 .quick-head h3 {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 !important;
}

/* Öğrenci modül sayfaları üst sekmeleri: temiz/premium navigasyon. */
body .akx-app .akx-content .student-module-page .student-module-header .student-module-tabs,
body .akx-app.akx-student .akx-content .student-module-page .student-module-header .student-module-tabs {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
  margin-top: 12px !important;
  padding: 8px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  background: linear-gradient(135deg, #fbfdfd 0%, #ffffff 58%, #f5faf9 100%) !important;
  border: 1px solid #dbe7eb !important;
  border-radius: 15px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .85) !important;
}

body .akx-app .akx-content .student-module-page .student-module-header .student-module-tabs::-webkit-scrollbar,
body .akx-app.akx-student .akx-content .student-module-page .student-module-header .student-module-tabs::-webkit-scrollbar {
  height: 4px !important;
}

body .akx-app .akx-content .student-module-page .student-module-header .student-module-tabs::-webkit-scrollbar-thumb,
body .akx-app.akx-student .akx-content .student-module-page .student-module-header .student-module-tabs::-webkit-scrollbar-thumb {
  background: #cbdde2 !important;
  border-radius: 999px !important;
}

body .akx-app .akx-content .student-module-page .student-module-header .student-module-tabs a,
body .akx-app.akx-student .akx-content .student-module-page .student-module-header .student-module-tabs a {
  position: relative !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  min-height: 38px !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 13px !important;
  overflow: hidden !important;
  color: #536974 !important;
  -webkit-text-fill-color: #536974 !important;
  background: transparent !important;
  background-image: none !important;
  border: 1px solid transparent !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  transform: none !important;
  transition: background .16s ease, border-color .16s ease, color .16s ease !important;
}

body .akx-app .akx-content .student-module-page .student-module-header .student-module-tabs a::after,
body .akx-app.akx-student .akx-content .student-module-page .student-module-header .student-module-tabs a::after {
  content: "" !important;
  position: absolute !important;
  right: 12px !important;
  bottom: 5px !important;
  left: 12px !important;
  display: block !important;
  height: 2px !important;
  background: transparent !important;
  border-radius: 999px !important;
  opacity: 1 !important;
  transition: background .16s ease !important;
}

body .akx-app .akx-content .student-module-page .student-module-header .student-module-tabs a:hover,
body .akx-app.akx-student .akx-content .student-module-page .student-module-header .student-module-tabs a:hover {
  color: #263f49 !important;
  -webkit-text-fill-color: #263f49 !important;
  background: #f3f8f8 !important;
  border-color: #d5e3e7 !important;
  box-shadow: none !important;
  transform: none !important;
}

body .akx-app .akx-content .student-module-page .student-module-header .student-module-tabs a:hover::after,
body .akx-app.akx-student .akx-content .student-module-page .student-module-header .student-module-tabs a:hover::after {
  background: #b7cdd3 !important;
}

body .akx-app .akx-content .student-module-page .student-module-header .student-module-tabs a.active,
body .akx-app.akx-student .akx-content .student-module-page .student-module-header .student-module-tabs a.active {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: linear-gradient(135deg, #496678 0%, #3d5666 100%) !important;
  border-color: #496678 !important;
  box-shadow: 0 8px 18px -15px rgba(17, 42, 52, .55) !important;
  font-weight: 850 !important;
}

body .akx-app .akx-content .student-module-page .student-module-header .student-module-tabs a.active::after,
body .akx-app.akx-student .akx-content .student-module-page .student-module-header .student-module-tabs a.active::after {
  background: rgba(255, 255, 255, .78) !important;
}

/* Ganimet Kutusu: "Kayıtlı Yanlışlar" alt açıklaması hardal değil, nötr okunaklı ton. */
body .akx-app .akx-content .student-module-page .qmist-card .qpool-head .form-text,
body .akx-app .akx-content .student-module-page .qpool-head small.form-text {
  color: #5f7180 !important;
  -webkit-text-fill-color: #5f7180 !important;
  background: transparent !important;
  border: 0 !important;
  font-size: 12px !important;
  font-weight: 650 !important;
  line-height: 1.45 !important;
}

/* Haftalık Plan: üst aksiyonlar ve tablo alanı sıkışmasın. */
body .akx-app .akx-content .plan-topbar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  margin: 18px 0 18px !important;
  padding: 14px 16px !important;
  background: rgba(255, 255, 255, .92) !important;
  border: 1px solid #dbe7eb !important;
  border-radius: 15px !important;
  box-shadow: 0 12px 28px -30px rgba(17, 42, 52, .55) !important;
}

body .akx-app .akx-content .plan-topbar-left,
body .akx-app .akx-content .plan-topbar-right {
  min-width: 0 !important;
}

body .akx-app .akx-content .plan-topbar-right {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
}

body .akx-app .akx-content .plan-stats-inline {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 9px !important;
}

body .akx-app .akx-content .plan-stats-inline span {
  min-height: 30px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 6px 10px !important;
  color: #536974 !important;
  background: #f5f8f8 !important;
  border: 1px solid #e0eaed !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  font-weight: 750 !important;
  line-height: 1 !important;
}

body .akx-app .akx-content .plan-stats-inline span strong {
  color: #263f49 !important;
  font-weight: 900 !important;
}

body .akx-app .akx-content .plan-topbar .plan-view-toggle {
  display: inline-flex !important;
  gap: 4px !important;
  padding: 4px !important;
  background: #f7faf9 !important;
  border: 1px solid #dbe7eb !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}

body .akx-app .akx-content .plan-topbar .plan-view-toggle .btn,
body .akx-app .akx-content .plan-topbar .add-task-btn {
  min-height: 40px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  padding: 0 14px !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
}

body .akx-app .akx-content .plan-topbar .plan-view-toggle .btn + .btn {
  margin-left: 0 !important;
}

body .akx-app .akx-content .plan-topbar .plan-view-toggle .btn.btn-outline-primary {
  color: #496678 !important;
  background: #ffffff !important;
  border-color: transparent !important;
}

body .akx-app .akx-content .plan-topbar .plan-view-toggle .btn.btn-primary,
body .akx-app .akx-content .plan-topbar .plan-view-toggle .btn.active {
  color: #ffffff !important;
  background: #496678 !important;
  border-color: #496678 !important;
}

body .akx-app .akx-content .plan-topbar .add-task-btn {
  color: #5e4715 !important;
  background: linear-gradient(135deg, #f3df9d 0%, #d9b95c 100%) !important;
  border: 1px solid #c7a84e !important;
}

body .akx-app .akx-content .student-plan-shell {
  margin-top: 0 !important;
  padding: 18px !important;
  background: #ffffff !important;
  border: 1px solid #d9e5e9 !important;
  border-radius: 16px !important;
  box-shadow: 0 14px 34px -32px rgba(17, 42, 52, .55) !important;
}

body .akx-app .akx-content .student-plan-shell .plan-view-panel {
  margin-top: 14px !important;
  overflow: hidden !important;
  border: 1px solid #dbe7eb !important;
  border-radius: 14px !important;
}

body .akx-app .akx-content .student-plan-shell .plan-view-panel:first-of-type,
body .akx-app .akx-content .student-plan-shell #gridPlanView {
  margin-top: 0 !important;
}

body .akx-app .akx-content .student-plan-shell .plan-field-tabs {
  gap: 8px !important;
  padding: 12px !important;
  background: linear-gradient(90deg, #f5faf9 0%, #ffffff 100%) !important;
  border-bottom: 1px solid #dfe9ec !important;
}

body .akx-app .akx-content .student-plan-shell .plan-grid-wrap {
  padding: 12px !important;
  overflow-x: auto !important;
  background: #ffffff !important;
}

body .akx-app .akx-content .student-plan-shell .program-grid.plan-write-grid {
  min-width: 1040px !important;
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

body .akx-app .akx-content .student-plan-shell .program-grid.plan-write-grid th,
body .akx-app .akx-content .student-plan-shell .program-grid.plan-write-grid td {
  padding: 12px 10px !important;
}

body .akx-app .akx-content .student-plan-shell .program-grid.plan-write-grid .program-corner,
body .akx-app .akx-content .student-plan-shell .program-grid.plan-write-grid .program-lesson {
  min-width: 170px !important;
}

@media (max-width: 900px) {
  body .akx-app .akx-content .plan-topbar {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  body .akx-app .akx-content .plan-topbar-right {
    justify-content: flex-start !important;
  }
}

/* Kredi Yönetimi: yıllık TrioKoç paketleri + Kuveyt ödeme paneli. */
body .akx-app .akx-content .cred-page {
  gap: 18px !important;
}

body .akx-app .akx-content .cred-head.cred-head {
  padding: 22px 24px !important;
  background:
    radial-gradient(circle at 88% 18%, rgba(185, 160, 75, .16), transparent 30%),
    linear-gradient(135deg, #f7faf9 0%, #ffffff 52%, #f6f1e3 100%) !important;
  border: 1px solid #d7e4e7 !important;
  border-radius: 18px !important;
  box-shadow: 0 18px 42px -36px rgba(17, 42, 52, .62) !important;
}

body .akx-app .akx-content .cred-head h1 {
  color: #172b36 !important;
  font-weight: 900 !important;
}

body .akx-app .akx-content .cred-head p {
  color: #5d6f79 !important;
  font-weight: 650 !important;
}

body .akx-app .akx-content .cred-summary {
  gap: 12px !important;
}

body .akx-app .akx-content .cred-summary .cred-card.cred-card {
  background: #ffffff !important;
  border: 1px solid #d8e5e9 !important;
  border-radius: 17px !important;
  box-shadow: 0 13px 30px -28px rgba(17, 42, 52, .58) !important;
}

body .akx-app .akx-content .cred-summary .cred-card.cred-card-main {
  background: linear-gradient(135deg, #496678 0%, #31515d 100%) !important;
  border-color: rgba(255, 255, 255, .16) !important;
}

body .akx-app .akx-content .cred-summary .cred-card > i {
  color: #517278 !important;
  background: #e6f0e8 !important;
}

body .akx-app .akx-content .cred-summary .cred-card.cred-card-main > i {
  color: #ffffff !important;
  background: rgba(255, 255, 255, .13) !important;
}

body .akx-app .akx-content .card.cred-purchase {
  overflow: hidden !important;
  background:
    linear-gradient(#ffffff, #ffffff) padding-box,
    linear-gradient(135deg, rgba(81, 114, 120, .36), rgba(185, 160, 75, .33)) border-box !important;
  border: 1px solid transparent !important;
  border-radius: 20px !important;
  box-shadow: 0 20px 48px -38px rgba(17, 42, 52, .62) !important;
}

body .akx-app .akx-content .card.cred-purchase > .card-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  padding: 17px 20px !important;
  background: linear-gradient(90deg, #f7faf9 0%, #fffaf0 100%) !important;
  border-bottom: 1px solid #dde7e3 !important;
}

body .akx-app .akx-content .card.cred-purchase > .card-header .card-title {
  color: #172b36 !important;
  font-size: 18px !important;
  font-weight: 900 !important;
}

body .akx-app .akx-content .cred-secure-pill {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  padding: 8px 11px !important;
  color: #426066 !important;
  background: #e6f0e8 !important;
  border: 1px solid #cadfce !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  white-space: nowrap !important;
}

body .akx-app .akx-content .cred-purchase-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 310px !important;
  gap: 22px !important;
  align-items: stretch !important;
}

body .akx-app .akx-content .cred-section-title {
  display: flex !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin-bottom: 12px !important;
}

body .akx-app .akx-content .cred-section-title span {
  color: #172b36 !important;
  font-size: 14px !important;
  font-weight: 900 !important;
}

body .akx-app .akx-content .cred-section-title small {
  color: #697b84 !important;
  font-size: 12px !important;
  font-weight: 650 !important;
}

body .akx-app .akx-content .cred-card-form-title {
  margin-top: 20px !important;
}

body .akx-app .akx-content .cred-test-payment {
  display: grid !important;
  grid-template-columns: auto 1fr auto !important;
  align-items: center !important;
  gap: 12px !important;
  margin: 14px 0 4px !important;
  padding: 13px 14px !important;
  cursor: pointer !important;
  background:
    linear-gradient(#fffaf0, #fffaf0) padding-box,
    linear-gradient(135deg, rgba(185, 160, 75, .42), rgba(81, 114, 120, .22)) border-box !important;
  border: 1px solid transparent !important;
  border-radius: 15px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .86) !important;
}

body .akx-app .akx-content .cred-test-payment input {
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

body .akx-app .akx-content .cred-test-payment:has(input:checked) {
  background:
    linear-gradient(#f4f8f6, #fffaf0) padding-box,
    linear-gradient(135deg, #517278, #b9a04b) border-box !important;
  box-shadow: 0 12px 24px -22px rgba(81, 114, 120, .62) !important;
}

body .akx-app .akx-content .cred-test-icon {
  display: grid !important;
  width: 38px !important;
  height: 38px !important;
  place-items: center !important;
  color: #7a5a14 !important;
  background: #faedc8 !important;
  border-radius: 12px !important;
  font-size: 16px !important;
}

body .akx-app .akx-content .cred-test-payment strong,
body .akx-app .akx-content .cred-test-payment small {
  display: block !important;
}

body .akx-app .akx-content .cred-test-payment strong {
  color: #172b36 !important;
  font-size: 13px !important;
  font-weight: 950 !important;
}

body .akx-app .akx-content .cred-test-payment small {
  margin-top: 2px !important;
  color: #6b654e !important;
  font-size: 12px !important;
  font-weight: 650 !important;
}

body .akx-app .akx-content .cred-test-payment em {
  padding: 5px 8px !important;
  color: #6b5017 !important;
  background: #ffffff !important;
  border: 1px solid #e6d193 !important;
  border-radius: 999px !important;
  font-size: 10px !important;
  font-style: normal !important;
  font-weight: 950 !important;
  text-transform: uppercase !important;
}

body .akx-app .akx-content .cred-package-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

body .akx-app .akx-content .cred-package-option {
  position: relative !important;
  display: flex !important;
  min-height: 112px !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 14px !important;
  cursor: pointer !important;
  background: linear-gradient(135deg, #fbfdfd 0%, #ffffff 100%) !important;
  border: 1px solid #d9e5e9 !important;
  border-radius: 15px !important;
  box-shadow: none !important;
  transition: border-color .16s ease, transform .16s ease, box-shadow .16s ease, background .16s ease !important;
}

body .akx-app .akx-content .cred-package-option:hover {
  transform: translateY(-1px) !important;
  border-color: #b8cdd3 !important;
  box-shadow: 0 12px 26px -24px rgba(17, 42, 52, .55) !important;
}

body .akx-app .akx-content .cred-package-option input {
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

body .akx-app .akx-content .cred-package-option:has(input:checked) {
  background: linear-gradient(135deg, #edf4f1 0%, #ffffff 70%) !important;
  border-color: #517278 !important;
  box-shadow: 0 14px 30px -25px rgba(49, 81, 93, .65) !important;
}

body .akx-app .akx-content .cred-package-option.popular {
  background: linear-gradient(135deg, #fffaf0 0%, #ffffff 72%) !important;
  border-color: #e5d39d !important;
}

body .akx-app .akx-content .cred-package-top {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
}

body .akx-app .akx-content .cred-package-top strong {
  color: #172b36 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}

body .akx-app .akx-content .cred-package-top em {
  padding: 4px 7px !important;
  color: #6b5017 !important;
  background: #faedc8 !important;
  border: 1px solid #e6d193 !important;
  border-radius: 999px !important;
  font-size: 10px !important;
  font-style: normal !important;
  font-weight: 900 !important;
}

body .akx-app .akx-content .cred-package-price {
  color: #31515d !important;
  font-size: 22px !important;
  font-weight: 950 !important;
  letter-spacing: -.03em !important;
}

body .akx-app .akx-content .cred-package-meta {
  color: #6a7c85 !important;
  font-size: 11px !important;
  font-weight: 750 !important;
}

body .akx-app .akx-content .cred-card-fields {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 12px !important;
}

body .akx-app .akx-content .cred-card-fields .cred-field-wide {
  grid-column: span 2 !important;
}

body .akx-app .akx-content .cred-load .form-control,
body .akx-app .akx-content .cred-load .form-select {
  min-height: 45px !important;
  color: #172b36 !important;
  background: #fbfdfd !important;
  border: 1px solid #d8e5e9 !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  font-weight: 700 !important;
}

body .akx-app .akx-content .cred-load .form-control:focus,
body .akx-app .akx-content .cred-load .form-select:focus {
  border-color: #517278 !important;
  box-shadow: 0 0 0 4px rgba(81, 114, 120, .13) !important;
}

body .akx-app .akx-content .cred-buy-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  margin-top: 16px !important;
}

body .akx-app .akx-content .cred-pay-btn {
  min-height: 46px !important;
  padding: 0 20px !important;
  color: #ffffff !important;
  background: linear-gradient(135deg, #517278 0%, #31515d 100%) !important;
  border: 1px solid rgba(255, 255, 255, .18) !important;
  border-radius: 12px !important;
  box-shadow: 0 12px 26px -18px rgba(49, 81, 93, .78) !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}

body .akx-app .akx-content .cred-pay-btn:hover {
  background: linear-gradient(135deg, #31515d 0%, #253f49 100%) !important;
}

body .akx-app .akx-content .cred-card-visual {
  position: relative !important;
  display: flex !important;
  min-height: 280px !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  overflow: hidden !important;
  padding: 24px !important;
  color: #ffffff !important;
  background:
    radial-gradient(circle at 88% 14%, rgba(255, 255, 255, .30), transparent 26%),
    linear-gradient(135deg, #517278 0%, #31515d 52%, #a8892b 100%) !important;
  border: 1px solid rgba(255, 255, 255, .18) !important;
  border-radius: 22px !important;
  box-shadow: 0 24px 42px -32px rgba(17, 42, 52, .74) !important;
}

body .akx-app .akx-content .cred-card-glow {
  position: absolute !important;
  right: -52px !important;
  bottom: -52px !important;
  width: 180px !important;
  height: 180px !important;
  background: rgba(255, 255, 255, .12) !important;
  border-radius: 999px !important;
}

body .akx-app .akx-content .cred-card-brand,
body .akx-app .akx-content .cred-card-number,
body .akx-app .akx-content .cred-card-foot {
  position: relative !important;
  z-index: 1 !important;
}

body .akx-app .akx-content .cred-card-brand {
  font-size: 13px !important;
  font-weight: 950 !important;
  letter-spacing: .18em !important;
  opacity: .92 !important;
}

body .akx-app .akx-content .cred-card-chip {
  position: relative !important;
  z-index: 1 !important;
  width: 48px !important;
  height: 36px !important;
  background: linear-gradient(135deg, #f5e4a7, #b99637) !important;
  border-radius: 9px !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .35) !important;
}

body .akx-app .akx-content .cred-card-number {
  font-size: 20px !important;
  font-weight: 850 !important;
  letter-spacing: .08em !important;
}

body .akx-app .akx-content .cred-card-foot {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: 10px !important;
}

body .akx-app .akx-content .cred-card-foot span {
  display: block !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  letter-spacing: .12em !important;
  opacity: .75 !important;
}

body .akx-app .akx-content .cred-card-foot strong {
  font-size: 15px !important;
  font-weight: 950 !important;
}

body .akx-app .akx-content .cred-students.card {
  border-radius: 18px !important;
  border-color: #d8e5e9 !important;
}

body .akx-app .akx-content .cred-students > .card-header {
  background: linear-gradient(90deg, #f6faf9 0%, #ffffff 100%) !important;
  border-bottom: 1px solid #dfe9ec !important;
}

/* Admin koç/öğrenci aktarımı: yıl geçişi daha kurumsal görünsün. */
body .akx-app .akx-content .transfer-premium-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-bottom: 14px !important;
  padding: 22px 24px !important;
  background:
    radial-gradient(circle at 92% 18%, rgba(185, 160, 75, .15), transparent 30%),
    linear-gradient(135deg, #f7faf9 0%, #ffffff 56%, #f6f1e3 100%) !important;
  border: 1px solid #d6e3e7 !important;
  border-radius: 20px !important;
  box-shadow: 0 18px 40px -36px rgba(17, 42, 52, .62) !important;
}

body .akx-app .akx-content .transfer-premium-head h1 {
  margin: 4px 0 4px !important;
  color: #172b36 !important;
  font-size: 24px !important;
  font-weight: 950 !important;
}

body .akx-app .akx-content .transfer-premium-head p {
  margin: 0 !important;
  color: #60737d !important;
  font-size: 13px !important;
  font-weight: 650 !important;
}

body .akx-app .akx-content .transfer-eyebrow {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  color: #6b5017 !important;
  background: #fff6df !important;
  border: 1px solid #e8d39a !important;
  border-radius: 999px !important;
  padding: 6px 10px !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: .03em !important;
  text-transform: uppercase !important;
}

body .akx-app .akx-content .transfer-card.transfer-card {
  max-width: 980px !important;
  padding: 22px !important;
  background: #ffffff !important;
  border: 1px solid #d8e5e9 !important;
  border-radius: 20px !important;
  box-shadow: 0 18px 42px -36px rgba(17, 42, 52, .62) !important;
}

body .akx-app .akx-content .transfer-sub {
  margin: 0 0 18px !important;
  padding: 12px 14px !important;
  color: #4f6871 !important;
  background: linear-gradient(90deg, #f4f8f8 0%, #fffaf0 100%) !important;
  border: 1px solid #dce8e5 !important;
  border-radius: 13px !important;
  font-weight: 700 !important;
}

body .akx-app .akx-content .transfer-grid {
  gap: 14px !important;
}

body .akx-app .akx-content .transfer-field {
  padding: 14px !important;
  background: #fbfdfd !important;
  border: 1px solid #dbe7eb !important;
  border-radius: 15px !important;
}

body .akx-app .akx-content .transfer-field label {
  color: #314753 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

body .akx-app .akx-content .transfer-field .form-control,
body .akx-app .akx-content .transfer-field .form-select {
  min-height: 44px !important;
  margin-top: 8px !important;
  background: #ffffff !important;
  border: 1px solid #d6e3e7 !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  font-weight: 700 !important;
}

body .akx-app .akx-content .transfer-field .form-control:focus,
body .akx-app .akx-content .transfer-field .form-select:focus {
  border-color: #517278 !important;
  box-shadow: 0 0 0 4px rgba(81, 114, 120, .13) !important;
}

body .akx-app .akx-content .transfer-arrow {
  color: #517278 !important;
  background: #e6f0e8 !important;
  border: 1px solid #cadfce !important;
  box-shadow: none !important;
}

body .akx-app .akx-content .transfer-actions .btn-primary {
  min-height: 44px !important;
  padding: 0 18px !important;
  color: #ffffff !important;
  background: linear-gradient(135deg, #517278 0%, #31515d 100%) !important;
  border-color: #517278 !important;
  border-radius: 12px !important;
  font-weight: 900 !important;
  box-shadow: 0 12px 24px -18px rgba(49, 81, 93, .72) !important;
}

body .akx-app .akx-content .transfer-passive-card {
  margin-top: 18px !important;
  max-width: 1180px !important;
  background:
    radial-gradient(circle at 94% 10%, rgba(101, 84, 199, .10), transparent 28%),
    linear-gradient(135deg, #ffffff 0%, #f8fbfb 58%, #f8f5ed 100%) !important;
}

body .akx-app .akx-content .transfer-passive-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 18px !important;
  margin-bottom: 16px !important;
}

body .akx-app .akx-content .transfer-passive-head h2 {
  margin: 9px 0 5px !important;
  color: #172b36 !important;
  font-size: 20px !important;
  font-weight: 950 !important;
}

body .akx-app .akx-content .transfer-passive-head p {
  margin: 0 !important;
  color: #657882 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

body .akx-app .akx-content .transfer-passive-count {
  flex: 0 0 auto !important;
  padding: 8px 12px !important;
  color: #31515d !important;
  background: #eef5f6 !important;
  border: 1px solid #d8e5e9 !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  font-weight: 950 !important;
}

body .akx-app .akx-content .transfer-passive-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 16px !important;
}

body .akx-app .akx-content .transfer-passive-list {
  padding: 14px !important;
  background: rgba(255, 255, 255, .82) !important;
  border: 1px solid #dce8ec !important;
  border-radius: 18px !important;
}

body .akx-app .akx-content .transfer-passive-title {
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  margin-bottom: 12px !important;
  color: #28424d !important;
  font-weight: 950 !important;
}

body .akx-app .akx-content .transfer-passive-title i {
  display: inline-grid !important;
  place-items: center !important;
  width: 34px !important;
  height: 34px !important;
  color: #517278 !important;
  background: #e8f1f2 !important;
  border-radius: 11px !important;
}

body .akx-app .akx-content .transfer-passive-title em {
  margin-left: auto !important;
  padding: 4px 9px !important;
  color: #7a5e17 !important;
  background: #fff6df !important;
  border: 1px solid #ead8a6 !important;
  border-radius: 999px !important;
  font-size: 11px !important;
  font-style: normal !important;
}

body .akx-app .akx-content .transfer-passive-item {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding: 12px !important;
  background: #ffffff !important;
  border: 1px solid #e0e9ec !important;
  border-radius: 15px !important;
  box-shadow: 0 12px 24px -24px rgba(17, 42, 52, .52) !important;
}

body .akx-app .akx-content .transfer-passive-item + .transfer-passive-item {
  margin-top: 10px !important;
}

body .akx-app .akx-content .transfer-passive-main {
  min-width: 0 !important;
  display: grid !important;
  gap: 3px !important;
}

body .akx-app .akx-content .transfer-passive-main strong {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 7px !important;
  color: #172b36 !important;
  font-size: 14px !important;
  font-weight: 950 !important;
}

body .akx-app .akx-content .transfer-passive-main span,
body .akx-app .akx-content .transfer-passive-main small {
  overflow: hidden !important;
  color: #667a84 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body .akx-app .akx-content .transfer-dupe-badge {
  display: inline-flex !important;
  align-items: center !important;
  color: #8a3b16 !important;
  background: #fff0e8 !important;
  border: 1px solid #f4c7b1 !important;
  border-radius: 999px !important;
  padding: 3px 8px !important;
  font-size: 10px !important;
  font-weight: 950 !important;
}

body .akx-app .akx-content .transfer-passive-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  min-height: 36px !important;
  padding: 0 12px !important;
  color: #8a331f !important;
  background: #fff7f3 !important;
  border: 1px solid #efc9ba !important;
  border-radius: 11px !important;
  font-size: 12px !important;
  font-weight: 950 !important;
}

body .akx-app .akx-content .transfer-passive-btn:hover {
  color: #ffffff !important;
  background: #9d4b34 !important;
  border-color: #9d4b34 !important;
}

body .akx-app .akx-content .transfer-empty-ok,
body .akx-app .akx-content .transfer-mini-empty {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 14px !important;
  color: #3c6751 !important;
  background: #f3faf4 !important;
  border: 1px solid #d4ead9 !important;
  border-radius: 15px !important;
  font-weight: 800 !important;
}

body .akx-app .akx-content .transfer-empty-ok i {
  color: #4f9560 !important;
  font-size: 22px !important;
}

body .akx-app .akx-content .transfer-empty-ok span {
  display: block !important;
  margin-top: 2px !important;
  color: #658072 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

@media (max-width: 1100px) {
  body .akx-app .akx-content .cred-purchase-layout {
    grid-template-columns: 1fr !important;
  }

  body .akx-app .akx-content .cred-card-visual {
    min-height: 220px !important;
  }
}

@media (max-width: 820px) {
  body .akx-app .akx-content .transfer-passive-head,
  body .akx-app .akx-content .transfer-passive-item {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  body .akx-app .akx-content .transfer-passive-grid {
    grid-template-columns: 1fr !important;
  }

  body .akx-app .akx-content .transfer-passive-count,
  body .akx-app .akx-content .transfer-passive-btn {
    width: 100% !important;
  }

  body .akx-app .akx-content .cred-package-grid,
  body .akx-app .akx-content .cred-card-fields {
    grid-template-columns: 1fr !important;
  }

  body .akx-app .akx-content .cred-card-fields .cred-field-wide {
    grid-column: auto !important;
  }

  body .akx-app .akx-content .cred-buy-actions {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  body .akx-app .akx-content .cred-pay-btn {
    width: 100% !important;
  }
}

/* Kredi ekranı düzeltmeleri: yatay kart, açık premium ton ve kontrollü dağıtım. */
body .akx-app .akx-content .cred-summary .cred-card.cred-card-main {
  color: #172b36 !important;
  background: linear-gradient(135deg, #f7faf9 0%, #ffffff 58%, #fff7e5 100%) !important;
  border: 1px solid #d8e5e9 !important;
  box-shadow: 0 14px 30px -28px rgba(17, 42, 52, .58) !important;
}

body .akx-app .akx-content .cred-summary .cred-card.cred-card-main > i {
  color: #517278 !important;
  background: #e6f0e8 !important;
}

body .akx-app .akx-content .cred-summary .cred-card.cred-card-main span {
  color: #6a7b82 !important;
  opacity: 1 !important;
}

body .akx-app .akx-content .cred-summary .cred-card.cred-card-main strong {
  color: #172b36 !important;
}

body .akx-app .akx-content .cred-purchase-layout {
  grid-template-columns: minmax(0, 1fr) minmax(340px, 420px) !important;
  align-items: start !important;
}

body .akx-app .akx-content .cred-card-visual {
  width: min(100%, 420px) !important;
  min-height: 0 !important;
  aspect-ratio: 1.64 / 1 !important;
  align-self: start !important;
  margin: 12px auto 4px !important;
  padding: 22px 24px !important;
  color: #25434d !important;
  background:
    radial-gradient(circle at 86% 82%, rgba(185, 160, 75, .26), transparent 34%),
    radial-gradient(circle at 18% 16%, rgba(255, 255, 255, .88), transparent 28%),
    linear-gradient(135deg, #f8fbfa 0%, #e6f0e8 44%, #f8efd7 100%) !important;
  border: 1px solid #d6e3dc !important;
  border-radius: 24px !important;
  box-shadow:
    0 24px 48px -34px rgba(17, 42, 52, .52),
    inset 0 1px 0 rgba(255, 255, 255, .88) !important;
  transform: rotate(-2deg) !important;
}

body .akx-app .akx-content .cred-card-visual::before {
  content: "" !important;
  position: absolute !important;
  inset: 12px !important;
  border: 1px solid rgba(81, 114, 120, .12) !important;
  border-radius: 18px !important;
  pointer-events: none !important;
}

body .akx-app .akx-content .cred-card-brand {
  color: #31515d !important;
  font-size: 12px !important;
  letter-spacing: .22em !important;
}

body .akx-app .akx-content .cred-card-chip {
  width: 46px !important;
  height: 34px !important;
  background: linear-gradient(135deg, #f7e9ac 0%, #c8aa46 100%) !important;
  border: 1px solid rgba(128, 100, 31, .22) !important;
  box-shadow: 0 10px 20px -16px rgba(108, 80, 18, .5) !important;
}

body .akx-app .akx-content .cred-card-number {
  margin-top: auto !important;
  color: #172b36 !important;
  font-size: 21px !important;
  letter-spacing: .06em !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .65) !important;
}

body .akx-app .akx-content .cred-card-foot {
  color: #31515d !important;
}

body .akx-app .akx-content .cred-card-foot span {
  color: #6a7b82 !important;
  opacity: 1 !important;
}

body .akx-app .akx-content .cred-card-foot strong {
  color: #25434d !important;
}

body .akx-app .akx-content .cred-card-glow {
  right: -34px !important;
  bottom: -38px !important;
  width: 150px !important;
  height: 150px !important;
  background: rgba(185, 160, 75, .18) !important;
}

body .akx-app .akx-content .cred-students-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  background: linear-gradient(90deg, #f7faf9 0%, #ffffff 58%, #fffaf0 100%) !important;
}

body .akx-app .akx-content .cred-students-head p {
  margin: 4px 0 0 !important;
  color: #647780 !important;
  font-size: 12px !important;
  font-weight: 650 !important;
}

body .akx-app .akx-content .cred-balance-pill {
  display: inline-flex !important;
  min-height: 32px !important;
  align-items: center !important;
  padding: 7px 11px !important;
  color: #315b3d !important;
  background: #e6f0e8 !important;
  border: 1px solid #cadfce !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}

body .akx-app .akx-content .cred-balance-pill.empty {
  color: #875f12 !important;
  background: #fff6df !important;
  border-color: #ecd79b !important;
}

body .akx-app .akx-content .cred-insufficient {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin: 14px 16px 0 !important;
  padding: 13px 14px !important;
  color: #704f13 !important;
  background: linear-gradient(90deg, #fffaf0 0%, #ffffff 100%) !important;
  border: 1px solid #ead89f !important;
  border-radius: 14px !important;
}

body .akx-app .akx-content .cred-insufficient i {
  display: grid !important;
  width: 34px !important;
  height: 34px !important;
  flex: 0 0 auto !important;
  place-items: center !important;
  color: #8a6717 !important;
  background: #faedc8 !important;
  border-radius: 10px !important;
}

body .akx-app .akx-content .cred-insufficient strong,
body .akx-app .akx-content .cred-insufficient span {
  display: block !important;
}

body .akx-app .akx-content .cred-insufficient strong {
  color: #172b36 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}

body .akx-app .akx-content .cred-insufficient span {
  color: #6a5a34 !important;
  font-size: 12px !important;
  font-weight: 650 !important;
}

body .akx-app .akx-content .cred-table > tbody > tr {
  background: #ffffff !important;
}

body .akx-app .akx-content .cred-table .form-control:disabled,
body .akx-app .akx-content .cred-save:disabled {
  cursor: not-allowed !important;
  opacity: .58 !important;
}

body .akx-app .akx-content .btn.cred-save {
  color: #ffffff !important;
  background: linear-gradient(135deg, #517278 0%, #31515d 100%) !important;
  border: 1px solid rgba(255, 255, 255, .16) !important;
  border-radius: 10px !important;
  box-shadow: 0 10px 20px -16px rgba(49, 81, 93, .66) !important;
}

body .akx-app .akx-content .student-inline-alert {
  overflow: hidden !important;
  animation: akxAlertAutoDismiss 5.6s ease forwards !important;
}

@keyframes akxAlertAutoDismiss {
  0%, 72% {
    max-height: 96px;
    opacity: 1;
    margin-top: inherit;
    margin-bottom: inherit;
    padding-top: inherit;
    padding-bottom: inherit;
    border-width: 1px;
  }
  90% {
    max-height: 96px;
    opacity: 0;
    margin-top: inherit;
    margin-bottom: inherit;
    padding-top: inherit;
    padding-bottom: inherit;
    border-width: 1px;
  }
  100% {
    max-height: 0;
    opacity: 0;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    border-width: 0;
  }
}

@media (max-width: 1100px) {
  body .akx-app .akx-content .cred-purchase-layout {
    grid-template-columns: 1fr !important;
  }

  body .akx-app .akx-content .cred-card-visual {
    transform: none !important;
  }
}

/* Dashboard Yaklaşan Seans: KPI açık mavi, sağ panel satırları başlıkla uyumlu soft sarı. */
html body .akx-app .akx-content .coach-dashboard-v2 .kpi-metric-card.kpi-m-indigo {
  background: linear-gradient(135deg, #ffffff 0%, #f8fbff 58%, #eef7ff 100%) !important;
  border-color: #d8e8f7 !important;
}

html body .akx-app .akx-content .coach-dashboard-v2 .kpi-metric-card.kpi-m-indigo .kpi-m-icon {
  color: #376fa6 !important;
  background: #e6f2ff !important;
}

html body .akx-app .akx-content .coach-dashboard-v2 .kpi-metric-card.kpi-m-indigo .kpi-m-footer {
  color: #ffffff !important;
  background: linear-gradient(90deg, #6fa9df 0%, #8fc4f2 100%) !important;
}

html body .akx-app .akx-content .coach-dashboard-v2 .edu-upcoming-slot .edu-upcoming-list {
  background: linear-gradient(180deg, #ffffff 0%, #fffdf8 100%) !important;
}

html body .akx-app .akx-content .coach-dashboard-v2 .edu-upcoming-slot .edu-upcoming-item,
html body .akx-app .akx-content .coach-dashboard-v2 .edu-upcoming-slot .edu-upcoming-item.is-empty {
  background: linear-gradient(135deg, #fffaf0 0%, #ffffff 72%) !important;
  border-color: #ead7a8 !important;
  box-shadow: 0 12px 24px -23px rgba(122, 86, 20, .36) !important;
}

html body .akx-app .akx-content .coach-dashboard-v2 .edu-upcoming-slot .edu-upcoming-item:hover {
  background: linear-gradient(135deg, #fff6df 0%, #ffffff 72%) !important;
  border-color: #dcc17a !important;
}

html body .akx-app .akx-content .coach-dashboard-v2 .edu-upcoming-slot .edu-up-code {
  color: #8a6717 !important;
  background: #faedc8 !important;
}

html body .akx-app .akx-content .coach-dashboard-v2 .edu-upcoming-slot .edu-up-meta b {
  color: #172b36 !important;
}

html body .akx-app .akx-content .coach-dashboard-v2 .edu-upcoming-slot .edu-up-meta small {
  color: #7b6a41 !important;
}

html body .akx-app .akx-content .coach-dashboard-v2 .edu-upcoming-slot .edu-up-days {
  color: #7b5b15 !important;
}

/* Görüşme Takvimi: kartların tepesindeki ekstra kalın çizgi kalksın,
   içerideki renkli başlık alanları aynen kalsın. */
body .akx-app .akx-content .meet-page .meet-head.meet-head,
body .akx-app .akx-content .meet-page .meet-week.meet-week,
body .akx-app .akx-content .meet-page .meet-settings.meet-settings {
  border-top: 1px solid rgba(47, 93, 98, .14) !important;
}

body .akx-app .akx-content .meet-page .meet-week.is-current {
  border-top-color: rgba(47, 93, 98, .22) !important;
}

/* Ana sayfa öğrenci filtresi: yıl seçici temiz ve ferah kalsın. */
body .akx-app .akx-content .coach-dashboard-v2 .student-year-picker {
  gap: 8px !important;
}

/* Öğrenciler başlığı: AI butonunu boğmadan soft lila bölüm kimliği. */
html body .akx-app .akx-content .coach-dashboard-v2 .coach-students-head {
  background: linear-gradient(90deg, #F7F5FF 0%, #FCFBFF 100%) !important;
  border-color: #DED8F5 !important;
}

html body .akx-app .akx-content .coach-dashboard-v2 .coach-students-head-icon {
  color: #6750C8 !important;
  background: #EEE9FF !important;
}

/* AI Koç butonu: standart aksiyonlardan ayrışan sakin mor-mavi premium gradient. */
body .akx-app .akx-content .ai-coach-trigger,
body .akx-app .akx-content .student-action-ai {
  color: #ffffff !important;
  background: linear-gradient(135deg, #4457C4 0%, #6854C7 55%, #7651B8 100%) !important;
  border: 1px solid rgba(247, 231, 167, .28) !important;
  box-shadow: 0 4px 12px rgba(79, 70, 229, .18), inset 0 1px 0 rgba(255, 255, 255, .14) !important;
}

body .akx-app .akx-content .ai-coach-trigger:hover,
body .akx-app .akx-content .student-action-ai:hover {
  background: linear-gradient(135deg, #3f50bd 0%, #604bc1 55%, #7049ad 100%) !important;
  box-shadow: 0 7px 18px rgba(79, 70, 229, .25), inset 0 1px 0 rgba(255, 255, 255, .16) !important;
  transform: translateY(-1px) !important;
}

body .akx-app .akx-content .ai-coach-trigger i,
body .akx-app .akx-content .student-action-ai i {
  color: #f7e7a7 !important;
  font-size: 15px !important;
}

/* Yaklaşan Seans üst KPI: son karar açık mavi/premium. */
html body .akx-app .akx-content .coach-dashboard-v2 .kpi-metric-card.kpi-m-indigo {
  background: linear-gradient(135deg, #ffffff 0%, #f8fbff 58%, #eef7ff 100%) !important;
  border-color: #d8e8f7 !important;
}

html body .akx-app .akx-content .coach-dashboard-v2 .kpi-metric-card.kpi-m-indigo .kpi-m-icon {
  color: #376fa6 !important;
  background: #e6f2ff !important;
}

html body .akx-app .akx-content .coach-dashboard-v2 .kpi-metric-card.kpi-m-indigo .kpi-m-footer {
  color: #ffffff !important;
  background: linear-gradient(90deg, #6fa9df 0%, #8fc4f2 100%) !important;
}

/* Öğrenciler toolbar: sekmeler çoğalınca aramayı ezmesin diye iki satırlı premium düzen. */
html body .akx-app .akx-content .coach-dashboard-v2 .student-list-toolbar {
  grid-template-columns: auto minmax(340px, 1fr) auto auto !important;
  align-items: center !important;
  gap: 12px 14px !important;
}

html body .akx-app .akx-content .coach-dashboard-v2 .stu-toolbar-left {
  display: contents !important;
}

html body .akx-app .akx-content .coach-dashboard-v2 .student-year-picker {
  grid-column: 1 !important;
  grid-row: 1 !important;
}

html body .akx-app .akx-content .coach-dashboard-v2 .student-list-search {
  grid-column: 2 !important;
  grid-row: 1 !important;
  min-width: 340px !important;
}

html body .akx-app .akx-content .coach-dashboard-v2 .student-cat-tabs {
  grid-column: 1 / -1 !important;
  grid-row: 2 !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 8px !important;
  min-width: 0 !important;
  margin-top: 5px !important;
  padding: 16px 0 4px !important;
  overflow-x: auto !important;
  scrollbar-width: none !important;
  border-top: 1px solid rgba(216, 226, 230, .72) !important;
}

html body .akx-app .akx-content .coach-dashboard-v2 .student-cat-tabs::-webkit-scrollbar {
  display: none !important;
}

html body .akx-app .akx-content .coach-dashboard-v2 .student-cat-tab {
  flex: 0 0 auto !important;
}

html body .akx-app .akx-content .coach-dashboard-v2 .student-view-toggle {
  grid-column: 3 !important;
  grid-row: 1 !important;
}

html body .akx-app .akx-content .coach-dashboard-v2 .student-add-button {
  grid-column: 4 !important;
  grid-row: 1 !important;
}

html body .akx-app .akx-content .coach-dashboard-v2 .coach-students-head-copy p {
  display: block !important;
  margin: 3px 0 0 !important;
  color: #667085 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
}

@media (max-width: 1180px) {
  html body .akx-app .akx-content .coach-dashboard-v2 .student-list-toolbar {
    grid-template-columns: auto minmax(260px, 1fr) auto auto !important;
  }

  html body .akx-app .akx-content .coach-dashboard-v2 .student-cat-tabs {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    flex-wrap: nowrap !important;
  }

  html body .akx-app .akx-content .coach-dashboard-v2 .student-view-toggle {
    grid-column: 3 !important;
  }

  html body .akx-app .akx-content .coach-dashboard-v2 .student-add-button {
    grid-column: 4 !important;
  }
}

@media (max-width: 760px) {
  html body .akx-app .akx-content .coach-dashboard-v2 .student-list-toolbar {
    grid-template-columns: 1fr auto !important;
  }

  html body .akx-app .akx-content .coach-dashboard-v2 .student-year-picker {
    grid-column: 1 !important;
  }

  html body .akx-app .akx-content .coach-dashboard-v2 .student-list-search {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    min-width: 0 !important;
  }

  html body .akx-app .akx-content .coach-dashboard-v2 .student-view-toggle {
    grid-column: 2 !important;
    grid-row: 1 !important;
  }

  html body .akx-app .akx-content .coach-dashboard-v2 .student-add-button {
    grid-column: 1 / -1 !important;
    grid-row: 3 !important;
  }

  html body .akx-app .akx-content .coach-dashboard-v2 .student-cat-tabs {
    grid-column: 1 / -1 !important;
    grid-row: 4 !important;
  }
}

/* Görüşme Takvimi: üst kenar çizgisini tamamen kaldır, renkli header zeminleri kalsın. */
html body .akx-app .akx-content .meet-page .meet-head.meet-head,
html body .akx-app .akx-content .meet-page .meet-timeline .meet-week.meet-week,
html body .akx-app .akx-content .meet-page .meet-settings.meet-settings {
  border-top-width: 0 !important;
  border-top-color: transparent !important;
}

html body .akx-app .akx-content .meet-page .meet-timeline .meet-week > header,
html body .akx-app .akx-content .meet-page .meet-settings > .card-header {
  border-top: 0 !important;
}

/* Dashboard aksiyon butonları — sidebar ile aynı koyu lacivert premium ton */
html body .akx-app .akx-content .coach-dashboard-v2 .student-detail-btn,
html body .akx-app .akx-content .coach-dashboard-v2 a.student-detail-btn,
html body .akx-app .akx-content .coach-dashboard-v2 .student-add-button,
html body .akx-app .akx-content .coach-dashboard-v2 .student-cat-tab.is-active,
html body .akx-app .akx-content .coach-dashboard-v2 .student-view-toggle button.active {
  color: #ffffff !important;
  background: linear-gradient(135deg, #1C3A4D 0%, #2A5368 58%, #173145 100%) !important;
  border-color: #2A5368 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .10),
    0 10px 22px -17px rgba(6, 18, 28, .85) !important;
}

html body .akx-app .akx-content .coach-dashboard-v2 .student-detail-btn:hover,
html body .akx-app .akx-content .coach-dashboard-v2 a.student-detail-btn:hover,
html body .akx-app .akx-content .coach-dashboard-v2 .student-add-button:hover,
html body .akx-app .akx-content .coach-dashboard-v2 .student-cat-tab.is-active:hover,
html body .akx-app .akx-content .coach-dashboard-v2 .student-view-toggle button.active:hover {
  color: #ffffff !important;
  background: linear-gradient(135deg, #22475D 0%, #315F75 58%, #1B3B52 100%) !important;
  border-color: #315F75 !important;
  transform: translateY(-1px);
}

html body .akx-app .akx-content .coach-dashboard-v2 .student-detail-btn i,
html body .akx-app .akx-content .coach-dashboard-v2 .student-add-button i,
html body .akx-app .akx-content .coach-dashboard-v2 .student-view-toggle button.active i {
  color: #d9e8ef !important;
}

html body .akx-app .akx-content .coach-dashboard-v2 .student-cat-tab.is-active span {
  color: #102738 !important;
  background: rgba(255, 255, 255, .78) !important;
  border-color: rgba(255, 255, 255, .45) !important;
}

html body .akx-app .akx-content .coach-dashboard-v2 .student-add-button.is-disabled,
html body .akx-app .akx-content .coach-dashboard-v2 .quick-tile.is-disabled {
  cursor: not-allowed !important;
  color: #6b7d86 !important;
  background: linear-gradient(135deg, #f3f7f8 0%, #ffffff 100%) !important;
  border-color: #dce7eb !important;
  box-shadow: none !important;
  opacity: .78 !important;
}

html body .akx-app .akx-content .coach-dashboard-v2 .student-add-button.is-disabled i,
html body .akx-app .akx-content .coach-dashboard-v2 .quick-tile.is-disabled .quick-ico {
  color: #7d9099 !important;
  background: #eaf1f3 !important;
}

html body .akx-app .akx-content .coach-dashboard-v2 .quick-tile.is-disabled .quick-mark {
  color: #8a6a12 !important;
  background: #fff7df !important;
  border: 1px solid #ead9a8 !important;
  border-radius: 999px !important;
  padding: 4px 8px !important;
  font-size: 11px !important;
  font-weight: 850 !important;
}

/* Sidebar/content birleşimi: beyaz zeminle temas eden sağ gölgeyi kaldır. */
html body .akx-app .akx-sidebar {
  box-shadow: inset -1px 0 0 rgba(255, 255, 255, .08) !important;
  border-right: 1px solid rgba(11, 30, 45, .26) !important;
}

html body .akx-app .akx-sidebar::after {
  display: none !important;
  content: none !important;
}

/* Sidebar logo: çerçevesiz, direkt lacivert zemin üzerinde. */
html body .akx-app .akx-sidebar > .akx-brand.akx-brand-trio,
html body .akx-app .akx-sidebar > a.akx-brand.akx-brand-trio,
html body .akx-app .akx-sidebar .akx-brand.akx-brand-trio {
  margin: 12px 9px 20px !important;
  padding: 10px 4px !important;
  min-height: 104px !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html body .akx-app .akx-sidebar > .akx-brand.akx-brand-trio:hover,
html body .akx-app .akx-sidebar > a.akx-brand.akx-brand-trio:hover,
html body .akx-app .akx-sidebar .akx-brand.akx-brand-trio:hover {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body .akx-app .akx-sidebar .akx-brand .akx-brand-logo {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  padding: 10px 0 !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html body .akx-app .akx-sidebar .akx-brand .akx-brand-logo img {
  display: block !important;
  width: 100% !important;
  max-width: 250px !important;
  height: auto !important;
  object-fit: contain !important;
}

/* Öğrenci girişi: daha renkli, soft ve öğrenciye özel sol panel/profil kimliği. */
html body .akx-app.akx-student .akx-sidebar {
  background:
    radial-gradient(18rem 15rem at 12% 8%, rgba(122, 104, 255, .26), transparent 62%),
    radial-gradient(16rem 14rem at 92% 34%, rgba(57, 189, 213, .22), transparent 64%),
    radial-gradient(18rem 17rem at 45% 98%, rgba(255, 185, 93, .16), transparent 66%),
    linear-gradient(180deg, #10233f 0%, #153553 45%, #1e5260 100%) !important;
  border-right: 1px solid rgba(116, 169, 195, .26) !important;
  box-shadow: inset -1px 0 0 rgba(255, 255, 255, .08) !important;
}

html body .akx-app.akx-student .akx-sidebar::before {
  opacity: .28 !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.12), transparent 38%),
    radial-gradient(circle at 50% 0%, rgba(255,255,255,.18), transparent 42%) !important;
}

html body .akx-app.akx-student .akx-sidebar .akx-menu-section {
  color: rgba(226, 239, 248, .7) !important;
}

html body .akx-app.akx-student .akx-sidebar .akx-menu-link {
  color: rgba(238, 247, 255, .86) !important;
  border-color: rgba(210, 231, 245, .14) !important;
  background: rgba(255, 255, 255, .055) !important;
}

html body .akx-app.akx-student .akx-sidebar .akx-menu-link:hover {
  color: #ffffff !important;
  border-color: rgba(155, 213, 235, .38) !important;
  background: rgba(255, 255, 255, .115) !important;
  box-shadow: 0 12px 24px -20px rgba(12, 30, 53, .65) !important;
}

html body .akx-app.akx-student .akx-sidebar .akx-menu-link.active,
html body .akx-app.akx-student .akx-sidebar .akx-menu-group.open > .akx-menu-toggle {
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, .34) !important;
  background: linear-gradient(135deg, rgba(88, 118, 224, .92), rgba(39, 157, 184, .82)) !important;
  box-shadow: 0 14px 28px -18px rgba(36, 127, 174, .72) !important;
}

html body .akx-app.akx-student .akx-sidebar .akx-menu-icon {
  color: #bfe7f3 !important;
  background: rgba(255, 255, 255, .08) !important;
}

html body .akx-app.akx-student .akx-sidebar .akx-menu-link.active .akx-menu-icon,
html body .akx-app.akx-student .akx-sidebar .akx-menu-link:hover .akx-menu-icon {
  color: #ffffff !important;
  background: rgba(255, 255, 255, .18) !important;
}

html body .akx-app.akx-student .akx-sidebar .akx-user-card {
  border-color: rgba(216, 235, 248, .22) !important;
  background: rgba(255, 255, 255, .09) !important;
  box-shadow: 0 16px 28px -22px rgba(0, 0, 0, .5) !important;
}

html body .akx-app.akx-student .akx-sidebar .akx-user-card strong {
  color: #f7fbff !important;
}

html body .akx-app.akx-student .akx-sidebar .akx-user-card small {
  color: rgba(221, 239, 248, .72) !important;
}

html body .akx-app.akx-student .akx-sidebar .akx-user-avatar,
html body .akx-app.akx-student .akx-topbar .akx-user-avatar {
  color: #ffffff !important;
  background:
    radial-gradient(circle at 30% 20%, rgba(255, 255, 255, .34), transparent 34%),
    linear-gradient(135deg, #7c65e8 0%, #2aa6c7 52%, #27b58a 100%) !important;
  box-shadow: 0 10px 22px -14px rgba(44, 139, 184, .82) !important;
}

html body .akx-app.akx-student .akx-content .shome .shome-hero-photo {
  border: 4px solid rgba(255, 255, 255, .95) !important;
  outline: 0 !important;
  background:
    radial-gradient(circle at 28% 22%, rgba(255, 255, 255, .5), transparent 28%),
    linear-gradient(135deg, #8d72f1 0%, #36b3d0 50%, #39c796 100%) !important;
  box-shadow:
    0 0 0 1px rgba(90, 155, 190, .24),
    0 18px 35px -22px rgba(36, 97, 140, .72),
    0 0 0 9px rgba(73, 181, 210, .1) !important;
}

html body .akx-app.akx-student .akx-content .shome .shome-hero-photo span {
  color: #ffffff !important;
  font-weight: 900 !important;
  text-shadow: 0 1px 8px rgba(12, 41, 64, .24) !important;
}

html body .akx-app.akx-student .akx-content .shome .shome-hero-photo img {
  border-radius: inherit !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .55) !important;
}

/* Öğrenci girişi: premium, sakin petrol-mavi öğrenci kimliği. */
html body .akx-app.akx-student .akx-sidebar {
  background:
    radial-gradient(18rem 13rem at 12% 0%, rgba(182, 205, 219, .18), transparent 64%),
    radial-gradient(17rem 16rem at 100% 34%, rgba(124, 139, 204, .18), transparent 66%),
    radial-gradient(18rem 18rem at 44% 104%, rgba(82, 158, 161, .22), transparent 68%),
    linear-gradient(180deg, #20384f 0%, #274c63 48%, #2d6068 100%) !important;
  border-right: 1px solid rgba(202, 220, 229, .22) !important;
  box-shadow: inset -1px 0 0 rgba(255, 255, 255, .08) !important;
}

html body .akx-app.akx-student .akx-sidebar::before {
  opacity: .28 !important;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .12), transparent 42%),
    radial-gradient(circle at 50% 0%, rgba(255, 255, 255, .16), transparent 45%) !important;
}

html body .akx-app.akx-student .akx-sidebar .akx-menu-section {
  color: rgba(255, 255, 255, .76) !important;
}

html body .akx-app.akx-student .akx-sidebar .akx-menu-link {
  color: rgba(242, 248, 251, .88) !important;
  border-color: rgba(224, 238, 244, .13) !important;
  background: rgba(255, 255, 255, .07) !important;
  backdrop-filter: blur(10px) !important;
}

html body .akx-app.akx-student .akx-sidebar .akx-menu-link:hover {
  color: #ffffff !important;
  border-color: rgba(216, 235, 243, .30) !important;
  background: rgba(255, 255, 255, .12) !important;
  box-shadow: 0 13px 26px -20px rgba(12, 35, 52, .55) !important;
}

html body .akx-app.akx-student .akx-sidebar .akx-menu-link.active,
html body .akx-app.akx-student .akx-sidebar .akx-menu-group.open > .akx-menu-toggle {
  color: #ffffff !important;
  border-color: rgba(232, 244, 249, .42) !important;
  background:
    linear-gradient(135deg, rgba(55, 111, 136, .90) 0%, rgba(53, 88, 143, .86) 58%, rgba(87, 84, 156, .80) 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .18),
    0 16px 30px -21px rgba(10, 35, 55, .76) !important;
}

html body .akx-app.akx-student .akx-sidebar .akx-menu-icon {
  color: #ffffff !important;
  background: rgba(255, 255, 255, .12) !important;
}

html body .akx-app.akx-student .akx-sidebar .akx-menu-link.active .akx-menu-icon,
html body .akx-app.akx-student .akx-sidebar .akx-menu-link:hover .akx-menu-icon {
  background: rgba(255, 255, 255, .18) !important;
}

html body .akx-app.akx-student .akx-sidebar .akx-user-card {
  border-color: rgba(232, 244, 249, .18) !important;
  background: rgba(255, 255, 255, .09) !important;
  box-shadow: 0 16px 28px -23px rgba(8, 27, 41, .62) !important;
}

html body .akx-app.akx-student .akx-sidebar .akx-user-card strong {
  color: #ffffff !important;
}

html body .akx-app.akx-student .akx-sidebar .akx-user-card small {
  color: rgba(255, 255, 255, .74) !important;
}

html body .akx-app.akx-student .akx-sidebar .akx-user-avatar,
html body .akx-app.akx-student .akx-topbar .akx-user-avatar {
  color: #ffffff !important;
  background:
    radial-gradient(circle at 30% 20%, rgba(255, 255, 255, .36), transparent 34%),
    linear-gradient(135deg, #3e7d8e 0%, #4d6aa6 54%, #7663b5 100%) !important;
  box-shadow: 0 10px 22px -14px rgba(39, 83, 128, .72) !important;
}

html body .akx-app.akx-student .akx-content {
  background:
    radial-gradient(42rem 28rem at 0% 4%, rgba(72, 133, 154, .13), transparent 68%),
    radial-gradient(42rem 30rem at 100% 98%, rgba(124, 116, 190, .10), transparent 70%),
    linear-gradient(105deg, #fbfcfd 0%, #f1f6f8 48%, #f4f3fb 78%, #fbf8f1 100%) !important;
}

html body .akx-app.akx-student .akx-content .shome .shome-hero,
html body .akx-app.akx-student .akx-content .student-profile .student-hero {
  border: 1px solid rgba(194, 214, 225, .78) !important;
  background:
    radial-gradient(23rem 15rem at 8% 0%, rgba(83, 153, 174, .16), transparent 66%),
    radial-gradient(24rem 16rem at 98% 8%, rgba(124, 113, 186, .12), transparent 68%),
    radial-gradient(20rem 14rem at 60% 105%, rgba(218, 183, 106, .12), transparent 68%),
    linear-gradient(135deg, #ffffff 0%, #f5f9fb 46%, #f4f3fb 100%) !important;
  box-shadow:
    0 22px 44px -36px rgba(39, 82, 108, .34),
    inset 0 1px 0 rgba(255, 255, 255, .88) !important;
}

html body .akx-app.akx-student .akx-content .shome .shome-hero::after {
  background: linear-gradient(90deg, #3f7f8f 0%, #5673ad 52%, #7a68b8 100%) !important;
  opacity: .74 !important;
}

html body .akx-app.akx-student .akx-content .shome .shome-hero-photo,
html body .akx-app.akx-student .akx-content .student-profile .student-avatar {
  border: 4px solid rgba(255, 255, 255, .98) !important;
  outline: 1px solid rgba(103, 143, 170, .34) !important;
  background:
    radial-gradient(circle at 28% 22%, rgba(255, 255, 255, .52), transparent 28%),
    linear-gradient(135deg, #3f8795 0%, #566faf 52%, #7a68b7 100%) !important;
  box-shadow:
    0 0 0 9px rgba(83, 145, 172, .09),
    0 18px 35px -22px rgba(47, 86, 138, .56) !important;
}

html body .akx-app.akx-student .akx-content .shome .shome-hero-goal {
  color: #2d5665 !important;
  border-color: rgba(125, 162, 183, .30) !important;
  background: linear-gradient(135deg, rgba(241, 248, 250, .96), rgba(246, 244, 252, .94)) !important;
}

html body .akx-app.akx-student .akx-content .shome .shome-stat-cluster,
html body .akx-app.akx-student .akx-content .shome .shome-upcoming-exams {
  border-color: rgba(196, 214, 225, .74) !important;
  background: rgba(255, 255, 255, .72) !important;
  box-shadow: 0 15px 30px -27px rgba(47, 86, 108, .34) !important;
}

/* Öğrenci girişi final sıcak premium tema: rose-gold / tarçın / bordo. */
html body .akx-app.akx-student .akx-sidebar {
  background:
    radial-gradient(18rem 13rem at 12% 0%, rgba(255, 218, 170, .20), transparent 64%),
    radial-gradient(17rem 16rem at 100% 34%, rgba(180, 82, 96, .18), transparent 66%),
    radial-gradient(18rem 18rem at 44% 104%, rgba(222, 153, 91, .22), transparent 68%),
    linear-gradient(180deg, #4a2937 0%, #6e3a3d 46%, #8d5a3d 100%) !important;
  border-right: 1px solid rgba(255, 224, 190, .22) !important;
  box-shadow: inset -1px 0 0 rgba(255, 255, 255, .08) !important;
}

html body .akx-app.akx-student .akx-sidebar::before {
  opacity: .30 !important;
  background:
    linear-gradient(135deg, rgba(255, 238, 214, .14), transparent 42%),
    radial-gradient(circle at 50% 0%, rgba(255, 218, 170, .18), transparent 45%) !important;
}

html body .akx-app.akx-student .akx-sidebar .akx-menu-section {
  color: rgba(255, 238, 221, .72) !important;
}

html body .akx-app.akx-student .akx-sidebar .akx-menu-link {
  color: rgba(255, 247, 240, .88) !important;
  border-color: rgba(255, 228, 205, .14) !important;
  background: rgba(255, 255, 255, .07) !important;
}

html body .akx-app.akx-student .akx-sidebar .akx-menu-link:hover {
  color: #ffffff !important;
  border-color: rgba(255, 225, 197, .34) !important;
  background: rgba(255, 255, 255, .12) !important;
  box-shadow: 0 13px 26px -20px rgba(61, 26, 34, .62) !important;
}

html body .akx-app.akx-student .akx-sidebar .akx-menu-link.active,
html body .akx-app.akx-student .akx-sidebar .akx-menu-group.open > .akx-menu-toggle {
  color: #ffffff !important;
  border-color: rgba(255, 232, 206, .40) !important;
  background:
    linear-gradient(135deg, rgba(135, 67, 70, .92) 0%, rgba(166, 91, 70, .88) 58%, rgba(188, 126, 73, .82) 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .18),
    0 16px 30px -21px rgba(79, 32, 36, .76) !important;
}

html body .akx-app.akx-student .akx-sidebar .akx-menu-icon {
  color: #fff7ef !important;
  background: rgba(255, 236, 214, .13) !important;
}

html body .akx-app.akx-student .akx-sidebar .akx-menu-link.active .akx-menu-icon,
html body .akx-app.akx-student .akx-sidebar .akx-menu-link:hover .akx-menu-icon {
  color: #ffffff !important;
  background: rgba(255, 236, 214, .20) !important;
}

html body .akx-app.akx-student .akx-sidebar .akx-user-card {
  border-color: rgba(255, 232, 206, .18) !important;
  background: rgba(255, 255, 255, .09) !important;
  box-shadow: 0 16px 28px -23px rgba(61, 26, 34, .62) !important;
}

html body .akx-app.akx-student .akx-sidebar .akx-user-card strong {
  color: #fffaf6 !important;
}

html body .akx-app.akx-student .akx-sidebar .akx-user-card small {
  color: rgba(255, 238, 221, .72) !important;
}

html body .akx-app.akx-student .akx-sidebar .akx-user-avatar,
html body .akx-app.akx-student .akx-topbar .akx-user-avatar {
  color: #ffffff !important;
  background:
    radial-gradient(circle at 30% 20%, rgba(255, 255, 255, .36), transparent 34%),
    linear-gradient(135deg, #a34f56 0%, #c06f4d 54%, #d3a04f 100%) !important;
  box-shadow: 0 10px 22px -14px rgba(126, 58, 52, .74) !important;
}

html body .akx-app.akx-student .akx-content {
  background:
    radial-gradient(42rem 28rem at 0% 4%, rgba(198, 111, 77, .12), transparent 68%),
    radial-gradient(42rem 30rem at 100% 98%, rgba(166, 77, 92, .10), transparent 70%),
    linear-gradient(105deg, #fffdfb 0%, #fbf2ed 48%, #fff7ec 78%, #f7f2ff 100%) !important;
}

html body .akx-app.akx-student .akx-content .shome .shome-hero,
html body .akx-app.akx-student .akx-content .student-profile .student-hero {
  border: 1px solid rgba(232, 199, 173, .78) !important;
  background:
    radial-gradient(23rem 15rem at 8% 0%, rgba(214, 134, 88, .15), transparent 66%),
    radial-gradient(24rem 16rem at 98% 8%, rgba(162, 73, 91, .10), transparent 68%),
    radial-gradient(20rem 14rem at 60% 105%, rgba(223, 174, 93, .16), transparent 68%),
    linear-gradient(135deg, #ffffff 0%, #fff8f3 46%, #fff1e5 100%) !important;
  box-shadow:
    0 22px 44px -36px rgba(128, 70, 55, .34),
    inset 0 1px 0 rgba(255, 255, 255, .90) !important;
}

html body .akx-app.akx-student .akx-content .shome .shome-hero::after {
  background: linear-gradient(90deg, #9c4d55 0%, #c5744e 52%, #d5a14d 100%) !important;
  opacity: .76 !important;
}

html body .akx-app.akx-student .akx-content .shome .shome-hero-photo,
html body .akx-app.akx-student .akx-content .student-profile .student-avatar {
  border: 4px solid rgba(255, 255, 255, .98) !important;
  outline: 1px solid rgba(199, 124, 85, .34) !important;
  background:
    radial-gradient(circle at 28% 22%, rgba(255, 255, 255, .52), transparent 28%),
    linear-gradient(135deg, #a34f56 0%, #c3704d 52%, #d5a14f 100%) !important;
  box-shadow:
    0 0 0 9px rgba(204, 128, 82, .10),
    0 18px 35px -22px rgba(128, 70, 55, .56) !important;
}

html body .akx-app.akx-student .akx-content .shome .shome-hero-goal {
  color: #744837 !important;
  border-color: rgba(213, 160, 101, .35) !important;
  background: linear-gradient(135deg, rgba(255, 249, 242, .96), rgba(255, 242, 230, .94)) !important;
}

html body .akx-app.akx-student .akx-content .shome .shome-stat-cluster,
html body .akx-app.akx-student .akx-content .shome .shome-upcoming-exams {
  border-color: rgba(232, 201, 177, .76) !important;
  background: rgba(255, 255, 255, .74) !important;
  box-shadow: 0 15px 30px -27px rgba(128, 70, 55, .34) !important;
}

/* Öğrenci girişi final: tek renk premium mürdüm teması. */
html body .akx-app.akx-student .akx-sidebar {
  background: #51313d !important;
  border-right: 1px solid rgba(255, 255, 255, .10) !important;
  box-shadow: inset -1px 0 0 rgba(255, 255, 255, .06) !important;
}

html body .akx-app.akx-student .akx-sidebar::before {
  opacity: .14 !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, .16), transparent 34%, rgba(0, 0, 0, .10)) !important;
}

html body .akx-app.akx-student .akx-sidebar .akx-menu-section {
  color: rgba(255, 244, 242, .68) !important;
}

html body .akx-app.akx-student .akx-sidebar .akx-menu-link {
  color: rgba(255, 250, 248, .88) !important;
  border-color: rgba(255, 255, 255, .10) !important;
  background: rgba(255, 255, 255, .055) !important;
  box-shadow: none !important;
}

html body .akx-app.akx-student .akx-sidebar .akx-menu-link:hover {
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, .18) !important;
  background: rgba(255, 255, 255, .095) !important;
  box-shadow: none !important;
}

html body .akx-app.akx-student .akx-sidebar .akx-menu-link.active,
html body .akx-app.akx-student .akx-sidebar .akx-menu-group.open > .akx-menu-toggle {
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, .22) !important;
  background: #6a3f4c !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .11),
    0 12px 24px -20px rgba(25, 12, 17, .70) !important;
}

html body .akx-app.akx-student .akx-sidebar .akx-menu-icon {
  color: #fff8f6 !important;
  background: rgba(255, 255, 255, .10) !important;
}

html body .akx-app.akx-student .akx-sidebar .akx-menu-link.active .akx-menu-icon,
html body .akx-app.akx-student .akx-sidebar .akx-menu-link:hover .akx-menu-icon {
  color: #ffffff !important;
  background: rgba(255, 255, 255, .16) !important;
}

html body .akx-app.akx-student .akx-sidebar .akx-user-card {
  border-color: rgba(255, 255, 255, .12) !important;
  background: rgba(255, 255, 255, .065) !important;
  box-shadow: none !important;
}

html body .akx-app.akx-student .akx-sidebar .akx-user-card strong {
  color: #ffffff !important;
}

html body .akx-app.akx-student .akx-sidebar .akx-user-card small {
  color: rgba(255, 244, 242, .68) !important;
}

html body .akx-app.akx-student .akx-sidebar .akx-user-avatar,
html body .akx-app.akx-student .akx-topbar .akx-user-avatar,
html body .akx-app.akx-student .akx-content .shome .shome-hero-photo,
html body .akx-app.akx-student .akx-content .student-profile .student-avatar {
  color: #ffffff !important;
  background: #6a3f4c !important;
  box-shadow: 0 10px 22px -16px rgba(81, 49, 61, .62) !important;
}

html body .akx-app.akx-student .akx-content {
  background: #faf7f8 !important;
}

html body .akx-app.akx-student .akx-content .shome .shome-hero,
html body .akx-app.akx-student .akx-content .student-profile .student-hero {
  border: 1px solid #eadde1 !important;
  background: #fffafb !important;
  box-shadow:
    0 18px 38px -34px rgba(81, 49, 61, .32),
    inset 0 1px 0 rgba(255, 255, 255, .90) !important;
}

html body .akx-app.akx-student .akx-content .shome .shome-hero::after {
  background: #6a3f4c !important;
  opacity: .72 !important;
}

html body .akx-app.akx-student .akx-content .shome .shome-hero-goal {
  color: #51313d !important;
  border-color: #eadde1 !important;
  background: #fff5f7 !important;
}

html body .akx-app.akx-student .akx-content .shome .shome-stat-cluster,
html body .akx-app.akx-student .akx-content .shome .shome-upcoming-exams {
  border-color: #eadde1 !important;
  background: rgba(255, 255, 255, .78) !important;
  box-shadow: 0 14px 28px -27px rgba(81, 49, 61, .28) !important;
}

/* Öğrenci girişi final: pastel yavruağzı panel ve öğrenci künyesi. */
html body .akx-app.akx-student .akx-sidebar {
  background: #fde9df !important;
  border-right: 1px solid #f0cfc2 !important;
  box-shadow: inset -1px 0 0 rgba(255, 255, 255, .62) !important;
}

html body .akx-app.akx-student .akx-sidebar::before {
  opacity: .72 !important;
  background:
    radial-gradient(circle at 18% 8%, rgba(255, 255, 255, .72), transparent 26%),
    radial-gradient(circle at 10% 92%, rgba(232, 115, 69, .10), transparent 30%) !important;
}

html body .akx-app.akx-student .akx-sidebar .akx-brand .akx-brand-logo img {
  content: url('/uploads/triokoc-logo-minimal-sidebar-transparent.png?v=16') !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  max-width: 236px !important;
}

html body .akx-app.akx-student .akx-sidebar .akx-menu-section {
  color: #9a6a5c !important;
}

html body .akx-app.akx-student .akx-sidebar .akx-menu-link {
  color: #27364a !important;
  background: rgba(255, 255, 255, .34) !important;
  border-color: rgba(229, 145, 111, .24) !important;
  box-shadow: none !important;
}

html body .akx-app.akx-student .akx-sidebar .akx-menu-link:hover {
  color: #b84f2a !important;
  background: rgba(255, 247, 243, .92) !important;
  border-color: rgba(221, 116, 74, .34) !important;
  transform: translateX(2px) !important;
}

html body .akx-app.akx-student .akx-sidebar .akx-menu-link.active,
html body .akx-app.akx-student .akx-sidebar .akx-menu-group.open > .akx-menu-toggle {
  color: #b84f2a !important;
  background: #fff4ee !important;
  border-color: #efc6b6 !important;
  box-shadow: 0 12px 24px rgba(217, 112, 73, .14) !important;
}

html body .akx-app.akx-student .akx-sidebar .akx-menu-icon {
  color: #c75e34 !important;
  background: #ffe1d3 !important;
}

html body .akx-app.akx-student .akx-sidebar .akx-menu-link.active .akx-menu-icon,
html body .akx-app.akx-student .akx-sidebar .akx-menu-link:hover .akx-menu-icon {
  color: #fff !important;
  background: #e27649 !important;
}

html body .akx-app.akx-student .akx-sidebar .akx-user-card {
  background: rgba(255, 255, 255, .42) !important;
  border-color: rgba(230, 145, 112, .32) !important;
  box-shadow: 0 14px 28px rgba(213, 121, 86, .12) !important;
}

html body .akx-app.akx-student .akx-sidebar .akx-user-card strong {
  color: #27364a !important;
}

html body .akx-app.akx-student .akx-sidebar .akx-user-card small {
  color: #8c6559 !important;
}

html body .akx-app.akx-student .akx-sidebar .akx-user-avatar,
html body .akx-app.akx-student .akx-topbar .akx-user-avatar,
html body .akx-app.akx-student .akx-content .shome .shome-hero-photo,
html body .akx-app.akx-student .akx-content .student-profile .student-avatar {
  background: #efa17f !important;
  color: #fff !important;
  box-shadow: 0 10px 22px rgba(226, 118, 73, .22) !important;
}

html body .akx-app.akx-student .akx-content {
  background: #fffaf7 !important;
}

html body .akx-app.akx-student .akx-content .shome .shome-hero,
html body .akx-app.akx-student .akx-content .student-profile .student-hero {
  background: #fff1ea !important;
  border-color: #efcfc1 !important;
  box-shadow: 0 18px 42px rgba(200, 104, 72, .10) !important;
}

html body .akx-app.akx-student .akx-content .shome .shome-hero::after {
  background: #e27649 !important;
  opacity: 1 !important;
}

html body .akx-app.akx-student .akx-content .shome .shome-hero-goal {
  color: #b84f2a !important;
  border-color: #f1c7b7 !important;
  background: #fff8f4 !important;
}

html body .akx-app.akx-student .akx-content .shome .shome-stat-cluster,
html body .akx-app.akx-student .akx-content .shome .shome-upcoming-exams {
  border-color: #f0d4c8 !important;
  background: #fffaf7 !important;
  box-shadow: 0 14px 28px -27px rgba(200, 104, 72, .24) !important;
}

/* Öğrenci girişi son düzeltme: sade menü + okunaklı yazı + yavruağzı pano. */
html body .akx-app.akx-student .akx-sidebar {
  background: #fde6dc !important;
  border-right: 1px solid #f0c7b8 !important;
  box-shadow: none !important;
}

html body .akx-app.akx-student .akx-sidebar::before,
html body .akx-app.akx-student .akx-sidebar::after {
  opacity: 0 !important;
  display: none !important;
}

html body .akx-app.akx-student .akx-sidebar .akx-menu-section {
  color: #8b5c50 !important;
  font-weight: 700 !important;
  letter-spacing: .05em !important;
}

html body .akx-app.akx-student .akx-sidebar .akx-menu-link,
html body .akx-app.akx-student .akx-sidebar .akx-menu-toggle {
  color: #233247 !important;
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  text-shadow: none !important;
  transform: none !important;
  font-weight: 650 !important;
}

html body .akx-app.akx-student .akx-sidebar .akx-menu-link::before,
html body .akx-app.akx-student .akx-sidebar .akx-menu-link::after,
html body .akx-app.akx-student .akx-sidebar .akx-menu-toggle::before,
html body .akx-app.akx-student .akx-sidebar .akx-menu-toggle::after {
  display: none !important;
}

html body .akx-app.akx-student .akx-sidebar .akx-menu-link:hover,
html body .akx-app.akx-student .akx-sidebar .akx-menu-toggle:hover {
  color: #152338 !important;
  background: rgba(255, 255, 255, .24) !important;
  border-color: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}

html body .akx-app.akx-student .akx-sidebar .akx-menu-link.active,
html body .akx-app.akx-student .akx-sidebar .akx-menu-group.open > .akx-menu-toggle {
  color: #7c341f !important;
  background: rgba(255, 255, 255, .34) !important;
  border-color: transparent !important;
  box-shadow: none !important;
  font-weight: 800 !important;
}

html body .akx-app.akx-student .akx-sidebar .akx-menu-icon {
  color: #a04a2f !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body .akx-app.akx-student .akx-sidebar .akx-menu-link.active .akx-menu-icon,
html body .akx-app.akx-student .akx-sidebar .akx-menu-link:hover .akx-menu-icon,
html body .akx-app.akx-student .akx-sidebar .akx-menu-toggle:hover .akx-menu-icon,
html body .akx-app.akx-student .akx-sidebar .akx-menu-group.open > .akx-menu-toggle .akx-menu-icon {
  color: #7c341f !important;
  background: transparent !important;
}

html body .akx-app.akx-student .akx-sidebar .akx-user-card {
  background: rgba(255, 255, 255, .26) !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

html body .akx-app.akx-student .akx-sidebar .akx-user-card:hover {
  background: rgba(255, 255, 255, .34) !important;
}

html body .akx-app.akx-student .akx-sidebar .akx-user-card strong {
  color: #233247 !important;
}

html body .akx-app.akx-student .akx-sidebar .akx-user-card small {
  color: #7e5d54 !important;
}

html body .akx-app.akx-student .akx-content .shome .shome-hero.shome-hero,
html body .akx-app.akx-student .akx-content .student-profile .student-hero.student-hero,
html body .akx-app.akx-student .akx-content .student-module-page .student-module-header.student-module-header {
  background: #fff0e8 !important;
  border-color: #efc8b9 !important;
  box-shadow: none !important;
}

html body .akx-app.akx-student .akx-content .shome .shome-hero.shome-hero::after {
  background: #e2794d !important;
  opacity: .55 !important;
}

html body .akx-app.akx-student .akx-content .student-profile .student-hero-pattern {
  opacity: .04 !important;
}

/* Öğrenci görünümü okunurluk kilidi: açık yavruağzı tema üzerinde beyaz yazı kalmasın. */
html body.akx-shell .akx-app.akx-student .akx-sidebar,
html body.akx-shell .akx-app.akx-student .akx-sidebar * {
  text-shadow: none !important;
}

html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-menu-link,
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-menu-link span,
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-menu-link > span:not(.akx-menu-icon),
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-menu-toggle,
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-menu-toggle span,
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-menu-toggle > span:not(.akx-menu-icon) {
  color: #243247 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-menu-link.active,
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-menu-link.active span,
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-menu-group.open > .akx-menu-toggle,
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-menu-group.open > .akx-menu-toggle span {
  color: #78331f !important;
  font-weight: 800 !important;
}

html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-menu-icon,
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-menu-icon i,
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-menu-link i,
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-menu-toggle i {
  color: #a34c2d !important;
  opacity: 1 !important;
}

html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-menu-link.active .akx-menu-icon,
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-menu-link.active .akx-menu-icon i,
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-menu-link.active i {
  color: #78331f !important;
}

html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-menu-link,
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-menu-toggle {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}

html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-menu-link:hover,
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-menu-toggle:hover,
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-menu-link.active,
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-menu-group.open > .akx-menu-toggle {
  background: rgba(255, 255, 255, .24) !important;
  border: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}

html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-menu-section {
  color: #8b5d50 !important;
  opacity: 1 !important;
}

html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-user-card strong,
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-user-card .akx-user-name {
  color: #243247 !important;
}

html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-user-card small,
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-user-card .akx-user-role {
  color: #73564f !important;
}

html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-hero.shome-hero,
html body.akx-shell .akx-app.akx-student .akx-content .student-profile .student-hero.student-hero,
html body.akx-shell .akx-app.akx-student .akx-content .student-module-page .student-module-header.student-module-header {
  background: #fff0e8 !important;
  color: #243247 !important;
  border-color: #efc8b9 !important;
  box-shadow: none !important;
}

html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-hero .shome-hero-text h1,
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-hero .shome-hero-text h1 *,
html body.akx-shell .akx-app.akx-student .akx-content .student-profile .student-hero h1,
html body.akx-shell .akx-app.akx-student .akx-content .student-profile .student-hero h1 *,
html body.akx-shell .akx-app.akx-student .akx-content .student-module-page .student-module-header h1 {
  color: #243247 !important;
  text-shadow: none !important;
}

html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-hero .shome-temperament,
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-hero .shome-temperament *,
html body.akx-shell .akx-app.akx-student .akx-content .student-profile .student-hero p,
html body.akx-shell .akx-app.akx-student .akx-content .student-profile .student-hero small {
  color: #73564f !important;
}

html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-hero .shome-stat-cluster {
  background: rgba(255, 255, 255, .58) !important;
  border-color: rgba(239, 200, 185, .82) !important;
  box-shadow: none !important;
}

html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-hero .shome-stats article,
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-hero .shome-stats article * {
  color: #243247 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-hero .shome-stats article span {
  color: #7d6259 !important;
}

/* Giriş ekranı logosu: yeni TRIOKOÇ geniş logo net ve dengeli dursun. */
body.akx-auth-body .auth-card .auth-logo-img {
  width: min(19rem, 86%) !important;
  height: auto !important;
  max-width: 19rem !important;
  margin: 0 auto 1rem !important;
  object-fit: contain !important;
  display: block !important;
}

/* MUTLAK SON: Öğrenci açık panelde okunmayan beyaz yazıları kesin ez. */
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-menu-section,
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-menu,
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-menu *,
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-user-card,
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-user-card * {
  color: #243247 !important;
  -webkit-text-fill-color: #243247 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-menu-section {
  color: #8b5d50 !important;
  -webkit-text-fill-color: #8b5d50 !important;
}

html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-menu-link,
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-menu-toggle {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
}

html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-menu-link:hover,
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-menu-toggle:hover {
  background: rgba(255, 255, 255, .20) !important;
  border: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}

html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-menu-link.active,
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-menu-link.active *,
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-menu-group.open > .akx-menu-toggle,
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-menu-group.open > .akx-menu-toggle * {
  color: #74311e !important;
  -webkit-text-fill-color: #74311e !important;
  font-weight: 800 !important;
}

html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-menu-icon,
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-menu-icon *,
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-menu-link i,
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-menu-toggle i {
  color: #a34c2d !important;
  -webkit-text-fill-color: #a34c2d !important;
}

html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-menu-link.active .akx-menu-icon,
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-menu-link.active .akx-menu-icon *,
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-menu-link.active i {
  color: #74311e !important;
  -webkit-text-fill-color: #74311e !important;
}

html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-user-avatar,
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-user-avatar * {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-hero.shome-hero,
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-hero.shome-hero *,
html body.akx-shell .akx-app.akx-student .akx-content .student-profile .student-hero.student-hero,
html body.akx-shell .akx-app.akx-student .akx-content .student-profile .student-hero.student-hero * {
  color: #243247 !important;
  -webkit-text-fill-color: #243247 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-hero .shome-hero-photo,
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-hero .shome-hero-photo *,
html body.akx-shell .akx-app.akx-student .akx-content .student-profile .student-hero .student-avatar,
html body.akx-shell .akx-app.akx-student .akx-content .student-profile .student-hero .student-avatar * {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-hero .shome-temperament,
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-hero .shome-temperament *,
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-hero .shome-stats article span {
  color: #70574f !important;
  -webkit-text-fill-color: #70574f !important;
}

/* Öğrenci pano üst istatistik kutuları: beyaz rakam/yazı kalmasın. */
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-hero .shome-stats article strong,
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-hero .shome-stats article strong * {
  color: #243247 !important;
  -webkit-text-fill-color: #243247 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-hero .shome-stats article span,
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-hero .shome-stats article span * {
  color: #69554e !important;
  -webkit-text-fill-color: #69554e !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-hero .shome-stats article {
  background: rgba(255, 255, 255, .62) !important;
  border-color: rgba(239, 200, 185, .95) !important;
}

/* Öğrenci künyesi: profil fotoğrafı daha büyük, ortalı ve tamamı tıklanabilir. */
html body .akx-app .akx-content .student-profile .student-avatar-upload {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  flex: 0 0 auto !important;
}

html body .akx-app .akx-content .student-profile .student-avatar-upload .student-avatar-xl {
  width: 7.35rem !important;
  height: 7.35rem !important;
  min-width: 7.35rem !important;
  min-height: 7.35rem !important;
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
  border-radius: 50% !important;
  cursor: pointer !important;
}

html body .akx-app .akx-content .student-profile .student-avatar-upload .student-avatar-xl img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
}

html body .akx-app .akx-content .student-profile .student-avatar-upload .student-avatar-xl span {
  display: grid !important;
  place-items: center !important;
  width: 100% !important;
  height: 100% !important;
  font-size: 2.35rem !important;
  font-weight: 800 !important;
}

html body .akx-app .akx-content .student-profile .student-avatar-upload .student-avatar-xl em {
  min-height: 2.35rem !important;
  font-size: .78rem !important;
  background: rgba(36, 50, 71, .78) !important;
}

html body .akx-app .akx-content .student-profile .student-avatar-upload .student-avatar-xl:focus-within,
html body .akx-app .akx-content .student-profile .student-avatar-upload .student-avatar-xl:hover {
  outline: 3px solid rgba(226, 121, 77, .18) !important;
}

/* Sol menü: çıkış sekmesi ve sekmeler arası premium ince ayraç. */
html body .akx-app .akx-sidebar .akx-menu .akx-menu-link,
html body .akx-app .akx-sidebar .akx-menu .akx-menu-toggle {
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, .085) !important;
}

html body .akx-app.akx-student .akx-sidebar .akx-menu .akx-menu-link,
html body .akx-app.akx-student .akx-sidebar .akx-menu .akx-menu-toggle {
  box-shadow: inset 0 -1px 0 rgba(148, 92, 66, .14) !important;
}

html body .akx-app .akx-sidebar .akx-sidebar-footer {
  gap: .55rem !important;
}

html body .akx-app .akx-sidebar .akx-sidebar-logout-form {
  width: 100% !important;
  margin: .12rem 0 0 !important;
}

html body .akx-app .akx-sidebar .akx-sidebar-logout-form .akx-logout-link {
  width: 100% !important;
  appearance: none !important;
  border: 0 !important;
  display: flex !important;
  text-align: left !important;
  cursor: pointer !important;
}

html body .akx-app .akx-sidebar .akx-sidebar-logout-form .akx-logout-link,
html body .akx-app .akx-sidebar .akx-sidebar-logout-form .akx-logout-link span,
html body .akx-app .akx-sidebar .akx-sidebar-logout-form .akx-logout-link i {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
}

html body .akx-app.akx-student .akx-sidebar .akx-sidebar-logout-form .akx-logout-link {
  color: #8E4F39 !important;
  -webkit-text-fill-color: #8E4F39 !important;
  box-shadow: inset 0 1px 0 rgba(148, 92, 66, .14), inset 0 -1px 0 rgba(148, 92, 66, .14) !important;
}

html body .akx-app.akx-student .akx-sidebar .akx-sidebar-logout-form .akx-logout-link:hover {
  background: rgba(255, 255, 255, .48) !important;
  color: #6F3525 !important;
  -webkit-text-fill-color: #6F3525 !important;
}

/* Öğrenci sol panel sade mod: siyah scroll gölgesi/yardımcısı görünmesin. */
html body .akx-app.akx-student .akx-sidebar .akx-menu-scroll-cue {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  box-shadow: none !important;
}

html body .akx-app.akx-student .akx-sidebar,
html body .akx-app.akx-student .akx-sidebar::before,
html body .akx-app.akx-student .akx-sidebar::after {
  box-shadow: none !important;
  filter: none !important;
}

html body .akx-app.akx-student .akx-sidebar .akx-menu {
  overflow: visible !important;
}

/* Öğrenci pano künyesi: profil resmi yükleme ve alan bilgisi okunur olsun. */
html body .akx-app.akx-student .akx-content .shome .shome-avatar-upload {
  margin: 0 !important;
  display: inline-flex !important;
  flex: 0 0 7.8rem !important;
  width: 7.8rem !important;
  height: 7.8rem !important;
  min-width: 7.8rem !important;
  min-height: 7.8rem !important;
  align-items: center !important;
  justify-content: center !important;
}

html body .akx-app.akx-student .akx-content .shome .shome-avatar-upload .shome-hero-photo {
  position: relative !important;
  width: 7.8rem !important;
  height: 7.8rem !important;
  inline-size: 7.8rem !important;
  block-size: 7.8rem !important;
  min-width: 7.8rem !important;
  min-height: 7.8rem !important;
  max-width: 7.8rem !important;
  max-height: 7.8rem !important;
  aspect-ratio: 1 / 1 !important;
  display: grid !important;
  place-items: center !important;
  flex: 0 0 7.8rem !important;
  border-radius: 9999px !important;
  overflow: hidden !important;
  cursor: pointer !important;
  background: linear-gradient(135deg, #EAA078 0%, #D9865E 100%) !important;
  border: 4px solid rgba(255, 255, 255, .82) !important;
  box-shadow: 0 14px 26px -18px rgba(116, 61, 40, .55) !important;
}

html body .akx-app.akx-student .akx-content .shome .shome-avatar-upload .shome-hero-photo img {
  width: 100% !important;
  height: 100% !important;
  inline-size: 100% !important;
  block-size: 100% !important;
  max-width: none !important;
  min-width: 100% !important;
  min-height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
}

html body .akx-app.akx-student .akx-content .shome .shome-avatar-upload .shome-hero-photo span {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-weight: 850 !important;
  font-size: 2.55rem !important;
}

html body .akx-app.akx-student .akx-content .shome .shome-avatar-upload .shome-hero-photo em {
  position: absolute !important;
  right: .45rem !important;
  bottom: .45rem !important;
  width: 1.95rem !important;
  height: 1.95rem !important;
  min-width: 1.95rem !important;
  min-height: 1.95rem !important;
  display: inline-grid !important;
  place-items: center !important;
  padding: 0 !important;
  border-radius: 50% !important;
  background: rgba(36, 50, 71, .82) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-size: 0 !important;
  font-style: normal !important;
  font-weight: 750 !important;
  line-height: 1 !important;
  text-align: center !important;
  opacity: .95 !important;
  border: 2px solid rgba(255, 255, 255, .85) !important;
}

html body .akx-app.akx-student .akx-content .shome .shome-avatar-upload .shome-hero-photo em i {
  font-size: .95rem !important;
  line-height: 1 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

html body .akx-app.akx-student .akx-content .shome .shome-avatar-upload .shome-hero-photo input {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  left: 50% !important;
  top: 50% !important;
  opacity: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

html body .akx-app.akx-student .akx-content .shome .shome-hero .shome-hero-text h1,
html body .akx-app.akx-student .akx-content .shome .shome-hero .shome-hero-text h1 * {
  color: #243247 !important;
  -webkit-text-fill-color: #243247 !important;
  text-shadow: none !important;
}

html body .akx-app.akx-student .akx-content .shome .shome-student-area {
  display: inline-flex !important;
  align-items: center !important;
  gap: .42rem !important;
  width: fit-content !important;
  margin-top: .48rem !important;
  padding: .42rem .72rem !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .7) !important;
  border: 1px solid rgba(223, 184, 163, .9) !important;
  color: #6C4A3B !important;
  -webkit-text-fill-color: #6C4A3B !important;
  box-shadow: 0 10px 22px -20px rgba(98, 64, 48, .5) !important;
}

html body .akx-app.akx-student .akx-content .shome .shome-student-area i {
  color: #B86F4B !important;
  -webkit-text-fill-color: #B86F4B !important;
}

html body .akx-app.akx-student .akx-content .shome .shome-student-area span {
  color: #876557 !important;
  -webkit-text-fill-color: #876557 !important;
  font-size: .72rem !important;
  font-weight: 750 !important;
}

html body .akx-app.akx-student .akx-content .shome .shome-student-area strong {
  color: #243247 !important;
  -webkit-text-fill-color: #243247 !important;
  font-size: .82rem !important;
  font-weight: 850 !important;
}

/* Öğrenci paneli istenen ortak zemin tonu. */
html body .akx-app.akx-student .akx-sidebar,
html body.akx-shell .akx-app.akx-student .akx-sidebar {
  background: #fff3eb !important;
}

html body .akx-app.akx-student .akx-content .shome .shome-hero.shome-hero,
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-hero.shome-hero {
  background: #fff3eb !important;
  border-color: #efd5c9 !important;
}

/* Öğrenci sol menü: aktif/hover sekme yana kaymasın, logo alanı ince çizgiyle ayrılsın. */
html body .akx-app.akx-student .akx-sidebar .akx-menu-link,
html body .akx-app.akx-student .akx-sidebar .akx-menu-link:hover,
html body .akx-app.akx-student .akx-sidebar .akx-menu-link.active,
html body .akx-app.akx-student .akx-sidebar .akx-menu-toggle,
html body .akx-app.akx-student .akx-sidebar .akx-menu-toggle:hover,
html body .akx-app.akx-student .akx-sidebar .akx-menu-group.open > .akx-menu-toggle {
  transform: none !important;
  translate: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

html body .akx-app.akx-student .akx-sidebar .akx-menu-link.active {
  border-left: 0 !important;
}

html body .akx-app.akx-student .akx-sidebar .akx-brand.akx-brand-trio {
  position: relative !important;
  padding-bottom: 1.2rem !important;
  margin-bottom: 1.25rem !important;
}

html body .akx-app.akx-student .akx-sidebar .akx-brand.akx-brand-trio::after {
  content: "" !important;
  position: absolute !important;
  left: .6rem !important;
  right: .6rem !important;
  bottom: 0 !important;
  height: 1px !important;
  display: block !important;
  background: linear-gradient(90deg, transparent, rgba(120, 96, 87, .28), transparent) !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Öğrenci tarafında üstteki "Panom" başlık barını kaldır. */
html body.akx-shell .akx-app.akx-student .akx-topbar {
  height: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html body.akx-shell .akx-app.akx-student .akx-topbar-left,
html body.akx-shell .akx-app.akx-student .akx-page-title {
  display: none !important;
}

html body.akx-shell .akx-app.akx-student .akx-topbar-actions {
  position: absolute !important;
  top: .75rem !important;
  right: 1rem !important;
  z-index: 30 !important;
}

html body.akx-shell .akx-app.akx-student .akx-content {
  padding-top: 1.25rem !important;
}

/* Koç/öğretmen öğrenci detayında akademik başlıklar öğrenci panosundaki gibi açık görünsün. */
html body .akx-app .akx-content .student-profile .coach-student-module-panel {
  margin: 1rem 0 1.25rem !important;
  border: 1px solid #AFC4CB !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  box-shadow: 0 12px 26px -24px rgba(31, 67, 77, .42) !important;
  overflow: hidden !important;
}

html body .akx-app .akx-content .student-profile .coach-student-module-panel > .student-section-heading {
  margin: 0 !important;
  border-radius: 14px 14px 0 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-top: 0 !important;
}

html body .akx-app .akx-content .student-profile .coach-student-open-tabs {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: .8rem !important;
  padding: 1.05rem !important;
  background: linear-gradient(180deg, #fbfdfe 0%, #f6fafb 100%) !important;
}

html body .akx-app .akx-content .student-profile .coach-student-open-tabs > a {
  --coach-tab-accent: #79AEB8;
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: .62rem !important;
  min-height: 3.55rem !important;
  padding: .72rem .9rem .82rem !important;
  border: 1px solid #d8e4e8 !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  color: #243247 !important;
  -webkit-text-fill-color: #243247 !important;
  text-decoration: none !important;
  font-size: .9rem !important;
  font-weight: 800 !important;
  box-shadow: 0 8px 18px -18px rgba(24, 45, 62, .55) !important;
  overflow: hidden !important;
  transform: none !important;
  transition: border-color .14s ease, box-shadow .14s ease, transform .14s ease !important;
}

html body .akx-app .akx-content .student-profile .coach-student-open-tabs > a::after {
  content: "" !important;
  position: absolute !important;
  left: .55rem !important;
  right: .55rem !important;
  bottom: 0 !important;
  height: 3px !important;
  border-radius: 999px 999px 0 0 !important;
  background: var(--coach-tab-accent) !important;
  opacity: .9 !important;
}

html body .akx-app .akx-content .student-profile .coach-student-open-tabs > a > i {
  width: 1.65rem !important;
  height: 1.65rem !important;
  display: inline-grid !important;
  place-items: center !important;
  flex: 0 0 1.65rem !important;
  border-radius: 8px !important;
  background: color-mix(in srgb, var(--coach-tab-accent) 15%, #ffffff) !important;
  color: #2F5D62 !important;
  -webkit-text-fill-color: #2F5D62 !important;
  font-size: .92rem !important;
}

html body .akx-app .akx-content .student-profile .coach-student-open-tabs > a:hover {
  border-color: var(--coach-tab-accent) !important;
  box-shadow: 0 12px 24px -18px rgba(24, 45, 62, .45) !important;
  transform: translateY(-1px) !important;
}

html body .akx-app .akx-content .student-profile .coach-student-open-tabs > a:nth-child(1) { --coach-tab-accent: #79AEB8; }
html body .akx-app .akx-content .student-profile .coach-student-open-tabs > a:nth-child(2) { --coach-tab-accent: #8EA9D9; }
html body .akx-app .akx-content .student-profile .coach-student-open-tabs > a:nth-child(3) { --coach-tab-accent: #D8C06A; }
html body .akx-app .akx-content .student-profile .coach-student-open-tabs > a:nth-child(4) { --coach-tab-accent: #9B86C8; }
html body .akx-app .akx-content .student-profile .coach-student-open-tabs > a:nth-child(5) { --coach-tab-accent: #D49A78; }
html body .akx-app .akx-content .student-profile .coach-student-open-tabs > a:nth-child(6) { --coach-tab-accent: #7EB59C; }
html body .akx-app .akx-content .student-profile .coach-student-open-tabs > a:nth-child(7) { --coach-tab-accent: #75A9B5; }
html body .akx-app .akx-content .student-profile .coach-student-open-tabs > a:nth-child(8) { --coach-tab-accent: #89A2D8; }
html body .akx-app .akx-content .student-profile .coach-student-open-tabs > a:nth-child(9) { --coach-tab-accent: #C8A64B; }
html body .akx-app .akx-content .student-profile .coach-student-open-tabs > a:nth-child(10) { --coach-tab-accent: #7DAE95; }

@media (max-width: 1199.98px) {
  html body .akx-app .akx-content .student-profile .coach-student-open-tabs {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 767.98px) {
  html body .akx-app .akx-content .student-profile .coach-student-open-tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    padding: .85rem !important;
  }
}

/* Koç öğrenci detayı: eski Özet/Akademik/Plan barı kalksın, tüm içerik açık akışta dursun. */
html body .akx-app .akx-content .student-profile > .student-tabs {
  display: none !important;
}

html body .akx-app .akx-content .student-profile .student-open-flow,
html body .akx-app .akx-content .student-profile .student-open-flow > .student-open-section {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  overflow: visible !important;
}

html body .akx-app .akx-content .student-profile .student-open-flow > .student-open-section {
  margin-top: 1.25rem !important;
}

html body .akx-app .akx-content .student-profile .student-open-flow > .student-open-section:first-child {
  margin-top: 0 !important;
}

html body .akx-app .akx-content .student-profile .student-open-flow > .student-standalone-panel {
  display: none !important;
}

html body .akx-app .akx-content .student-profile .student-open-flow.show-standalone > .student-main-section {
  display: none !important;
}

html body .akx-app .akx-content .student-profile .student-open-flow.show-standalone > .student-standalone-panel.is-active {
  display: block !important;
}

html body .akx-app .akx-content .student-profile .student-open-flow .student-route-strip {
  display: none !important;
}

html body .akx-app .akx-content .student-profile .coach-student-module-panel {
  margin-top: 1.15rem !important;
  margin-bottom: 1.45rem !important;
}

html body .akx-app .akx-content .student-profile .coach-student-open-tabs {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: .95rem !important;
  padding: 1.15rem !important;
}

html body .akx-app .akx-content .student-profile .coach-student-open-tabs > a {
  min-height: 4.35rem !important;
  padding: .92rem 1rem 1rem !important;
  font-size: .95rem !important;
  border-radius: 12px !important;
}

html body .akx-app .akx-content .student-profile .coach-student-open-tabs > a > i {
  width: 1.95rem !important;
  height: 1.95rem !important;
  flex-basis: 1.95rem !important;
  font-size: 1rem !important;
  border-radius: 10px !important;
}

html body .akx-app .akx-content .student-profile .coach-student-open-tabs > a.is-current {
  border-color: #84B9C2 !important;
  background: linear-gradient(180deg, #ffffff 0%, #F2FAFB 100%) !important;
  box-shadow: 0 14px 26px -20px rgba(37, 96, 105, .52) !important;
}

html body .akx-app .akx-content .student-profile .coach-student-open-tabs > a:nth-child(11) { --coach-tab-accent: #87B29B; }

@media (max-width: 1399.98px) {
  html body .akx-app .akx-content .student-profile .coach-student-open-tabs {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 767.98px) {
  html body .akx-app .akx-content .student-profile .coach-student-open-tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Koç öğrenci detayı: "Öğrenci Sekmeleri" öğrenci girişindeki modül kartlarıyla aynı dilde. */
html body .akx-app .akx-content .student-profile .coach-student-module-panel {
  border: 1px solid #dbe1ea !important;
  border-radius: 16px !important;
  background: rgba(255, 255, 255, .9) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  backdrop-filter: blur(10px) !important;
  box-shadow: 0 1px 2px rgba(20,40,70,.05), 0 12px 30px -22px rgba(20,40,70,.5) !important;
  overflow: hidden !important;
}

html body .akx-app .akx-content .student-profile .coach-student-module-panel > .student-section-heading {
  margin: 0 !important;
  border-radius: 14px 14px 0 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-top: 0 !important;
}

html body .akx-app .akx-content .student-profile .coach-student-open-tabs {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  column-gap: 12px !important;
  row-gap: 20px !important;
  padding: 34px 20px !important;
  margin: 0 !important;
  background: rgba(255,255,255,.9) !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body .akx-app .akx-content .student-profile .coach-student-open-tabs > a {
  --coach-tab-accent: #5E8FC1;
  min-height: 50px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: .45rem !important;
  position: relative !important;
  padding: .5rem .75rem .62rem !important;
  border: 1px solid #dbe1ea !important;
  border-radius: 9px !important;
  background: #ffffff !important;
  background-image: none !important;
  color: #33455c !important;
  -webkit-text-fill-color: #33455c !important;
  text-decoration: none !important;
  font-size: 13.9px !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  box-shadow: 0 1px 2px rgba(20,40,70,.05) !important;
  overflow: hidden !important;
  transform: none !important;
  transition: all .14s ease !important;
}

html body .akx-app .akx-content .student-profile .coach-student-open-tabs > a::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: 8px !important;
  right: 8px !important;
  bottom: 0 !important;
  height: 4px !important;
  border-radius: 999px 999px 0 0 !important;
  background: var(--coach-tab-accent, #5E8FC1) !important;
  opacity: 1 !important;
  pointer-events: none !important;
  transition: none !important;
}

html body .akx-app .akx-content .student-profile .coach-student-open-tabs > a > i {
  width: auto !important;
  height: auto !important;
  display: inline-block !important;
  place-items: initial !important;
  flex: 0 0 auto !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--coach-tab-accent, #5E8FC1) !important;
  -webkit-text-fill-color: var(--coach-tab-accent, #5E8FC1) !important;
  font-size: 14.6px !important;
}

html body .akx-app .akx-content .student-profile .coach-student-open-tabs > a:hover,
html body .akx-app .akx-content .student-profile .coach-student-open-tabs > a.is-current {
  border-color: #9fb6d3 !important;
  background: #FAF3E2 !important;
  color: #b3882e !important;
  -webkit-text-fill-color: #b3882e !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 10px 22px -14px rgba(150,48,76,.4) !important;
}

html body .akx-app .akx-content .student-profile .coach-student-open-tabs > a:hover::after,
html body .akx-app .akx-content .student-profile .coach-student-open-tabs > a.is-current::after {
  opacity: 0 !important;
}

html body .akx-app .akx-content .student-profile .coach-student-open-tabs > a:nth-child(1) { --coach-tab-accent: #45A6AE !important; }
html body .akx-app .akx-content .student-profile .coach-student-open-tabs > a:nth-child(2) { --coach-tab-accent: #5E8FC1 !important; }
html body .akx-app .akx-content .student-profile .coach-student-open-tabs > a:nth-child(3) { --coach-tab-accent: #D5AC4D !important; }
html body .akx-app .akx-content .student-profile .coach-student-open-tabs > a:nth-child(4) { --coach-tab-accent: #887AB7 !important; }
html body .akx-app .akx-content .student-profile .coach-student-open-tabs > a:nth-child(5) { --coach-tab-accent: #D99068 !important; }
html body .akx-app .akx-content .student-profile .coach-student-open-tabs > a:nth-child(6) { --coach-tab-accent: #62A68E !important; }
html body .akx-app .akx-content .student-profile .coach-student-open-tabs > a:nth-child(7) { --coach-tab-accent: #45A6AE !important; }
html body .akx-app .akx-content .student-profile .coach-student-open-tabs > a:nth-child(8) { --coach-tab-accent: #5E8FC1 !important; }
html body .akx-app .akx-content .student-profile .coach-student-open-tabs > a:nth-child(9) { --coach-tab-accent: #D5AC4D !important; }
html body .akx-app .akx-content .student-profile .coach-student-open-tabs > a:nth-child(10) { --coach-tab-accent: #62A68E !important; }
html body .akx-app .akx-content .student-profile .coach-student-open-tabs > a:nth-child(11) { --coach-tab-accent: #45A6AE !important; }
html body .akx-app .akx-content .student-profile .coach-student-open-tabs > a:nth-child(12) { --coach-tab-accent: #5E8FC1 !important; }
html body .akx-app .akx-content .student-profile .coach-student-open-tabs > a:nth-child(13) { --coach-tab-accent: #D5AC4D !important; }
html body .akx-app .akx-content .student-profile .coach-student-open-tabs > a:nth-child(14) { --coach-tab-accent: #62A68E !important; }

@media (max-width: 1180px) {
  html body .akx-app .akx-content .student-profile .coach-student-open-tabs {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  html body .akx-app .akx-content .student-profile .coach-student-open-tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Sol panel: çizgisiz sade menü + sadece logo alanında koyu ayrım. */
html body .akx-app .akx-sidebar .akx-menu {
  gap: .18rem !important;
}

html body .akx-app .akx-sidebar .akx-menu-link,
html body .akx-app .akx-sidebar .akx-menu-toggle,
html body .akx-app .akx-sidebar .akx-submenu-link,
html body .akx-app.akx-student .akx-sidebar .akx-menu-link,
html body .akx-app.akx-student .akx-sidebar .akx-menu-toggle,
html body .akx-app.akx-student .akx-sidebar .akx-submenu-link {
  border-bottom: 0 !important;
  border-top: 0 !important;
  box-shadow: none !important;
}

html body .akx-app .akx-sidebar > .akx-brand.akx-brand-trio,
html body .akx-app .akx-sidebar > a.akx-brand.akx-brand-trio,
html body .akx-app .akx-sidebar .akx-brand.akx-brand-trio {
  background:
    radial-gradient(circle at 18% 0%, rgba(216, 184, 79, .13) 0%, rgba(216, 184, 79, 0) 42%),
    linear-gradient(135deg, #081A28 0%, #102C40 58%, #061521 100%) !important;
  border: 0 !important;
  box-shadow: 0 14px 28px -24px rgba(0, 0, 0, .95) !important;
}

/* Koç girişinden öğrenci detayındaki künye: öğrenci panosu hissiyle daha ferah. */
html body .akx-app.akx-coach .akx-content .student-profile .student-hero,
html body .akx-app:not(.akx-student) .akx-content .student-profile .student-hero {
  max-width: none !important;
  width: 100% !important;
  min-height: 210px !important;
  padding: 3.6rem 2.2rem !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

html body .akx-app.akx-coach .akx-content .student-profile .student-hero-content,
html body .akx-app:not(.akx-student) .akx-content .student-profile .student-hero-content {
  gap: 1.65rem !important;
}

html body .akx-app.akx-coach .akx-content .student-profile .student-avatar-upload .student-avatar-xl,
html body .akx-app:not(.akx-student) .akx-content .student-profile .student-avatar-upload .student-avatar-xl {
  width: 7.35rem !important;
  height: 7.35rem !important;
  min-width: 7.35rem !important;
  min-height: 7.35rem !important;
}

/* Son görsel düzenleme: öğrenci sekmeleri sade, genel durum kartları koç ekranı dilinde. */
html body .akx-app .akx-content .student-profile .coach-student-open-tabs > a:hover,
html body .akx-app .akx-content .student-profile .coach-student-open-tabs > a.is-current {
  border-color: rgba(82, 126, 143, .32) !important;
  background: #ffffff !important;
  color: #27384c !important;
  -webkit-text-fill-color: #27384c !important;
  transform: none !important;
  box-shadow: 0 8px 20px -18px rgba(25, 55, 80, .55) !important;
}

html body .akx-app .akx-content .student-profile .coach-student-open-tabs > a:hover::after,
html body .akx-app .akx-content .student-profile .coach-student-open-tabs > a.is-current::after {
  opacity: 1 !important;
  height: 3px !important;
}

html body .akx-app .akx-content .student-profile .coach-student-open-tabs > a:hover::after {
  opacity: 0 !important;
  transform: scaleX(.38) !important;
}

html body .akx-app .akx-content .student-profile .student-global-summary .student-stat-strip {
  gap: .8rem !important;
}

html body .akx-app .akx-content .student-profile .student-global-summary .student-stat-cell {
  --stat-accent: #3f6d73;
  --stat-soft: #e8f4f5;
  position: relative !important;
  min-height: 78px !important;
  padding: 14px 16px 27px !important;
  align-items: center !important;
  border: 1px solid #dbe3e8 !important;
  border-bottom: 0 !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  box-shadow: 0 10px 22px -20px rgba(28, 50, 74, .55) !important;
  overflow: hidden !important;
}

html body .akx-app .akx-content .student-profile .student-global-summary .student-stat-cell::before {
  display: none !important;
  content: none !important;
}

html body .akx-app .akx-content .student-profile .student-global-summary .student-stat-cell::after {
  display: none !important;
}

html body .akx-app .akx-content .student-profile .student-global-summary .student-stat-cell > div {
  display: flex !important;
  flex: 1 1 auto !important;
  align-items: center !important;
  justify-content: flex-start !important;
  min-width: 0 !important;
}

html body .akx-app .akx-content .student-profile .student-global-summary .student-stat-cell > i {
  width: 2.25rem !important;
  height: 2.25rem !important;
  border-radius: 10px !important;
  background: var(--stat-soft) !important;
  color: var(--stat-accent) !important;
  box-shadow: 0 8px 16px -13px var(--stat-accent) !important;
}

html body .akx-app .akx-content .student-profile .student-global-summary .student-stat-cell strong {
  color: #10233f !important;
  font-size: 1.55rem !important;
  font-weight: 900 !important;
  letter-spacing: -.02em !important;
}

html body .akx-app .akx-content .student-profile .student-global-summary .student-stat-cell span {
  display: none !important;
}

/* Kart bant/yazı garantisi: gerçek footer elemanı, koç dashboard KPI diliyle. */
html body .akx-app .akx-content .student-profile .student-global-summary .student-stat-cell::after {
  display: none !important;
  content: none !important;
}

html body .akx-app .akx-content .student-profile .student-global-summary .student-stat-cell .student-stat-footer {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 5 !important;
  display: flex !important;
  height: 22px !important;
  align-items: center !important;
  padding: 0 15px !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: var(--stat-accent) !important;
  border-radius: 0 0 12px 12px !important;
  font-size: 10.7px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  letter-spacing: .01em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12) !important;
}

html body .akx-app .akx-content .student-profile .student-global-summary .student-stat-cell:nth-child(1) {
  --stat-accent: #3f6d73;
  --stat-soft: #e4f1f2;
}

html body .akx-app .akx-content .student-profile .student-global-summary .student-stat-cell:nth-child(2) {
  --stat-accent: #4f9567;
  --stat-soft: #e7f5ea;
}

html body .akx-app .akx-content .student-profile .student-global-summary .student-stat-cell:nth-child(3) {
  --stat-accent: #b58b25;
  --stat-soft: #fff5d9;
}

html body .akx-app .akx-content .student-profile .student-global-summary .student-stat-cell:nth-child(4) {
  --stat-accent: #5146d9;
  --stat-soft: #eceaff;
}

/* Yan panel: logo plakasız, sekme çizgisiz; çıkış daha net. */
html body .akx-app .akx-sidebar > .akx-brand.akx-brand-trio,
html body .akx-app .akx-sidebar > a.akx-brand.akx-brand-trio,
html body .akx-app .akx-sidebar .akx-brand.akx-brand-trio,
html body .akx-app .akx-sidebar .akx-brand-logo {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body .akx-app .akx-sidebar .akx-brand.akx-brand-trio::before,
html body .akx-app .akx-sidebar .akx-brand.akx-brand-trio::after,
html body .akx-app .akx-sidebar .akx-brand-logo::before,
html body .akx-app .akx-sidebar .akx-brand-logo::after {
  display: none !important;
}

html body .akx-app .akx-sidebar .akx-menu-link,
html body .akx-app .akx-sidebar .akx-menu-toggle,
html body .akx-app .akx-sidebar .akx-submenu-link {
  border: 0 !important;
  box-shadow: none !important;
}

html body .akx-app .akx-sidebar .akx-menu-link::after,
html body .akx-app .akx-sidebar .akx-menu-toggle::after,
html body .akx-app .akx-sidebar .akx-submenu-link::after {
  display: none !important;
}

html body .akx-app .akx-sidebar .akx-logout-link,
html body .akx-app .akx-sidebar button.akx-logout-link {
  opacity: 1 !important;
  color: #f8fbff !important;
  -webkit-text-fill-color: #f8fbff !important;
  background: rgba(255, 255, 255, .10) !important;
  border: 1px solid rgba(216, 184, 79, .26) !important;
  box-shadow: 0 10px 22px -20px rgba(0, 0, 0, .75) !important;
}

html body .akx-app .akx-sidebar .akx-logout-link:hover,
html body .akx-app .akx-sidebar button.akx-logout-link:hover {
  background: rgba(216, 184, 79, .18) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body .akx-app .akx-sidebar .akx-logout-link .akx-menu-icon {
  color: #f0d27a !important;
  -webkit-text-fill-color: #f0d27a !important;
}

/* Koçtan açılan öğrenci panosu: öğrenci girişindeki künye yüksekliğine daha yakın. */
html body .akx-app.akx-coach .akx-content .student-profile .student-hero,
html body .akx-app:not(.akx-student) .akx-content .student-profile .student-hero {
  min-height: 192px !important;
  padding: 2.65rem 2.2rem !important;
  margin-top: 0 !important;
}

/* Sol menü final: sarı hover yok, sekmeler arası çizgi yok. */
html body .akx-app .akx-sidebar .akx-menu,
html body .akx-app .akx-sidebar .akx-menu-section,
html body .akx-app .akx-sidebar .akx-submenu {
  border: 0 !important;
  box-shadow: none !important;
  background-image: none !important;
}

html body .akx-app .akx-sidebar .akx-menu-link,
html body .akx-app .akx-sidebar .akx-menu-toggle,
html body .akx-app .akx-sidebar .akx-submenu-link,
html body .akx-app .akx-sidebar .akx-logout-link {
  border-top: 0 !important;
  border-right: 0 !important;
  border-bottom: 0 !important;
  border-left: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  background-image: none !important;
}

html body .akx-app .akx-sidebar .akx-menu-link::before,
html body .akx-app .akx-sidebar .akx-menu-link::after,
html body .akx-app .akx-sidebar .akx-menu-toggle::before,
html body .akx-app .akx-sidebar .akx-menu-toggle::after,
html body .akx-app .akx-sidebar .akx-submenu-link::before,
html body .akx-app .akx-sidebar .akx-submenu-link::after,
html body .akx-app .akx-sidebar .akx-logout-link::before,
html body .akx-app .akx-sidebar .akx-logout-link::after {
  display: none !important;
  content: none !important;
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

html body .akx-app .akx-sidebar .akx-menu-link:hover,
html body .akx-app .akx-sidebar .akx-menu-toggle:hover,
html body .akx-app .akx-sidebar .akx-submenu-link:hover {
  background: rgba(255, 255, 255, .10) !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}

html body .akx-app.akx-student .akx-sidebar .akx-menu-link:hover,
html body .akx-app.akx-student .akx-sidebar .akx-menu-toggle:hover,
html body .akx-app.akx-student .akx-sidebar .akx-submenu-link:hover {
  background: rgba(255, 255, 255, .42) !important;
  background-image: none !important;
  color: #283446 !important;
  -webkit-text-fill-color: #283446 !important;
}

html body .akx-app .akx-sidebar .akx-menu-link:hover .akx-menu-icon,
html body .akx-app .akx-sidebar .akx-menu-toggle:hover .akx-menu-icon,
html body .akx-app .akx-sidebar .akx-submenu-link:hover .akx-menu-icon,
html body .akx-app .akx-sidebar .akx-menu-link:hover i,
html body .akx-app .akx-sidebar .akx-menu-toggle:hover i,
html body .akx-app .akx-sidebar .akx-submenu-link:hover i {
  color: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
  background: transparent !important;
}

/* Sol menü final v2: aktif durumda kalan hardal çizgi/ikon da nötr. */
html body .akx-app .akx-sidebar .akx-menu-link.active,
html body .akx-app .akx-sidebar .akx-menu-link.active:hover,
html body .akx-app .akx-sidebar .akx-menu-toggle.active,
html body .akx-app .akx-sidebar .akx-menu-toggle.active:hover,
html body .akx-app .akx-sidebar .akx-menu-group.open > .akx-menu-toggle,
html body .akx-app .akx-sidebar .akx-menu-group.open > .akx-menu-toggle:hover {
  background: rgba(255, 255, 255, .12) !important;
  background-image: none !important;
  border: 0 !important;
  border-left: 0 !important;
  box-shadow: none !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  transform: none !important;
}

html body .akx-app .akx-sidebar .akx-menu-link.active::before,
html body .akx-app .akx-sidebar .akx-menu-link.active::after,
html body .akx-app .akx-sidebar .akx-menu-toggle.active::before,
html body .akx-app .akx-sidebar .akx-menu-toggle.active::after,
html body .akx-app .akx-sidebar .akx-menu-group.open > .akx-menu-toggle::before,
html body .akx-app .akx-sidebar .akx-menu-group.open > .akx-menu-toggle::after {
  display: none !important;
  content: none !important;
  width: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

html body .akx-app .akx-sidebar .akx-menu-link.active .akx-menu-icon,
html body .akx-app .akx-sidebar .akx-menu-link.active:hover .akx-menu-icon,
html body .akx-app .akx-sidebar .akx-menu-toggle.active .akx-menu-icon,
html body .akx-app .akx-sidebar .akx-menu-toggle.active:hover .akx-menu-icon,
html body .akx-app .akx-sidebar .akx-menu-group.open > .akx-menu-toggle .akx-menu-icon,
html body .akx-app .akx-sidebar .akx-menu-group.open > .akx-menu-toggle:hover .akx-menu-icon {
  background: rgba(255, 255, 255, .10) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body .akx-app .akx-sidebar .akx-menu-link.active i,
html body .akx-app .akx-sidebar .akx-menu-link.active:hover i,
html body .akx-app .akx-sidebar .akx-menu-toggle.active i,
html body .akx-app .akx-sidebar .akx-menu-toggle.active:hover i {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body .akx-app .akx-sidebar .akx-menu > li,
html body .akx-app .akx-sidebar .akx-menu-group,
html body .akx-app .akx-sidebar .akx-menu-item {
  border: 0 !important;
  box-shadow: none !important;
  background-image: none !important;
}

html body .akx-app .akx-sidebar .akx-menu > li::before,
html body .akx-app .akx-sidebar .akx-menu > li::after,
html body .akx-app .akx-sidebar .akx-menu-group::before,
html body .akx-app .akx-sidebar .akx-menu-group::after,
html body .akx-app .akx-sidebar .akx-menu-item::before,
html body .akx-app .akx-sidebar .akx-menu-item::after {
  display: none !important;
  content: none !important;
}

html body .akx-app .akx-sidebar .akx-sidebar-logout-form,
html body .akx-app .akx-sidebar .akx-sidebar-logout-form * {
  opacity: 1 !important;
  visibility: visible !important;
}

html body .akx-app .akx-sidebar .akx-sidebar-logout-form .akx-logout-link,
html body .akx-app .akx-sidebar .akx-sidebar-logout-form button.akx-logout-link {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: rgba(255, 255, 255, .12) !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body .akx-app .akx-sidebar .akx-sidebar-logout-form .akx-logout-link .akx-menu-icon,
html body .akx-app .akx-sidebar .akx-sidebar-logout-form button.akx-logout-link .akx-menu-icon {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: rgba(255, 255, 255, .10) !important;
}

/* FINAL: Sol menüde sekmeler arası alt çizgi/ayraç tamamen kapalı. */
html body .akx-app .akx-sidebar .akx-menu .akx-menu-link,
html body .akx-app .akx-sidebar .akx-menu .akx-menu-link:hover,
html body .akx-app .akx-sidebar .akx-menu .akx-menu-link.active,
html body .akx-app .akx-sidebar .akx-menu .akx-menu-link.active:hover,
html body .akx-app .akx-sidebar .akx-menu .akx-menu-toggle,
html body .akx-app .akx-sidebar .akx-menu .akx-menu-toggle:hover,
html body .akx-app .akx-sidebar .akx-menu .akx-menu-toggle.active,
html body .akx-app .akx-sidebar .akx-menu .akx-menu-toggle.active:hover,
html body .akx-app.akx-student .akx-sidebar .akx-menu .akx-menu-link,
html body .akx-app.akx-student .akx-sidebar .akx-menu .akx-menu-link:hover,
html body .akx-app.akx-student .akx-sidebar .akx-menu .akx-menu-link.active,
html body .akx-app.akx-student .akx-sidebar .akx-menu .akx-menu-link.active:hover,
html body .akx-app.akx-student .akx-sidebar .akx-menu .akx-menu-toggle,
html body .akx-app.akx-student .akx-sidebar .akx-menu .akx-menu-toggle:hover,
html body .akx-app.akx-student .akx-sidebar .akx-menu .akx-menu-toggle.active,
html body .akx-app.akx-student .akx-sidebar .akx-menu .akx-menu-toggle.active:hover,
html body .akx-app .akx-sidebar .akx-sidebar-logout-form .akx-logout-link,
html body .akx-app .akx-sidebar .akx-sidebar-logout-form .akx-logout-link:hover,
html body .akx-app.akx-student .akx-sidebar .akx-sidebar-logout-form .akx-logout-link,
html body .akx-app.akx-student .akx-sidebar .akx-sidebar-logout-form .akx-logout-link:hover {
  border-top: 0 !important;
  border-bottom: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  box-shadow: none !important;
  background-image: none !important;
  text-decoration: none !important;
}

html body .akx-app .akx-sidebar .akx-menu .akx-menu-link::before,
html body .akx-app .akx-sidebar .akx-menu .akx-menu-link::after,
html body .akx-app .akx-sidebar .akx-menu .akx-menu-toggle::before,
html body .akx-app .akx-sidebar .akx-menu .akx-menu-toggle::after,
html body .akx-app .akx-sidebar .akx-sidebar-logout-form .akx-logout-link::before,
html body .akx-app .akx-sidebar .akx-sidebar-logout-form .akx-logout-link::after {
  display: none !important;
  content: none !important;
  box-shadow: none !important;
  border: 0 !important;
  background: transparent !important;
}

/* FINAL v2: Haftalık plan manuel ders + hücre okunurluğu. */
html body .akx-app .akx-content .student-plan-shell .plan-write-cell {
  position: relative !important;
  overflow: visible !important;
}

html body .akx-app .akx-content .student-plan-shell .plan-cell-stack {
  overflow: visible !important;
}

html body .akx-app .akx-content .student-plan-shell .plan-cell {
  white-space: pre-wrap !important;
  word-break: break-word !important;
  overflow: hidden !important;
}

html body .akx-app .akx-content .student-plan-shell .plan-cell:focus {
  position: relative !important;
  z-index: 20 !important;
  min-height: 92px !important;
  max-height: 220px !important;
  overflow: auto !important;
  background: #ffffff !important;
  box-shadow: 0 18px 36px rgba(15, 23, 42, .18), inset 0 0 0 2px rgba(19, 107, 74, .34) !important;
}

html body .akx-app .akx-content .student-plan-shell .plan-write-cell:focus-within {
  z-index: 12 !important;
}

html body .akx-app .akx-content .student-plan-shell .plan-add-lesson {
  border: 1px solid rgba(19, 107, 74, .20) !important;
  background: linear-gradient(135deg, rgba(19, 107, 74, .07), rgba(255, 255, 255, .96)) !important;
  box-shadow: 0 14px 28px rgba(15, 23, 42, .06) !important;
}

html body .akx-app .akx-content .student-plan-shell .plan-add-lesson button {
  background: #136b4a !important;
  border-color: #136b4a !important;
  color: #ffffff !important;
}

html body .akx-app .akx-content .student-plan-shell .plan-write-grid tbody tr.plan-write-row:nth-child(8n + 1) > th.program-lesson .program-lesson-name { color: #0f766e !important; }
html body .akx-app .akx-content .student-plan-shell .plan-write-grid tbody tr.plan-write-row:nth-child(8n + 2) > th.program-lesson .program-lesson-name { color: #2563eb !important; }
html body .akx-app .akx-content .student-plan-shell .plan-write-grid tbody tr.plan-write-row:nth-child(8n + 3) > th.program-lesson .program-lesson-name { color: #7c3aed !important; }
html body .akx-app .akx-content .student-plan-shell .plan-write-grid tbody tr.plan-write-row:nth-child(8n + 4) > th.program-lesson .program-lesson-name { color: #c2410c !important; }
html body .akx-app .akx-content .student-plan-shell .plan-write-grid tbody tr.plan-write-row:nth-child(8n + 5) > th.program-lesson .program-lesson-name { color: #be123c !important; }
html body .akx-app .akx-content .student-plan-shell .plan-write-grid tbody tr.plan-write-row:nth-child(8n + 6) > th.program-lesson .program-lesson-name { color: #15803d !important; }
html body .akx-app .akx-content .student-plan-shell .plan-write-grid tbody tr.plan-write-row:nth-child(8n + 7) > th.program-lesson .program-lesson-name { color: #b45309 !important; }
html body .akx-app .akx-content .student-plan-shell .plan-write-grid tbody tr.plan-write-row:nth-child(8n) > th.program-lesson .program-lesson-name { color: #0891b2 !important; }

/* FINAL v2: Öğrenci girişi sol panel ve üst öğrenci panosu #136b4a45 tonundan açığa. */
html body.akx-shell .akx-app.akx-student .akx-sidebar {
  background: linear-gradient(180deg, #136b4a45 0%, rgba(19, 107, 74, .18) 38%, rgba(19, 107, 74, .08) 72%, #ffffff 100%) !important;
  border-right: 1px solid rgba(19, 107, 74, .16) !important;
}

html body.akx-shell .akx-app.akx-student .akx-sidebar,
html body.akx-shell .akx-app.akx-student .akx-sidebar * {
  color: #173b2d !important;
  -webkit-text-fill-color: #173b2d !important;
}

html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-menu-link:hover,
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-menu-link.active,
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-sidebar-logout-form .akx-logout-link {
  background: rgba(255, 255, 255, .46) !important;
  color: #0f2f23 !important;
  -webkit-text-fill-color: #0f2f23 !important;
}

html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-hero.shome-hero,
html body.akx-shell .akx-app.akx-student .akx-content .student-module-page .student-module-header.student-module-header,
html body.akx-shell .akx-app.akx-student .akx-content .student-profile .student-hero.student-hero {
  background: linear-gradient(135deg, #136b4a45 0%, rgba(19, 107, 74, .16) 46%, rgba(255, 255, 255, .96) 100%) !important;
  border-color: rgba(19, 107, 74, .22) !important;
  color: #102d22 !important;
  box-shadow: 0 18px 42px rgba(19, 107, 74, .10) !important;
}

html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-hero.shome-hero *,
html body.akx-shell .akx-app.akx-student .akx-content .student-module-page .student-module-header.student-module-header *,
html body.akx-shell .akx-app.akx-student .akx-content .student-profile .student-hero.student-hero * {
  color: #102d22 !important;
  -webkit-text-fill-color: #102d22 !important;
}

html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-hero .shome-stats article,
html body.akx-shell .akx-app.akx-student .akx-content .student-profile .student-hero-kpi {
  background: rgba(255, 255, 255, .72) !important;
  border-color: rgba(19, 107, 74, .16) !important;
}

/* FINAL v3: Öğrenci sol panelde logo üstündeki koyu yeşil plakayı tamamen kaldır. */
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-brand,
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-brand:hover,
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-brand:focus,
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-brand.akx-brand-trio,
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-brand.akx-brand-trio:hover,
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-brand.akx-brand-trio:focus,
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-brand-logo,
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-brand-logo:hover,
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-brand-logo:focus {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  filter: none !important;
}

html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-brand-logo img {
  content: url('/uploads/triokoc-logo-minimal-sidebar-transparent.png?v=16') !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}

html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-brand-logo::before,
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-brand-logo::after,
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-brand::before,
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-brand::after {
  display: none !important;
  content: none !important;
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* FINAL v4: Logo alanı ayrı bir kart gibi davranmasın; sadece logo kadar yer kaplasın. */
html body.akx-shell .akx-app.akx-student .akx-sidebar > a.akx-brand.akx-brand-trio {
  display: inline-flex !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 2.8rem 0 4.6rem 3rem !important;
  padding: 0 !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html body.akx-shell .akx-app.akx-student .akx-sidebar > a.akx-brand.akx-brand-trio .akx-brand-logo {
  display: inline-flex !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  flex: 0 0 auto !important;
  padding: 0 !important;
  margin: 0 !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html body.akx-shell .akx-app.akx-student .akx-sidebar > a.akx-brand.akx-brand-trio .akx-brand-logo img,
html body.akx-shell .akx-app.akx-student .akx-sidebar img[alt="TRIOKOÇ"] {
  display: block !important;
  width: auto !important;
  height: 3.8rem !important;
  max-width: 14rem !important;
  background: none !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  opacity: 1 !important;
}

/* FINAL v5: Öğrenci girişi — sol panel ve üst öğrenci panosu aynı geçişli renk. */
html body.akx-shell .akx-app.akx-student .akx-sidebar {
  background: #136b4a45 !important;
  border-right: 1px solid rgba(19, 107, 74, .14) !important;
  box-shadow: none !important;
}

html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-hero.shome-hero,
html body.akx-shell .akx-app.akx-student .akx-content .student-profile .student-hero.student-hero,
html body.akx-shell .akx-app.akx-student .akx-content .student-module-page .student-module-header.student-module-header {
  background: #136b4a45 !important;
  border-color: rgba(19, 107, 74, .18) !important;
  box-shadow: 0 18px 42px rgba(19, 107, 74, .08) !important;
}

html body.akx-shell .akx-app.akx-student .akx-sidebar > a.akx-brand.akx-brand-trio,
html body.akx-shell .akx-app.akx-student .akx-sidebar > a.akx-brand.akx-brand-trio:hover,
html body.akx-shell .akx-app.akx-student .akx-sidebar > a.akx-brand.akx-brand-trio:focus,
html body.akx-shell .akx-app.akx-student .akx-sidebar > a.akx-brand.akx-brand-trio .akx-brand-logo {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* FINAL v6: Öğrenci logosu gerçek şeffaf src kullanır; kapsayıcıda renkli blok kalmasın. */
html body.akx-shell .akx-app.akx-student .akx-sidebar > a.akx-brand.akx-brand-trio.akx-student-logo-clean {
  display: block !important;
  width: max-content !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: calc(100% - 5.2rem) !important;
  margin: 3.05rem 0 5.35rem 3.05rem !important;
  padding: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html body.akx-shell .akx-app.akx-student .akx-sidebar > a.akx-brand.akx-brand-trio.akx-student-logo-clean .akx-brand-logo {
  display: block !important;
  width: max-content !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: 100% !important;
  flex: none !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html body.akx-shell .akx-app.akx-student .akx-sidebar > a.akx-brand.akx-brand-trio.akx-student-logo-clean .akx-brand-logo img {
  content: normal !important;
  display: block !important;
  width: 13.8rem !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: none !important;
  object-fit: contain !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}

html body.akx-shell .akx-app.akx-student .akx-sidebar > a.akx-brand.akx-brand-trio.akx-student-logo-clean::before,
html body.akx-shell .akx-app.akx-student .akx-sidebar > a.akx-brand.akx-brand-trio.akx-student-logo-clean::after,
html body.akx-shell .akx-app.akx-student .akx-sidebar > a.akx-brand.akx-brand-trio.akx-student-logo-clean .akx-brand-logo::before,
html body.akx-shell .akx-app.akx-student .akx-sidebar > a.akx-brand.akx-brand-trio.akx-student-logo-clean .akx-brand-logo::after {
  display: none !important;
  content: none !important;
}

/* FINAL v7: Öğrenci teması tek renk — #136b4a45'in beyaz zemindeki pastel karşılığı. */
html body.akx-shell .akx-app.akx-student {
  --student-soft-green-solid: #bfd7ce;
  --student-soft-green-text: #123527;
  --student-soft-green-muted: #45695b;
}

html body.akx-shell .akx-app.akx-student .akx-sidebar,
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-hero.shome-hero,
html body.akx-shell .akx-app.akx-student .akx-content .student-profile .student-hero.student-hero,
html body.akx-shell .akx-app.akx-student .akx-content .student-module-page .student-module-header.student-module-header {
  background: var(--student-soft-green-solid) !important;
  background-color: var(--student-soft-green-solid) !important;
  background-image: none !important;
  color: var(--student-soft-green-text) !important;
  border-color: rgba(19, 107, 74, .18) !important;
  box-shadow: none !important;
}

html body.akx-shell .akx-app.akx-student .akx-sidebar,
html body.akx-shell .akx-app.akx-student .akx-sidebar *,
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-hero.shome-hero,
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-hero.shome-hero *,
html body.akx-shell .akx-app.akx-student .akx-content .student-profile .student-hero.student-hero,
html body.akx-shell .akx-app.akx-student .akx-content .student-profile .student-hero.student-hero * {
  color: var(--student-soft-green-text) !important;
  -webkit-text-fill-color: var(--student-soft-green-text) !important;
  text-shadow: none !important;
}

html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-menu-link,
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-menu-link:hover,
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-menu-link.active,
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-menu-link.active:hover,
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-menu-toggle,
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-menu-toggle:hover,
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-menu-group.open > .akx-menu-toggle,
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-sidebar-logout-form .akx-logout-link,
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-sidebar-logout-form .akx-logout-link:hover {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}

html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-menu-link.active,
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-menu-link.active *,
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-menu-link:hover,
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-menu-link:hover * {
  color: #0b2f22 !important;
  -webkit-text-fill-color: #0b2f22 !important;
  font-weight: 800 !important;
}

html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-menu-section,
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-user-card small,
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-hero .shome-stats article span {
  color: var(--student-soft-green-muted) !important;
  -webkit-text-fill-color: var(--student-soft-green-muted) !important;
}

html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-hero .shome-stat-cluster,
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-hero .shome-stats article,
html body.akx-shell .akx-app.akx-student .akx-content .student-profile .student-hero-kpi {
  background: rgba(255, 255, 255, .46) !important;
  background-image: none !important;
  border-color: rgba(19, 107, 74, .16) !important;
  box-shadow: none !important;
}

/* FINAL v8: Öğrenciye özel premium soft lavanta/mavi tema; koç yeşilinden ayrışır. */
html body.akx-shell .akx-app.akx-student {
  --student-premium-bg: #eef3ff;
  --student-premium-bg-2: #f6efff;
  --student-premium-border: rgba(124, 134, 190, .24);
  --student-premium-text: #1d2a44;
  --student-premium-muted: #66728a;
  --student-premium-accent: #5b6fd6;
}

html body.akx-shell .akx-app.akx-student .akx-sidebar {
  background:
    radial-gradient(circle at 16% 8%, rgba(255, 255, 255, .55) 0%, transparent 30%),
    linear-gradient(180deg, var(--student-premium-bg) 0%, var(--student-premium-bg-2) 100%) !important;
  border-right: 1px solid var(--student-premium-border) !important;
  box-shadow: none !important;
}

html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-hero.shome-hero,
html body.akx-shell .akx-app.akx-student .akx-content .student-profile .student-hero.student-hero,
html body.akx-shell .akx-app.akx-student .akx-content .student-module-page .student-module-header.student-module-header {
  background:
    radial-gradient(circle at 8% 10%, rgba(255, 255, 255, .65) 0%, transparent 28%),
    linear-gradient(135deg, var(--student-premium-bg) 0%, var(--student-premium-bg-2) 100%) !important;
  border-color: var(--student-premium-border) !important;
  box-shadow: 0 18px 42px rgba(86, 96, 150, .10) !important;
}

html body.akx-shell .akx-app.akx-student .akx-sidebar,
html body.akx-shell .akx-app.akx-student .akx-sidebar *,
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-hero.shome-hero,
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-hero.shome-hero *,
html body.akx-shell .akx-app.akx-student .akx-content .student-profile .student-hero.student-hero,
html body.akx-shell .akx-app.akx-student .akx-content .student-profile .student-hero.student-hero * {
  color: var(--student-premium-text) !important;
  -webkit-text-fill-color: var(--student-premium-text) !important;
  text-shadow: none !important;
}

html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-menu-link,
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-menu-toggle,
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-sidebar-logout-form .akx-logout-link {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: var(--student-premium-text) !important;
  -webkit-text-fill-color: var(--student-premium-text) !important;
}

html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-menu-link:hover,
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-menu-link.active,
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-menu-toggle:hover,
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-menu-group.open > .akx-menu-toggle {
  background: rgba(255, 255, 255, .42) !important;
  color: #25316f !important;
  -webkit-text-fill-color: #25316f !important;
  font-weight: 800 !important;
}

html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-menu-icon,
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-menu-icon *,
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-menu-link i,
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-menu-toggle i {
  color: var(--student-premium-accent) !important;
  -webkit-text-fill-color: var(--student-premium-accent) !important;
}

html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-menu-section,
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-user-card small,
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-hero .shome-stats article span {
  color: var(--student-premium-muted) !important;
  -webkit-text-fill-color: var(--student-premium-muted) !important;
}

html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-hero .shome-stat-cluster,
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-hero .shome-stats article,
html body.akx-shell .akx-app.akx-student .akx-content .student-profile .student-hero-kpi {
  background: rgba(255, 255, 255, .66) !important;
  border-color: rgba(124, 134, 190, .22) !important;
  box-shadow: none !important;
}

/* ================================================================
   FINAL v6 — #136b4a KATI UYGULANDI (saydamlik kaldirildi)

   Onceki FINAL v2/v5 bloklari #136b4a45'i BIREBIR, yani alfasiyla
   (%27) yaziyordu. Sol panel ve ust pano beyaz zeminin ustunde
   duruyor; %27 yesil oradan beyazi gecirince renk soluk cikiyor ve
   "bozuk" gorunuyordu. Iki yuzey de KATI #1A8B62 yapildi, uzerindeki
   yazi/ikonlar beyaza alindi (beyaz uzerinde 6.4:1 kontrast).

   Not: pano icindeki beyaz KPI kartlari ve beyaz kutular kendi
   zeminlerini korur; yalnizca panelin kendi zemini degisti.
   ================================================================ */

/* ---------------- 1. SOL PANEL ---------------------------------- */
html body.akx-shell .akx-app.akx-student .akx-sidebar {
  background: #1A8B62 !important;
  background-image: none !important;
  border-right: 1px solid rgba(255, 255, 255, .10) !important;
}
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-menu-section {
  color: rgba(255, 255, 255, .66) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, .66) !important;
}
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-menu-link,
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-menu-toggle {
  color: rgba(255, 255, 255, .92) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, .92) !important;
  background: transparent !important;
}
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-menu-link:hover,
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-menu-toggle:hover {
  background: rgba(255, 255, 255, .10) !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-menu-link.active,
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-menu-group.open > .akx-menu-toggle {
  background: rgba(255, 255, 255, .18) !important;
  background-image: none !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-menu-icon {
  background: rgba(255, 255, 255, .13) !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}
/* Alt kullanici karti ve cikis */
html body.akx-shell .akx-app.akx-student .akx-sidebar :is(.akx-user, .akx-user-card, .akx-logout, .akx-sidebar-foot) {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

/* ---------------- 2. UST PANO ----------------------------------- */
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-hero.shome-hero,
html body.akx-shell .akx-app.akx-student .akx-content .student-profile .student-hero.student-hero,
html body.akx-shell .akx-app.akx-student .akx-content .student-module-page .student-module-header.student-module-header {
  background: #1A8B62 !important;
  background-image: none !important;
  border-color: rgba(255, 255, 255, .14) !important;
  box-shadow: 0 10px 28px -18px rgba(9, 60, 41, .55) !important;
}
/* Pano uzerindeki yazi ve ikonlar beyaz */
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-hero.shome-hero :is(h1, h2, h3, p, span, strong, em, small, label, i, time),
html body.akx-shell .akx-app.akx-student .akx-content .student-profile .student-hero.student-hero :is(h1, h2, h3, p, span, strong, em, small, i) {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}
/* Panonun ICINDEKI beyaz kartlar kendi zeminini ve koyu yazisini korusun */
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-hero .shome-hero-side :is(.shome-kpi, .shome-hero-kpi, .card, .shome-stat) :is(span, strong, small, em, i),
html body.akx-shell .akx-app.akx-student .akx-content .student-profile .student-hero :is(.student-hero-kpi, .card) :is(span, strong, small, em, i) {
  color: #23423A !important;
  -webkit-text-fill-color: #23423A !important;
}
/* Kunye icindeki cipler yesil uzerinde okunur kalsin */
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-hero :is(.shome-student-area, .shome-hero-goal, .shome-temperament) {
  background: rgba(255, 255, 255, .15) !important;
  border-color: rgba(255, 255, 255, .24) !important;
}

/* ================================================================
   END FINAL v6
   ================================================================ */

/* ================================================================
   FINAL v7 — OGRENCI GIRISI SEKMELERINDEKI BEYAZLIK KALKTI

   Sekmeler "linear-gradient(to top, accent 0 8px, #ffffff 8px 100%)"
   ile ciziliyordu: govde duz beyaz, altta 8px renkli serit. Artik
   govde de o sekmenin kendi renginin acik tonu; serit korunuyor.
   Kabin beyaz zemini de kaldirildi.
   ================================================================ */
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-tabs {
  background: transparent !important;
  background-image: none !important;
  border-color: rgba(23, 128, 90, .16) !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-tabs > a:nth-child(1) {
  background: linear-gradient(to top, #2496a6 0 8px, #CDE8EC 8px 100%) !important;
  border-color: #2496a633 !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-tabs > a:nth-child(1):hover {
  background: linear-gradient(to top, #2496a6 0 8px, #CDE8EC 8px 100%) !important;
  border-color: #2496a6 !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-tabs > a:nth-child(2) {
  background: linear-gradient(to top, #4a85df 0 8px, #D8E4FA 8px 100%) !important;
  border-color: #4a85df33 !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-tabs > a:nth-child(2):hover {
  background: linear-gradient(to top, #4a85df 0 8px, #D8E4FA 8px 100%) !important;
  border-color: #4a85df !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-tabs > a:nth-child(3) {
  background: linear-gradient(to top, #b99132 0 8px, #F0E2BF 8px 100%) !important;
  border-color: #b9913233 !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-tabs > a:nth-child(3):hover {
  background: linear-gradient(to top, #b99132 0 8px, #F0E2BF 8px 100%) !important;
  border-color: #b99132 !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-tabs > a:nth-child(4) {
  background: linear-gradient(to top, #8466c8 0 8px, #E0D6F5 8px 100%) !important;
  border-color: #8466c833 !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-tabs > a:nth-child(4):hover {
  background: linear-gradient(to top, #8466c8 0 8px, #E0D6F5 8px 100%) !important;
  border-color: #8466c8 !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-tabs > a:nth-child(5) {
  background: linear-gradient(to top, #db7f4d 0 8px, #F7DECF 8px 100%) !important;
  border-color: #db7f4d33 !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-tabs > a:nth-child(5):hover {
  background: linear-gradient(to top, #db7f4d 0 8px, #F7DECF 8px 100%) !important;
  border-color: #db7f4d !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-tabs > a:nth-child(6) {
  background: linear-gradient(to top, #238a78 0 8px, #CEE6E1 8px 100%) !important;
  border-color: #238a7833 !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-tabs > a:nth-child(6):hover {
  background: linear-gradient(to top, #238a78 0 8px, #CEE6E1 8px 100%) !important;
  border-color: #238a78 !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-tabs > a:nth-child(7) {
  background: linear-gradient(to top, #4b8eab 0 8px, #D8E6EF 8px 100%) !important;
  border-color: #4b8eab33 !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-tabs > a:nth-child(7):hover {
  background: linear-gradient(to top, #4b8eab 0 8px, #D8E6EF 8px 100%) !important;
  border-color: #4b8eab !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-tabs > a:nth-child(8) {
  background: linear-gradient(to top, #a56bad 0 8px, #E8D9EC 8px 100%) !important;
  border-color: #a56bad33 !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-tabs > a:nth-child(8):hover {
  background: linear-gradient(to top, #a56bad 0 8px, #E8D9EC 8px 100%) !important;
  border-color: #a56bad !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-tabs > a:nth-child(9) {
  background: linear-gradient(to top, #cc9b34 0 8px, #F4E4C2 8px 100%) !important;
  border-color: #cc9b3433 !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-tabs > a:nth-child(9):hover {
  background: linear-gradient(to top, #cc9b34 0 8px, #F4E4C2 8px 100%) !important;
  border-color: #cc9b34 !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-tabs > a:nth-child(10) {
  background: linear-gradient(to top, #3d9a73 0 8px, #D4EADF 8px 100%) !important;
  border-color: #3d9a7333 !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-tabs > a:nth-child(10):hover {
  background: linear-gradient(to top, #3d9a73 0 8px, #D4EADF 8px 100%) !important;
  border-color: #3d9a73 !important;
}
/* Ikon cipi de beyaz kalmasin */
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-tabs > a > i {
  background: rgba(255, 255, 255, .62) !important;
}

/* ================================================================
   END FINAL v7
   ================================================================ */

/* ================================================================
   FINAL v9 — #136b4a45 BIREBIR (istenen sekilde, alfasiyla)

   Deger 8 haneli: #136b4a + alfa 0x45 (69/255 = %27). Saydam
   oldugu icin panel arkasindaki zemini gecirir; #F4F7F8 uzerinde
   yaklasik #BCD4CB (soluk adaçayi) olarak gorunur.

   Bu aciklikta BEYAZ yazi okunmuyor (1.6:1), bu yuzden sol panel ve
   ust pano yazilari koyu yesile alindi: #0F3D2B -> 7.9:1.
   ================================================================ */

/* ---------------- 1. SOL PANEL ---------------------------------- */
html body.akx-shell .akx-app.akx-student .akx-sidebar {
  background: #136b4a45 !important;
  background-image: none !important;
  border-right: 1px solid rgba(19, 107, 74, .22) !important;
}
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-menu-section {
  color: rgba(15, 61, 43, .70) !important;
  -webkit-text-fill-color: rgba(15, 61, 43, .70) !important;
}
html body.akx-shell .akx-app.akx-student .akx-sidebar :is(.akx-menu-link, .akx-menu-toggle),
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-menu-icon {
  color: #14442F !important;
  -webkit-text-fill-color: #14442F !important;
}
html body.akx-shell .akx-app.akx-student .akx-sidebar :is(.akx-menu-link, .akx-menu-toggle):hover {
  background: rgba(19, 107, 74, .10) !important;
  color: #0B2E20 !important;
  -webkit-text-fill-color: #0B2E20 !important;
}
html body.akx-shell .akx-app.akx-student .akx-sidebar :is(.akx-menu-link.active, .akx-menu-group.open > .akx-menu-toggle),
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-menu-link.active .akx-menu-icon {
  color: #0F3D2B !important;
  -webkit-text-fill-color: #0F3D2B !important;
  font-weight: 700 !important;
}
/* Aktif serit: acik zeminde beyaz gorunmez -> koyu yesil */
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-menu-link.active::before {
  background: #0F3D2B !important;
}
html body.akx-shell .akx-app.akx-student .akx-sidebar :is(.akx-user, .akx-user-card, .akx-sidebar-foot, .akx-logout, .akx-logout-link),
html body.akx-shell .akx-app.akx-student .akx-sidebar :is(.akx-user, .akx-user-card, .akx-logout, .akx-logout-link) :is(span, strong, small, i) {
  color: #14442F !important;
  -webkit-text-fill-color: #14442F !important;
}
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-brand .akx-brand-logo {
  color: #0F3D2B !important;
  -webkit-text-fill-color: #0F3D2B !important;
}

/* ---------------- 2. UST PANO ----------------------------------- */
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-hero.shome-hero,
html body.akx-shell .akx-app.akx-student .akx-content .student-profile .student-hero.student-hero,
html body.akx-shell .akx-app.akx-student .akx-content .student-module-page .student-module-header.student-module-header {
  background: #136b4a45 !important;
  background-image: none !important;
  border-color: rgba(19, 107, 74, .24) !important;
  box-shadow: 0 10px 28px -20px rgba(19, 107, 74, .40) !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-hero.shome-hero :is(h1, h2, h3, p, span, strong, em, small, label, i, time),
html body.akx-shell .akx-app.akx-student .akx-content .student-profile .student-hero.student-hero :is(h1, h2, h3, p, span, strong, em, small, i) {
  color: #0F3D2B !important;
  -webkit-text-fill-color: #0F3D2B !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-hero :is(.shome-student-area, .shome-hero-goal, .shome-temperament) {
  background: rgba(255, 255, 255, .55) !important;
  border-color: rgba(19, 107, 74, .22) !important;
}

/* ================================================================
   END FINAL v9
   ================================================================ */

/* ================================================================
   FINAL v11 — YAN PANEL SEKMELERI #ED873D

   Istenen deger DevTools'tan: rgb(237, 135, 61).
   Tum menu satirlari bu turuncuyu aliyor; aktif satir ayni renkte
   ama bir kademe koyu cerceve + kalin yazi ile ayrisiyor.

   Yazi rengi: beyaz bu turuncuda yalnizca 2.4:1 veriyor (okunmaz).
   Koyu kahve-turuncu #3B1D06 ile 6.3:1 saglaniyor.
   ================================================================ */
html body.akx-shell .akx-app.akx-student .akx-sidebar :is(.akx-menu-link, .akx-menu-toggle) {
  background: #ED873D !important;
  background-image: none !important;
  border: 1px solid rgba(120, 60, 12, .18) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  color: #3B1D06 !important;
  -webkit-text-fill-color: #3B1D06 !important;
}
html body.akx-shell .akx-app.akx-student .akx-sidebar :is(.akx-menu-link, .akx-menu-toggle):hover {
  background: #E07C30 !important;
  background-image: none !important;
  border-color: rgba(120, 60, 12, .32) !important;
  color: #2E1604 !important;
  -webkit-text-fill-color: #2E1604 !important;
}
html body.akx-shell .akx-app.akx-student .akx-sidebar :is(.akx-menu-link.active, .akx-menu-group.open > .akx-menu-toggle) {
  background: #ED873D !important;
  background-image: none !important;
  border: 1px solid #A85A17 !important;
  color: #2E1604 !important;
  -webkit-text-fill-color: #2E1604 !important;
  font-weight: 700 !important;
}
/* Ikonlar da ayni mürekkeple, kutusuz */
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-menu-icon {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #3B1D06 !important;
  -webkit-text-fill-color: #3B1D06 !important;
}
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-menu-link.active .akx-menu-icon {
  color: #2E1604 !important;
  -webkit-text-fill-color: #2E1604 !important;
}

/* ================================================================
   END FINAL v11
   ================================================================ */

/* ================================================================
   FINAL v12 — LOGO PLAKASI, SEKME ZEMINI, kpi-m-teal

   1) Logonun arkasindaki plaka panelden farkli bir tondaydi;
      tamamen seffaf yapildi, artik panelin kendi rengi goruluyor.
   2) Sekme govdesi pastel; alt cizgi TEK ve ince (::after 4px).
   3) "Bekleyen Odev" karti icin kpi-m-teal tanimlandi (bu sinif
      CSS'te hic yoktu; diger kpi-m-* varyantlariyla ayni dilde).
   ================================================================ */

/* ---------------- 1. LOGO PLAKASI = PANEL ----------------------- */
html body.akx-shell .akx-app.akx-student .akx-sidebar > a.akx-brand,
html body.akx-shell .akx-app.akx-student .akx-sidebar > a.akx-brand:hover,
html body.akx-shell .akx-app.akx-student .akx-sidebar > a.akx-brand:focus,
html body.akx-shell .akx-app.akx-student .akx-sidebar > a.akx-brand .akx-brand-logo,
html body.akx-shell .akx-app.akx-student .akx-sidebar > a.akx-brand .akx-brand-logo::before,
html body.akx-shell .akx-app.akx-student .akx-sidebar > a.akx-brand .akx-brand-logo::after {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* ---------------- 2. SEKME GOVDE RENKLERI (duz, band yok) ------- */
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-tabs > a:nth-child(1)  { background: #CDE8EC !important; background-image: none !important; --shome-tab-accent: #2496a6 !important; }
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-tabs > a:nth-child(2)  { background: #D8E4FA !important; background-image: none !important; --shome-tab-accent: #4a85df !important; }
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-tabs > a:nth-child(3)  { background: #F0E2BF !important; background-image: none !important; --shome-tab-accent: #b99132 !important; }
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-tabs > a:nth-child(4)  { background: #E0D6F5 !important; background-image: none !important; --shome-tab-accent: #8466c8 !important; }
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-tabs > a:nth-child(5)  { background: #F7DECF !important; background-image: none !important; --shome-tab-accent: #db7f4d !important; }
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-tabs > a:nth-child(6)  { background: #CEE6E1 !important; background-image: none !important; --shome-tab-accent: #238a78 !important; }
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-tabs > a:nth-child(7)  { background: #D8E6EF !important; background-image: none !important; --shome-tab-accent: #4b8eab !important; }
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-tabs > a:nth-child(8)  { background: #E8D9EC !important; background-image: none !important; --shome-tab-accent: #a56bad !important; }
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-tabs > a:nth-child(9)  { background: #F4E4C2 !important; background-image: none !important; --shome-tab-accent: #cc9b34 !important; }
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-tabs > a:nth-child(10) { background: #D4EADF !important; background-image: none !important; --shome-tab-accent: #3d9a73 !important; }

/* Bugunku Durum kartlarinin alt bandi da kalinlassin */
html body.akx-shell .akx-app.akx-student .akx-content .shome .kpi-metric-card .kpi-m-footer {
  min-height: 34px !important;
  font-weight: 700 !important;
  letter-spacing: .3px !important;
}

/* ---------------- 3. kpi-m-teal ---------------------------------- */
html body.akx-shell .akx-app.akx-student .akx-content .shome .kpi-metric-card.kpi-m-teal .kpi-m-icon {
  color: #1C6A5E !important;
  background: #DCEFEA !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome .kpi-metric-card.kpi-m-teal .kpi-m-footer {
  background: #1C6A5E !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

/* ================================================================
   END FINAL v12
   ================================================================ */


/* ================================================================
   FINAL v13 — YAN PANEL rgba(203, 158, 64, .43) + UST PANO AYNI RENK

   DevTools'tan istenen deger: rgb(203 158 64 / 43%).
   8 haneli karsiligi #CB9E406E (alfa 0x6E = 110/255 = %43).

   Saydam oldugu icin arkadaki zemini gecirir; #FDF6EC uzerinde
   yaklasik #E7D3AC (acik kum) olarak gorunur.

   Ust ogrenci panosu (hero) artik menu sekmelerinin turuncusunu
   degil, YAN PANELIN ARKA PLAN RENGINI aliyor — ikisi ayni yuzey.

   Bu aciklikta beyaz yazi 1.4:1 veriyor (okunmaz); metinler koyu
   kahveye alindi: #4A3410 -> ~7.7:1.
   ================================================================ */

/* ---------------- 1. SOL PANEL ---------------------------------- */
html body.akx-shell .akx-app.akx-student .akx-sidebar {
  background: rgba(203, 158, 64, .43) !important;
  background-image: none !important;
  border-right: 1px solid rgba(140, 104, 28, .30) !important;
}
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-menu-section {
  color: rgba(74, 52, 16, .78) !important;
  -webkit-text-fill-color: rgba(74, 52, 16, .78) !important;
}
html body.akx-shell .akx-app.akx-student .akx-sidebar :is(.akx-user, .akx-user-card, .akx-sidebar-foot, .akx-logout, .akx-logout-link),
html body.akx-shell .akx-app.akx-student .akx-sidebar :is(.akx-user, .akx-user-card, .akx-logout, .akx-logout-link) :is(span, strong, small, i) {
  color: #4A3410 !important;
  -webkit-text-fill-color: #4A3410 !important;
}
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-brand .akx-brand-logo {
  color: #4A3410 !important;
  -webkit-text-fill-color: #4A3410 !important;
}
/* Logo plakasi yine zemine karissin (v12 kurali korunuyor) */
html body.akx-shell .akx-app.akx-student .akx-sidebar > a.akx-brand,
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-brand {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* ---------------- 2. UST OGRENCI PANOSU = YAN PANEL RENGI ------- */
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-hero.shome-hero,
html body.akx-shell .akx-app.akx-student .akx-content .student-profile .student-hero.student-hero,
html body.akx-shell .akx-app.akx-student .akx-content .student-module-page .student-module-header.student-module-header {
  background: rgba(203, 158, 64, .43) !important;
  background-image: none !important;
  border: 1px solid rgba(140, 104, 28, .30) !important;
  box-shadow: 0 10px 28px -20px rgba(110, 80, 20, .45) !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-hero.shome-hero :is(h1, h2, h3, p, span, strong, em, small, label, i, time),
html body.akx-shell .akx-app.akx-student .akx-content .student-profile .student-hero.student-hero :is(h1, h2, h3, p, span, strong, em, small, i),
html body.akx-shell .akx-app.akx-student .akx-content .student-module-page .student-module-header :is(h1, h2, h3, p, span, strong, em, small, i) {
  color: #4A3410 !important;
  -webkit-text-fill-color: #4A3410 !important;
}
/* Pano icindeki beyaz kutucuklar: cerceve ayni aileden */
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-hero .shome-stat-cluster,
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-hero .shome-stats article,
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-hero :is(.shome-student-area, .shome-hero-goal, .shome-temperament) {
  background: rgba(255, 255, 255, .62) !important;
  border-color: rgba(140, 104, 28, .28) !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-hero .shome-stats article strong,
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-hero .shome-stats article span {
  color: #4A3410 !important;
  -webkit-text-fill-color: #4A3410 !important;
}

/* ================================================================
   END FINAL v13
   ================================================================ */


/* ================================================================
   FINAL v14 — YAN PANEL GONDERILEN GORSELDEKI HALE GETIRILDI

   Sorun: panel zemini dogru renkteydi (rgba(203,158,64,.43)) ama
   ustunde FINAL v11'in dolu turuncu (#ED873D) menu haplari duruyordu.
   Bu yuzden panel tek bir yuzey gibi okunmuyordu — gorselde ise
   sekmeler acik/notr, zemin ise tek parca kum tonu.

   Bu blok v11'in turuncusunu iptal eder; sekmeler gorseldeki gibi
   acik hap + ince kum cercevesi olur. Zemin rengine dokunulmaz.

   Turuncuyu geri istersen: bu blogu sil, v11 yeniden devreye girer.
   ================================================================ */

/* ---------------- 1. MENU HAPLARI: ACIK / NOTR ------------------ */
html body.akx-shell .akx-app.akx-student .akx-sidebar :is(.akx-menu-link, .akx-menu-toggle) {
  background: rgba(255, 255, 255, .72) !important;
  background-image: none !important;
  border: 1px solid rgba(140, 104, 28, .22) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  color: #4A3410 !important;
  -webkit-text-fill-color: #4A3410 !important;
  font-weight: 600 !important;
}
html body.akx-shell .akx-app.akx-student .akx-sidebar :is(.akx-menu-link, .akx-menu-toggle):hover {
  background: rgba(255, 255, 255, .92) !important;
  background-image: none !important;
  border-color: rgba(140, 104, 28, .38) !important;
  color: #3A2809 !important;
  -webkit-text-fill-color: #3A2809 !important;
}
/* Aktif satir: ayni hap, bir tik dolu zemin + koyu cerceve */
html body.akx-shell .akx-app.akx-student .akx-sidebar :is(.akx-menu-link.active, .akx-menu-group.open > .akx-menu-toggle) {
  background: #FFFFFF !important;
  background-image: none !important;
  border: 1px solid rgba(140, 104, 28, .48) !important;
  box-shadow: none !important;
  color: #3A2809 !important;
  -webkit-text-fill-color: #3A2809 !important;
  font-weight: 700 !important;
}
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-menu-link.active::before {
  background: #A8802A !important;
}

/* ---------------- 2. IKONLAR: KUTUSUZ, AYNI MUREKKEP ------------ */
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-menu-icon,
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-menu-link.active .akx-menu-icon {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #7A5A18 !important;
  -webkit-text-fill-color: #7A5A18 !important;
}

/* ---------------- 3. ALTTAKI KULLANICI / CIKIS SATIRLARI -------- */
html body.akx-shell .akx-app.akx-student .akx-sidebar :is(.akx-user, .akx-user-card, .akx-logout, .akx-logout-link) {
  background: rgba(255, 255, 255, .72) !important;
  background-image: none !important;
  border: 1px solid rgba(140, 104, 28, .22) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}
html body.akx-shell .akx-app.akx-student .akx-sidebar :is(.akx-user, .akx-user-card, .akx-logout, .akx-logout-link) :is(span, strong, small, i, em) {
  color: #4A3410 !important;
  -webkit-text-fill-color: #4A3410 !important;
}

/* ================================================================
   END FINAL v14
   ================================================================ */


/* ================================================================
   FINAL v15 — TEK INCE ALT CIZGI + YAN PANEL SEKMELERI TEK TIP

   1) Sekmelerde iki cizgi vardi: zaten var olan ::after seridi (4px)
      ve v12'de eklenen 12px'lik zemin bandi. Zemin bandi kaldirildi
      (v12 artik duz pastel veriyor), burada da ::after tek ve ince
      kaliyor. Hover'da kaybolmasin diye opaklik sabitlendi.

   2) Yan panelde aktif sekme beyaz, pasifler yariseffaftı — iki
      farkli ton olusuyordu. Hepsi ayni zemine alindi; aktif satir
      yalnizca kalin yazi ve soldaki ince serit ile ayrisiyor.
   ================================================================ */

/* ---------------- 1. SEKME ALTI: TEK, INCE CIZGI ---------------- */
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-tabs > a::after,
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-tabs > a:hover::after {
  height: 4px !important;
  left: 8px !important;
  right: 8px !important;
  bottom: 0 !important;
  border-radius: 999px 999px 0 0 !important;
  background: var(--shome-tab-accent, #5E8FC1) !important;
  opacity: 1 !important;
}
/* Ikinci bir cizgi olusturabilecek alt cerceveler kapatildi */
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-tabs > a {
  border-bottom: 0 !important;
  box-shadow: none !important;
}

/* ---------------- 2. YAN PANEL SEKMELERI: TEK TIP --------------- */
html body.akx-shell .akx-app.akx-student .akx-sidebar :is(.akx-menu-link, .akx-menu-toggle),
html body.akx-shell .akx-app.akx-student .akx-sidebar :is(.akx-menu-link, .akx-menu-toggle):hover,
html body.akx-shell .akx-app.akx-student .akx-sidebar :is(.akx-menu-link.active, .akx-menu-group.open > .akx-menu-toggle),
html body.akx-shell .akx-app.akx-student .akx-sidebar :is(.akx-user, .akx-user-card, .akx-logout, .akx-logout-link) {
  background: rgba(255, 255, 255, .72) !important;
  background-image: none !important;
  border: 1px solid rgba(140, 104, 28, .26) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  color: #4A3410 !important;
  -webkit-text-fill-color: #4A3410 !important;
}
/* Aktif satir: zemin ayni, ayrim yalnizca kalin yazi + sol serit */
html body.akx-shell .akx-app.akx-student .akx-sidebar :is(.akx-menu-link.active, .akx-menu-group.open > .akx-menu-toggle) {
  font-weight: 700 !important;
}
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-menu-link.active::before {
  background: #A8802A !important;
}
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-menu-icon,
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-menu-link.active .akx-menu-icon {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #7A5A18 !important;
  -webkit-text-fill-color: #7A5A18 !important;
}

/* ================================================================
   END FINAL v15
   ================================================================ */


/* ================================================================
   FINAL v16 — LOGO PLAKASI GERI GELDI + SEKMELER SICAK KUM TONU

   Gonderilen gorselde panel tek renk degil, UC KADEMELI:
     panel  -> logo plakasi -> menu haplari
   Ikinci gorseldeki deger her kademede AYNI: rgb(203 158 64 / 43%).
   Saydam oldugu icin ust uste bindikce koyulasiyor, "daha turuncu"
   gorunen ton bu ikinci kat.

   Olculen sonuc (beyaza yakin sayfa zemini uzerinde):
     panel   ~ #E7D0A2
     plaka   ~ #DBBA78   (panelin uzerinde ikinci kat)
     haplar  ~ #DBBA78   (plakayla ayni kademe)

   v12/v13 logo plakasini seffaf yapiyordu, v14/v15 haplari beyaza
   cekiyordu — ikisi de bu blokla geri alindi.
   ================================================================ */

/* ---------------- 1. LOGO PLAKASI: IKINCI KAT ------------------- */
html body.akx-shell .akx-app.akx-student .akx-sidebar > a.akx-brand,
html body.akx-shell .akx-app.akx-student .akx-sidebar > a.akx-brand:hover,
html body.akx-shell .akx-app.akx-student .akx-sidebar > a.akx-brand:focus,
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-brand {
  background: rgba(203, 158, 64, .43) !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}
/* Logonun kendisi kutusuz kalsin, plaka tek parca gorunsun */
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-brand .akx-brand-logo,
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-brand .akx-brand-logo::before,
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-brand .akx-brand-logo::after {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* ---------------- 2. MENU HAPLARI: PLAKAYLA AYNI KADEME --------- */
html body.akx-shell .akx-app.akx-student .akx-sidebar :is(.akx-menu-link, .akx-menu-toggle),
html body.akx-shell .akx-app.akx-student .akx-sidebar :is(.akx-menu-link.active, .akx-menu-group.open > .akx-menu-toggle),
html body.akx-shell .akx-app.akx-student .akx-sidebar :is(.akx-user, .akx-user-card, .akx-logout, .akx-logout-link) {
  background: rgba(203, 158, 64, .43) !important;
  background-image: none !important;
  border: 1px solid rgba(150, 110, 30, .22) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  color: #4A3410 !important;
  -webkit-text-fill-color: #4A3410 !important;
}
html body.akx-shell .akx-app.akx-student .akx-sidebar :is(.akx-menu-link, .akx-menu-toggle):hover {
  background: rgba(203, 158, 64, .62) !important;
  background-image: none !important;
  border-color: rgba(150, 110, 30, .38) !important;
  color: #3A2809 !important;
  -webkit-text-fill-color: #3A2809 !important;
}
/* Aktif satir: zemin ayni kademede, ayrim kalin yazi + sol serit */
html body.akx-shell .akx-app.akx-student .akx-sidebar :is(.akx-menu-link.active, .akx-menu-group.open > .akx-menu-toggle) {
  font-weight: 700 !important;
}
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-menu-link.active::before {
  background: #8C6A18 !important;
}
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-menu-icon,
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-menu-link.active .akx-menu-icon {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #6E5115 !important;
  -webkit-text-fill-color: #6E5115 !important;
}
html body.akx-shell .akx-app.akx-student .akx-sidebar :is(.akx-user, .akx-user-card, .akx-logout, .akx-logout-link) :is(span, strong, small, i, em) {
  color: #4A3410 !important;
  -webkit-text-fill-color: #4A3410 !important;
}

/* ================================================================
   END FINAL v16
   ================================================================ */


/* ================================================================
   FINAL v17 — SAYAC KUTULARININ ARASI PANO RENGINDE

   Kutulari tasiyan .shome-stat-cluster kendi zeminine sahipti
   (rgba(255,255,255,.62) — v13'te verilmisti). Kutular arasindaki
   9,1px'lik bosluktan bu acik zemin sizip pano renginden ayri bir
   serit olusturuyordu. Tasiyici tamamen seffaf yapildi; bosluklarda
   artik yalnizca panonun kendi rengi goruluyor.

   Kutularin kendi beyaz zemini korunuyor — sadece aralari degisti.
   ================================================================ */

html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-hero .shome-stat-cluster,
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-hero .shome-stats,
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-hero .shome-hero-side {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* ================================================================
   END FINAL v17
   ================================================================ */


/* ================================================================
   FINAL v18 — LOGO CERCEVESI DE SEKME ZEMIN RENGINI ALDI

   v16'daki plaka kurali GERCEK sayfada hic calismiyordu: gercek
   markup'ta <a> uzerinde ayrica .akx-brand-trio.akx-student-logo-clean
   siniflari var ve FINAL v6'daki

     ... .akx-sidebar > a.akx-brand.akx-brand-trio.akx-student-logo-clean
         { background: transparent !important; }

   kurali 3 sinifla daha yuksek ozgulluge sahip; v16'nin tek sinifli
   secicisini yeniyordu. Bu yuzden logonun etrafi panel renginde
   kaliyor, plaka olusmuyordu.

   Burada ayni siniflar seciciye eklendi, uzerine .akx-sidebar
   tekrarlanarak ozgulluk bir kademe daha yukari alindi. Plaka artik
   menu haplariyla AYNI zemini kullaniyor: rgba(203, 158, 64, .43).
   ================================================================ */

html body.akx-shell .akx-app.akx-student .akx-sidebar.akx-sidebar > a.akx-brand.akx-brand-trio.akx-student-logo-clean,
html body.akx-shell .akx-app.akx-student .akx-sidebar.akx-sidebar > a.akx-brand.akx-brand-trio.akx-student-logo-clean:hover,
html body.akx-shell .akx-app.akx-student .akx-sidebar.akx-sidebar > a.akx-brand.akx-brand-trio.akx-student-logo-clean:focus,
html body.akx-shell .akx-app.akx-student .akx-sidebar.akx-sidebar > a.akx-brand.akx-brand-trio {
  background: rgba(203, 158, 64, .43) !important;
  background-color: rgba(203, 158, 64, .43) !important;
  background-image: none !important;
  border: 1px solid rgba(150, 110, 30, .22) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  padding: .85rem 1.15rem !important;
}

/* Logonun kendi kapsayicisi seffaf kalsin: tek parca plaka gorunsun */
html body.akx-shell .akx-app.akx-student .akx-sidebar.akx-sidebar > a.akx-brand.akx-brand-trio.akx-student-logo-clean .akx-brand-logo,
html body.akx-shell .akx-app.akx-student .akx-sidebar.akx-sidebar > a.akx-brand.akx-brand-trio.akx-student-logo-clean .akx-brand-logo img {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* ================================================================
   END FINAL v18
   ================================================================ */


/* ================================================================
   FINAL v19 — LOGO PLAKASI MENU HAPLARIYLA AYNI GENISLIKTE

   Olculen onceki durum: plaka sol 40px, genislik 211px — cunku
   FINAL v6 onu "width: max-content" + "margin-left: 3.05rem" ile
   logo kadar daraltiyordu. Menu haplari ise sol 12px'ten basliyor,
   yani plaka iceride kalip dar duruyordu.

   Plaka artik panel genisligini dolduruyor, sol kenari haplarla
   ayni hizada (12px). Logo icerde ortalaniyor.
   ================================================================ */

html body.akx-shell .akx-app.akx-student .akx-sidebar.akx-sidebar > a.akx-brand.akx-brand-trio.akx-student-logo-clean,
html body.akx-shell .akx-app.akx-student .akx-sidebar.akx-sidebar > a.akx-brand.akx-brand-trio {
  display: block !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 3.05rem .92rem 5.35rem !important;
  padding: 1.05rem 1.15rem !important;
  text-align: center !important;
  box-sizing: border-box !important;
}

/* Logo plakanin ortasinda dursun */
html body.akx-shell .akx-app.akx-student .akx-sidebar.akx-sidebar > a.akx-brand.akx-brand-trio.akx-student-logo-clean .akx-brand-logo {
  display: block !important;
  width: auto !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  text-align: center !important;
}
html body.akx-shell .akx-app.akx-student .akx-sidebar.akx-sidebar > a.akx-brand.akx-brand-trio.akx-student-logo-clean .akx-brand-logo img {
  display: block !important;
  margin: 0 auto !important;
  max-width: 100% !important;
}

/* ================================================================
   END FINAL v19
   ================================================================ */


/* ================================================================
   FINAL v20 — LOGO PLAKASI DUZ DIKDORTGEN, TAM GENISLIK

   Gorselde plaka yuvarlak kose degil, panelin tepesine oturan duz
   bir dikdortgen ve iki yana da tasiyor. Onceki halinde 12px
   yuvarlatma + 12px yan bosluk + 1px cerceve vardi.

   Zemin degeri degismedi: rgba(203, 158, 64, .43).
   ================================================================ */

html body.akx-shell .akx-app.akx-student .akx-sidebar.akx-sidebar > a.akx-brand.akx-brand-trio.akx-student-logo-clean,
html body.akx-shell .akx-app.akx-student .akx-sidebar.akx-sidebar > a.akx-brand.akx-brand-trio.akx-student-logo-clean:hover,
html body.akx-shell .akx-app.akx-student .akx-sidebar.akx-sidebar > a.akx-brand.akx-brand-trio.akx-student-logo-clean:focus,
html body.akx-shell .akx-app.akx-student .akx-sidebar.akx-sidebar > a.akx-brand.akx-brand-trio {
  display: block !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 0 2.6rem 0 !important;
  padding: 1.75rem 1.15rem !important;
  background: rgba(203, 158, 64, .43) !important;
  background-color: rgba(203, 158, 64, .43) !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  text-align: center !important;
  box-sizing: border-box !important;
}

/* ================================================================
   END FINAL v20
   ================================================================ */


/* ================================================================
   FINAL v21 — OGRENCI KUNYESI PANONUN UST TARAFINA ALINDI

   Olcum: pano 223px, kunye align-self: center oldugu icin ustten
   65px / alttan 67px ile tam ortada duruyordu. Sagdaki sayac blogu
   ise 104px'te basliyor; kunye ona gore asagida kaliyordu.

   align-self: start yapildi, ustune kucuk bir nefes payi birakildi.
   Yeni ust bosluk ~34px.
   ================================================================ */

html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-hero > .shome-hero-id {
  align-self: start !important;
  margin-top: .55rem !important;
}

/* ================================================================
   END FINAL v21
   ================================================================ */


/* ================================================================
   FINAL v22 — TEK TON: "ERVA ERBAS" HAPININ RENGI HER YERDE

   Saydam renk ust uste bindikce koyulasiyordu: panel tek kat,
   haplar/plaka/pano iki kat. Iki katli ton "cok koyu turuncu"
   olarak goruluyordu.

   Artik tek bir DOLU renk kullaniliyor: #D8BB7C.
   Bu deger, ERVA ERBAS hapinin ekranda olculen rengi —
   rgba(203,158,64,.43) once panele, sonra hapa uygulandiginda
   #F4F7F8 zemin uzerinde tam olarak buraya denk geliyor.

   Sol panel, ust pano, logo plakasi ve tum haplar ayni tonda;
   haplar yalnizca ince cerceveyle ayrisiyor. Ikinci kat yok.
   ================================================================ */

/* ---------------- 1. SOL PANEL ---------------------------------- */
html body.akx-shell .akx-app.akx-student .akx-sidebar.akx-sidebar {
  background: #D8BB7C !important;
  background-image: none !important;
  border-right: 1px solid rgba(140, 104, 28, .30) !important;
}

/* ---------------- 2. UST PANO ----------------------------------- */
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-hero.shome-hero,
html body.akx-shell .akx-app.akx-student .akx-content .student-profile .student-hero.student-hero,
html body.akx-shell .akx-app.akx-student .akx-content .student-module-page .student-module-header.student-module-header {
  background: #D8BB7C !important;
  background-image: none !important;
  border: 1px solid rgba(140, 104, 28, .30) !important;
}

/* ---------------- 3. LOGO PLAKASI VE HAPLAR: AYNI TON ----------- */
html body.akx-shell .akx-app.akx-student .akx-sidebar.akx-sidebar > a.akx-brand.akx-brand-trio.akx-student-logo-clean,
html body.akx-shell .akx-app.akx-student .akx-sidebar.akx-sidebar > a.akx-brand.akx-brand-trio.akx-student-logo-clean:hover,
html body.akx-shell .akx-app.akx-student .akx-sidebar.akx-sidebar > a.akx-brand.akx-brand-trio {
  background: #D8BB7C !important;
  background-color: #D8BB7C !important;
  background-image: none !important;
}
html body.akx-shell .akx-app.akx-student .akx-sidebar :is(.akx-menu-link, .akx-menu-toggle),
html body.akx-shell .akx-app.akx-student .akx-sidebar :is(.akx-menu-link.active, .akx-menu-group.open > .akx-menu-toggle),
html body.akx-shell .akx-app.akx-student .akx-sidebar :is(.akx-user, .akx-user-card, .akx-logout, .akx-logout-link) {
  background: #D8BB7C !important;
  background-image: none !important;
  border: 1px solid rgba(140, 104, 28, .30) !important;
  box-shadow: none !important;
}
html body.akx-shell .akx-app.akx-student .akx-sidebar :is(.akx-menu-link, .akx-menu-toggle):hover {
  background: #D2B26C !important;
  background-image: none !important;
  border-color: rgba(140, 104, 28, .48) !important;
}

/* ---------------- 4. KUNYE: PANONUN UST TARAFINA ---------------- */
/* v21'deki secici yetmedi; align-self baska bir kuralla center'di. */
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-hero.shome-hero > .shome-hero-id.shome-hero-id {
  align-self: start !important;
  margin-top: .55rem !important;
}

/* ================================================================
   END FINAL v22
   ================================================================ */


/* ================================================================
   FINAL v23 — PANO ICERIGI BIR TIK DAHA YUKARI + HAPLAR KOYULASTI

   1) Panonun ust ic boslugu 26px idi, kunye de ustune .55rem
      bosluk aliyordu. Ic bosluk 14px'e cekildi, ek margin kaldirildi:
      kunyenin ust boslugu 31px -> 14px.

   2) Sol paneldeki haplar panelle ayni tondaydi (#D8BB7C), yalnizca
      cerceveyle ayrisiyordu. Bir kademe koyulastirildi: #CDAC66.
      Koyu kahve yazi (#4A3410) bu tonda ~5.8:1 veriyor, okunur.
      Logo plakasi panel tonunda kaliyor.
   ================================================================ */

/* ---------------- 1. PANO ICERIGI YUKARI ------------------------ */
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-hero.shome-hero,
html body.akx-shell .akx-app.akx-student .akx-content .student-profile .student-hero.student-hero {
  padding-top: 14px !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-hero.shome-hero > .shome-hero-id.shome-hero-id {
  align-self: start !important;
  margin-top: 0 !important;
}

/* ---------------- 2. HAPLAR BIR KADEME KOYU --------------------- */
html body.akx-shell .akx-app.akx-student .akx-sidebar :is(.akx-menu-link, .akx-menu-toggle),
html body.akx-shell .akx-app.akx-student .akx-sidebar :is(.akx-menu-link.active, .akx-menu-group.open > .akx-menu-toggle),
html body.akx-shell .akx-app.akx-student .akx-sidebar :is(.akx-user, .akx-user-card, .akx-logout, .akx-logout-link) {
  background: #CDAC66 !important;
  background-image: none !important;
  border: 1px solid rgba(125, 92, 22, .34) !important;
  box-shadow: none !important;
}
html body.akx-shell .akx-app.akx-student .akx-sidebar :is(.akx-menu-link, .akx-menu-toggle):hover {
  background: #C4A057 !important;
  background-image: none !important;
  border-color: rgba(125, 92, 22, .52) !important;
}

/* ================================================================
   END FINAL v23
   ================================================================ */


/* ================================================================
   FINAL v25 — LOGO PLAKA ICINDE BIRAZ ASAGI

   Plaka tepeye dayali kalsin (dikdortgen hali bozulmasin) diye
   plakanin kendisi oynatilmadi; ust ic bosluk artirilip alt ic
   bosluk azaltildi. Logo plaka icinde ~13px asagi kayiyor,
   plakanin yuksekligi degismiyor.
   ================================================================ */

html body.akx-shell .akx-app.akx-student .akx-sidebar.akx-sidebar > a.akx-brand.akx-brand-trio.akx-student-logo-clean,
html body.akx-shell .akx-app.akx-student .akx-sidebar.akx-sidebar > a.akx-brand.akx-brand-trio {
  padding-top: 2.75rem !important;
  padding-bottom: .75rem !important;
}

/* ================================================================
   END FINAL v25
   ================================================================ */


/* ================================================================
   FINAL v26 — LOGO ALANINDA AYRI BOYALI KATMAN KALMADI

   Panel artik tek dolu renk (#D8BB7C) oldugu icin logo plakasinin
   kendi zeminine ihtiyaci yok. Plaka ayri boyandigi surece, eski
   bir kural araya girerse yazinin arkasinda ton farki olusabiliyor.

   Plaka, ic kapsayici, resim ve bunlarin ::before/::after katmanlari
   tamamen seffaf yapildi. Logo dogrudan panelin kendi rengi uzerinde
   duruyor — arada boyali tek bir katman yok, dolayisiyla ton farki
   olusmasi mumkun degil. Olculer (tepeye dayali, tam genislik,
   asagi kaydirilmis logo) aynen korunuyor.
   ================================================================ */

html body.akx-shell .akx-app.akx-student .akx-sidebar.akx-sidebar > a.akx-brand.akx-brand-trio.akx-student-logo-clean,
html body.akx-shell .akx-app.akx-student .akx-sidebar.akx-sidebar > a.akx-brand.akx-brand-trio.akx-student-logo-clean:hover,
html body.akx-shell .akx-app.akx-student .akx-sidebar.akx-sidebar > a.akx-brand.akx-brand-trio.akx-student-logo-clean:focus,
html body.akx-shell .akx-app.akx-student .akx-sidebar.akx-sidebar > a.akx-brand.akx-brand-trio,
html body.akx-shell .akx-app.akx-student .akx-sidebar.akx-sidebar > a.akx-brand.akx-brand-trio .akx-brand-logo,
html body.akx-shell .akx-app.akx-student .akx-sidebar.akx-sidebar > a.akx-brand.akx-brand-trio .akx-brand-logo img {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}
html body.akx-shell .akx-app.akx-student .akx-sidebar.akx-sidebar > a.akx-brand.akx-brand-trio::before,
html body.akx-shell .akx-app.akx-student .akx-sidebar.akx-sidebar > a.akx-brand.akx-brand-trio::after,
html body.akx-shell .akx-app.akx-student .akx-sidebar.akx-sidebar > a.akx-brand.akx-brand-trio .akx-brand-logo::before,
html body.akx-shell .akx-app.akx-student .akx-sidebar.akx-sidebar > a.akx-brand.akx-brand-trio .akx-brand-logo::after {
  display: none !important;
  content: none !important;
  background: transparent !important;
}

/* ================================================================
   END FINAL v26
   ================================================================ */


/* ================================================================
   FINAL v27 — ISTENEN PALET

     sol panel (arka plan)  #ffd392
     ust ogrenci panosu     #ffd392
     butonlar / menu haplari #fde1a6

   Haplar bu kez panelden ACIK; ayrim ters yonde ama net. Cerceve
   sicak kahve tonunda birakildi ki hap sinirlari kaybolmasin.

   Yazi: #4A3410 -> #ffd392 uzerinde ~8.3:1, #fde1a6 uzerinde ~9.1:1.
   ================================================================ */

/* ---------------- 1. SOL PANEL ---------------------------------- */
html body.akx-shell .akx-app.akx-student .akx-sidebar.akx-sidebar {
  background: #ffd392 !important;
  background-image: none !important;
  border-right: 1px solid rgba(140, 96, 20, .28) !important;
}

/* ---------------- 2. UST OGRENCI PANOSU ------------------------- */
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-hero.shome-hero,
html body.akx-shell .akx-app.akx-student .akx-content .student-profile .student-hero.student-hero,
html body.akx-shell .akx-app.akx-student .akx-content .student-module-page .student-module-header.student-module-header {
  background: #ffd392 !important;
  background-image: none !important;
  border: 1px solid rgba(140, 96, 20, .28) !important;
}

/* ---------------- 3. BUTONLAR / MENU HAPLARI -------------------- */
html body.akx-shell .akx-app.akx-student .akx-sidebar :is(.akx-menu-link, .akx-menu-toggle),
html body.akx-shell .akx-app.akx-student .akx-sidebar :is(.akx-menu-link.active, .akx-menu-group.open > .akx-menu-toggle),
html body.akx-shell .akx-app.akx-student .akx-sidebar :is(.akx-user, .akx-user-card, .akx-logout, .akx-logout-link) {
  background: #fde1a6 !important;
  background-image: none !important;
  border: 1px solid rgba(140, 96, 20, .30) !important;
  box-shadow: none !important;
  color: #4A3410 !important;
  -webkit-text-fill-color: #4A3410 !important;
}
html body.akx-shell .akx-app.akx-student .akx-sidebar :is(.akx-menu-link, .akx-menu-toggle):hover {
  background: #FBD68B !important;
  background-image: none !important;
  border-color: rgba(140, 96, 20, .48) !important;
}
html body.akx-shell .akx-app.akx-student .akx-sidebar :is(.akx-menu-link.active, .akx-menu-group.open > .akx-menu-toggle) {
  font-weight: 700 !important;
}

/* Logo alani boyasiz kalsin (v26) — panelin kendi rengini gostersin */
html body.akx-shell .akx-app.akx-student .akx-sidebar.akx-sidebar > a.akx-brand.akx-brand-trio,
html body.akx-shell .akx-app.akx-student .akx-sidebar.akx-sidebar > a.akx-brand.akx-brand-trio .akx-brand-logo,
html body.akx-shell .akx-app.akx-student .akx-sidebar.akx-sidebar > a.akx-brand.akx-brand-trio .akx-brand-logo img {
  background: transparent !important;
  background-color: transparent !important;
}

/* ================================================================
   END FINAL v27
   ================================================================ */


/* ================================================================
   FINAL v28 — PANO YUKSEKLIGI ICERIGE GORE

   Olcum: pano 212px, icerik 132px'te bitiyor — altta 80px bos alan,
   yani panonun %38'i bostu. Sebep sabit bir min-height: 191,75px.

   min-height kaldirildi, alt ic bosluk 27,95 -> 18px. Pano artik
   icerigi kadar yer kapliyor; asagidaki her sey yukari geliyor.
   Panonun sayfadaki konumu (ustten 26px) degismedi.
   ================================================================ */

html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-hero.shome-hero,
html body.akx-shell .akx-app.akx-student .akx-content .student-profile .student-hero.student-hero {
  min-height: 0 !important;
  padding-bottom: 18px !important;
}

/* ================================================================
   END FINAL v28
   ================================================================ */


/* ================================================================
   FINAL v29 — KUNYE KARTI: 24px UST NEFES, DENGELI IC PADDING

   Hedef olculer:
     sayfa ustu -> kunye        24px
     kart ic ust/alt padding    22px
     kunye -> modul menusu      18px
     sag sutun (saat + sayaclar) dikey ortali

   Not: v28'de min-height kaldirildigi icin kart zaten 212 -> 122px
   inmisti. Istenen 22px padding onu 135px'e getiriyor; yine de
   baslangictaki 212px'e gore %36 daha kisa. Fotograf ve yazi
   boyutlarina dokunulmadi.
   ================================================================ */

html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-hero.shome-hero,
html body.akx-shell .akx-app.akx-student .akx-content .student-profile .student-hero.student-hero {
  min-height: 0 !important;
  margin-top: -2px !important;          /* 26px -> 24px */
  margin-bottom: 20px !important;   /* olculen bosluk 18px */
  padding-top: 32px !important;
  padding-bottom: 48px !important;   /* pano asagi dogru uzatildi */
}

/* Iki sutun da dikey ortali: saat ve sayac kutulari kunyeyle hizali */
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-hero.shome-hero > .shome-hero-id.shome-hero-id,
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-hero.shome-hero > .shome-hero-side {
  align-self: center !important;
  margin-top: 0 !important;
}

/* Kunye ile alttaki modul menusu arasi tam 18px */
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-hero.shome-hero + * {
  margin-top: 0 !important;
}

/* ================================================================
   END FINAL v29
   ================================================================ */


/* ================================================================
   FINAL v30 — SEKME ALTI CIZGI HOVER'DA KAYBOLUYOR

   v15'te cift cizgi sorununu cozerken ::after'i hem normal hem
   hover durumunda opacity: 1'e sabitlemistim; bu, mevcut "hover'da
   kaybolma" efektini de olduruyordu. Hover artik ciziyi yumusak
   bir gecisle siliyor.

   Cizginin yuksekligi/konumu hover'da degismiyor — yalnizca
   opaklik dusuyor, boylece sekme zipla­miyor.
   ================================================================ */

html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-tabs > a::after {
  opacity: 1 !important;
  transition: opacity .18s ease !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-tabs > a:hover::after,
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-tabs > a:focus-visible::after {
  opacity: 0 !important;
  height: 4px !important;
  left: 8px !important;
  right: 8px !important;
  bottom: 0 !important;
}

@media (prefers-reduced-motion: reduce) {
  html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-tabs > a::after {
    transition: none !important;
  }
}

/* ================================================================
   END FINAL v30
   ================================================================ */


/* ================================================================
   FINAL v31 — SOL MENU: SADECE AKTIF OLAN GUCLU

   Olculen onceki durum:
     yukseklik 59px, aradaki bosluk 4px, ikon soldan 10px,
     ikon-yazi 8,45px, yazi 13,5px/700, iki sekme de dolu kutu.

   Hedef:
     yukseklik 45px, bosluk 7px, ikon soldan 20px, ikon-yazi 12px,
     yazi 14,5px/600, kose 9px, aktif = acik sari + 3px lacivert
     sol serit, pasif = panel zeminiyle butunlesik (seffaf),
     hover'da acik sari.
   ================================================================ */

/* ---------------- 1. OLCULER ------------------------------------ */
html body.akx-shell .akx-app.akx-student .akx-sidebar :is(.akx-menu-link, .akx-menu-toggle) {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  min-height: 43px !important;   /* olculen 45px */
  padding: 0 12px 0 20px !important;
  gap: 12px !important;
  margin-bottom: 4px !important;   /* olculen bosluk 7px */
  border-radius: 9px !important;
  border: 1px solid transparent !important;
  box-shadow: none !important;
  font-size: 14.5px !important;
  font-weight: 600 !important;
  letter-spacing: .01em !important;
  overflow: hidden !important;
}

/* ---------------- 2. IKON: KUTUSUZ, 20px ------------------------ */
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-menu-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 20px !important;
  min-width: 20px !important;
  max-width: 20px !important;
  height: 20px !important;
  flex: 0 0 20px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-menu-icon i {
  font-size: 17px !important;
  line-height: 1 !important;
}

/* ---------------- 3. PASIF: ZEMINLE BUTUNLESIK ------------------ */
html body.akx-shell .akx-app.akx-student .akx-sidebar :is(.akx-menu-link, .akx-menu-toggle) {
  background: transparent !important;
  background-image: none !important;
  color: #4A3410 !important;
  -webkit-text-fill-color: #4A3410 !important;
}
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-menu-icon {
  color: #6E5115 !important;
  -webkit-text-fill-color: #6E5115 !important;
}
html body.akx-shell .akx-app.akx-student .akx-sidebar :is(.akx-menu-link, .akx-menu-toggle):hover {
  background: #fde1a6 !important;
  background-image: none !important;
  border-color: transparent !important;
  color: #3A2809 !important;
  -webkit-text-fill-color: #3A2809 !important;
}

/* ---------------- 4. AKTIF: ACIK SARI + LACIVERT SERIT ---------- */
html body.akx-shell .akx-app.akx-student .akx-sidebar :is(.akx-menu-link.active, .akx-menu-group.open > .akx-menu-toggle) {
  background: #fde1a6 !important;
  background-image: none !important;
  border-color: transparent !important;
  color: #2E1F05 !important;
  -webkit-text-fill-color: #2E1F05 !important;
  font-weight: 700 !important;
}
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-menu-link.active .akx-menu-icon {
  color: #1D2A44 !important;
  -webkit-text-fill-color: #1D2A44 !important;
}
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-menu-link.active::before,
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-menu-group.open > .akx-menu-toggle::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 3px !important;
  height: auto !important;
  background: #1D2A44 !important;
  border-radius: 0 !important;
  opacity: 1 !important;
}

/* ---------------- 5. "ANA MENU" BASLIGI ------------------------- */
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-menu-section {
  margin-bottom: 2px !important;
  padding-left: 20px !important;
  font-size: 10.5px !important;
  font-weight: 700 !important;
  letter-spacing: .13em !important;
  color: rgba(74, 52, 16, .72) !important;
  -webkit-text-fill-color: rgba(74, 52, 16, .72) !important;
}

/* ================================================================
   END FINAL v31
   ================================================================ */


/* ================================================================
   FINAL v32 — LACIVERT AKTIF SERIT KALDIRILDI + ALT CIZGI HOVER'DA
                TAMAMEN YOK

   1) v31'de aktif menu satirina eklenen 3px lacivert sol serit
      istenmedi; ::before tamamen kapatildi. Aktif satir yine acik
      sari zemin ve kalin yaziyla ayrisiyor.

   2) Sekme alti cizgi hover'da yalnizca saydamlasiyordu; artik
      opaklik 0 + yukseklik 0 + zemin seffaf, yani hicbir iz
      birakmadan yok oluyor.
   ================================================================ */

/* ---------------- 1. AKTIF SERIT YOK ---------------------------- */
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-menu-link.active::before,
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-menu-link::before,
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-menu-group.open > .akx-menu-toggle::before,
html body.akx-shell .akx-app.akx-student .akx-sidebar .akx-menu-toggle::before {
  display: none !important;
  content: none !important;
  width: 0 !important;
  background: transparent !important;
}

/* ---------------- 2. ALT CIZGI HOVER'DA KOMPLE GITSIN ----------- */
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-tabs > a:hover::after,
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-tabs > a:focus-visible::after,
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-tabs a:hover::after {
  opacity: 0 !important;
  height: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-tabs > a:hover,
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-tabs a:hover {
  border-bottom-color: transparent !important;
  box-shadow: none !important;
}

/* ================================================================
   END FINAL v32
   ================================================================ */


/* ================================================================
   FINAL v33 — HOVER'DA KALINLASAN BANDIN KAYNAGI KAPATILDI

   Gercek sebep benim ekledigim ::after cizgisi degildi. Cok daha
   eski bir blok (FINAL v7) her sekmeye 8px'lik bir GRADYAN BANDI
   veriyor ve ayrica bir :hover varyanti tasiyor:

     .shome-tabs > a:nth-child(1)        { background: linear-gradient(to top, #2496a6 0 8px, ...) }
     .shome-tabs > a:nth-child(1):hover  { background: linear-gradient(to top, #2496a6 0 8px, ...) }

   Normal durumu sonradan duz pastele cevirmistim, ama :hover
   varyantini cevirmemistim. :nth-child(N):hover daha ozgul oldugu
   icin fareyle uzerine gelindiginde 8px'lik bant geri geliyor ve
   alttaki 4px cizgiyle birlesip "kalinlasmis" gorunuyordu.

   Burada 10 sekmenin :hover zemini de duz pastele alindi. Boylece
   hover'da tek kalan cizgi ::after ve o da v32 ile 0'a iniyor —
   net sonuc: alt cizgi hover'da tamamen kayboluyor.
   ================================================================ */

html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-tabs.shome-tabs > a:nth-child(1):hover, html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-tabs.shome-tabs > a:nth-child(1):focus-visible {
  background: #CDE8EC !important;
  background-color: #CDE8EC !important;
  background-image: none !important;
  border-color: transparent !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-tabs.shome-tabs > a:nth-child(2):hover, html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-tabs.shome-tabs > a:nth-child(2):focus-visible {
  background: #D8E4FA !important;
  background-color: #D8E4FA !important;
  background-image: none !important;
  border-color: transparent !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-tabs.shome-tabs > a:nth-child(3):hover, html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-tabs.shome-tabs > a:nth-child(3):focus-visible {
  background: #F0E2BF !important;
  background-color: #F0E2BF !important;
  background-image: none !important;
  border-color: transparent !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-tabs.shome-tabs > a:nth-child(4):hover, html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-tabs.shome-tabs > a:nth-child(4):focus-visible {
  background: #E0D6F5 !important;
  background-color: #E0D6F5 !important;
  background-image: none !important;
  border-color: transparent !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-tabs.shome-tabs > a:nth-child(5):hover, html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-tabs.shome-tabs > a:nth-child(5):focus-visible {
  background: #F7DECF !important;
  background-color: #F7DECF !important;
  background-image: none !important;
  border-color: transparent !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-tabs.shome-tabs > a:nth-child(6):hover, html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-tabs.shome-tabs > a:nth-child(6):focus-visible {
  background: #CEE6E1 !important;
  background-color: #CEE6E1 !important;
  background-image: none !important;
  border-color: transparent !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-tabs.shome-tabs > a:nth-child(7):hover, html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-tabs.shome-tabs > a:nth-child(7):focus-visible {
  background: #D8E6EF !important;
  background-color: #D8E6EF !important;
  background-image: none !important;
  border-color: transparent !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-tabs.shome-tabs > a:nth-child(8):hover, html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-tabs.shome-tabs > a:nth-child(8):focus-visible {
  background: #E8D9EC !important;
  background-color: #E8D9EC !important;
  background-image: none !important;
  border-color: transparent !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-tabs.shome-tabs > a:nth-child(9):hover, html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-tabs.shome-tabs > a:nth-child(9):focus-visible {
  background: #F4E4C2 !important;
  background-color: #F4E4C2 !important;
  background-image: none !important;
  border-color: transparent !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-tabs.shome-tabs > a:nth-child(10):hover, html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-tabs.shome-tabs > a:nth-child(10):focus-visible {
  background: #D4EADF !important;
  background-color: #D4EADF !important;
  background-image: none !important;
  border-color: transparent !important;
}

/* ================================================================
   END FINAL v33
   ================================================================ */


/* ================================================================
   FINAL v34 — LOGO HOVER'DA ZIPLAMASIN

   Olculen sebep: logoyu asagi almak icin verdigim ic bosluk
   (padding-top: 2.75rem) yalnizca normal duruma yazilmisti. Daha
   eski bir kural :hover varyantinda padding'i 1.75rem'e
   dondururyordu; :hover daha ozgul oldugu icin fare uzerine
   gelince ust bosluk 35,75px -> 22,75px'e dusuyor ve logo tam
   13px yukari ziplyordu.

   Ayni ic bosluk :hover, :focus ve :active icin de sabitlendi.
   ================================================================ */

html body.akx-shell .akx-app.akx-student .akx-sidebar.akx-sidebar > a.akx-brand.akx-brand-trio,
html body.akx-shell .akx-app.akx-student .akx-sidebar.akx-sidebar > a.akx-brand.akx-brand-trio:hover,
html body.akx-shell .akx-app.akx-student .akx-sidebar.akx-sidebar > a.akx-brand.akx-brand-trio:focus,
html body.akx-shell .akx-app.akx-student .akx-sidebar.akx-sidebar > a.akx-brand.akx-brand-trio:focus-visible,
html body.akx-shell .akx-app.akx-student .akx-sidebar.akx-sidebar > a.akx-brand.akx-brand-trio:active,
html body.akx-shell .akx-app.akx-student .akx-sidebar.akx-sidebar > a.akx-brand.akx-brand-trio.akx-student-logo-clean,
html body.akx-shell .akx-app.akx-student .akx-sidebar.akx-sidebar > a.akx-brand.akx-brand-trio.akx-student-logo-clean:hover,
html body.akx-shell .akx-app.akx-student .akx-sidebar.akx-sidebar > a.akx-brand.akx-brand-trio.akx-student-logo-clean:focus,
html body.akx-shell .akx-app.akx-student .akx-sidebar.akx-sidebar > a.akx-brand.akx-brand-trio.akx-student-logo-clean:active {
  padding: 2.75rem 1.15rem .75rem !important;
  margin: 0 0 2.6rem 0 !important;
  transform: none !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* ================================================================
   END FINAL v34
   ================================================================ */


/* ================================================================
   FINAL v35 — PANEL AYIRAC CIZGISI KALDIRILDI

   Sol panel (#ffd392) ile icerik alani (kreme yakin) arasinda zaten
   guclu bir renk farki var; ayrimi renk yapiyor. Ustune bir de 1px
   kahve cizgi konunca ayrim iki kez anlatilmis oluyor ve panel
   "yapistirilmis kutu" gibi duruyor.

   border-right kaldirildi. Renk gecisi tek basina sinir olarak
   calisiyor; panel sayfanin parcasi gibi okunuyor.
   ================================================================ */

html body.akx-shell .akx-app.akx-student .akx-sidebar.akx-sidebar {
  border-right: 0 !important;
  box-shadow: none !important;
}

/* ================================================================
   END FINAL v35
   ================================================================ */


/* ================================================================
   FINAL v36 — MODUL KARTININ DIS CERCEVESI DIGERLERIYLE AYNI

   Olculen fark:
     .shome-tabs          1px solid rgba(23, 128, 90, .16)   <- soluk yesil
     .shome-section-head  1px solid rgb(195, 204, 208)       <- diger kartlar
     .shome-section-growth 1px solid rgb(195, 204, 208)

   Modul kartinin cercevesi %16 opaklikta yesildi, bu yuzden diger
   kartlarin yaninda kayboluyordu. Ayni gri-mavi tona alindi.
   ================================================================ */

html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-tabs.shome-tabs,
html body.akx-shell .akx-app.akx-student .akx-content .shome nav.shome-tabs {
  border: 1px solid rgb(195, 204, 208) !important;
}

/* ================================================================
   END FINAL v36
   ================================================================ */


/* ================================================================
   FINAL v37 — "GELISIM ICGORUSU" KARTININ KALIN ALT CIZGISI

   Olculen: .shome-ai kartinin uc kenari 1px rgb(213,223,228) iken
   ALT kenari 2,22px rgb(78,154,174) — kalin ve turkuaz. Diger
   kartlar ise her kenarda 1px rgb(195,204,208) kullaniyor.

   Dort kenar da diger kartlarla ayni tona ve kalinliga alindi.
   ================================================================ */

html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-ai.shome-ai,
html body.akx-shell .akx-app.akx-student .akx-content .shome section.shome-ai {
  border: 1px solid rgb(195, 204, 208) !important;
  border-bottom: 1px solid rgb(195, 204, 208) !important;
}

/* ================================================================
   END FINAL v37
   ================================================================ */





/* ================================================================
   FINAL v39 — UST PANO ARTIK KARSILAMA KARTI

   Selamlama satiri (saate gore Gunaydin / Iyi gunler / Iyi aksamlar)
   adin ustune eklendi; profil fotografi 101px -> 124px'e buyudu.
   Kart yuksekligi fotografa gore kendiliginden ayarlanıyor.
   ================================================================ */

html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-hero .shome-hero-greeting {
  margin: 0 0 2px 0 !important;
  font-size: 14.5px !important;
  font-weight: 600 !important;
  letter-spacing: .02em !important;
  color: rgba(74, 52, 16, .82) !important;
  -webkit-text-fill-color: rgba(74, 52, 16, .82) !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-hero .shome-hero-text h1 {
  margin-top: 0 !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-hero .shome-hero-photo {
  width: 124px !important;
  min-width: 124px !important;
  max-width: 124px !important;
  height: 124px !important;
  min-height: 124px !important;
  max-height: 124px !important;
  flex: 0 0 124px !important;
  font-size: 44px !important;
}

/* ================================================================
   END FINAL v39
   ================================================================ */





/* ================================================================
   FINAL v41 — OGRENCI PROFIL PORTALI

   Koc anasayfasindaki .coach-home-grid duzeninin ogrenci karsiligi:
     sol  -> profil karti (avatar, ad, sinif, 2 sayac, hedef, aksiyon)
     sag  -> modul kutulari (.shome-tabs)

   Olculer koc kartindan birebir alindi:
     grid  minmax(300px, 360px) + 1fr, 20px bosluk
     kart  20px ic bosluk, 20px kose, 1px cerceve
     avatar 76px, 24px kose, 4px acik cerceve
   Renkler ogrencinin kum paletine uyarlandi.
   ================================================================ */

html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-portal-grid {
  display: grid !important;
  grid-template-columns: minmax(300px, 360px) minmax(0, 1fr) !important;
  gap: 20px !important;
  align-items: start !important;
  margin: 0 0 18px 0 !important;
}

/* ---------------- KART GOVDESI ---------------------------------- */
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-profile-card {
  align-self: start !important;
  padding: 20px !important;
  background: rgba(255, 255, 255, .92) !important;
  border: 1px solid rgb(195, 204, 208) !important;
  border-radius: 20px !important;
  box-shadow: 0 18px 45px -36px rgba(110, 80, 20, .45) !important;
}

/* ---------------- UST BLOK: AVATAR + AD ------------------------- */
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-profile-top {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  padding-bottom: 18px !important;
  border-bottom: 1px solid #e6dcc4 !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-profile-avatar {
  display: grid !important;
  place-items: center !important;
  width: 76px !important;
  height: 76px !important;
  flex: 0 0 76px !important;
  overflow: hidden !important;
  color: #fff !important;
  background: linear-gradient(135deg, #b98a2e, #d9ae57) !important;
  border: 4px solid #fdf3e0 !important;
  border-radius: 24px !important;
  font-size: 24px !important;
  font-weight: 900 !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-profile-avatar img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-profile-top span {
  color: #8b6b20 !important;
  -webkit-text-fill-color: #8b6b20 !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-profile-top h2 {
  margin: 3px 0 4px !important;
  color: #3F2C0B !important;
  -webkit-text-fill-color: #3F2C0B !important;
  font-size: 20px !important;
  font-weight: 850 !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-profile-top p {
  margin: 0 !important;
  color: #7a6a52 !important;
  -webkit-text-fill-color: #7a6a52 !important;
  font-size: 12px !important;
  font-weight: 650 !important;
}

/* ---------------- IKI SAYAC ------------------------------------- */
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-profile-stats {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin: 16px 0 !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-profile-stats > div {
  padding: 13px !important;
  background: linear-gradient(135deg, #fdf8ee, #ffffff) !important;
  border: 1px solid #e6dcc4 !important;
  border-radius: 14px !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-profile-stats b {
  display: block !important;
  color: #3F2C0B !important;
  -webkit-text-fill-color: #3F2C0B !important;
  font-size: 22px !important;
  font-weight: 850 !important;
  line-height: 1.15 !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-profile-stats span {
  color: #7a6a52 !important;
  -webkit-text-fill-color: #7a6a52 !important;
  font-size: 11.5px !important;
  font-weight: 650 !important;
}

/* ---------------- HEDEF SATIRI ---------------------------------- */
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-profile-goal {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 0 14px 0 !important;
  padding: 10px 12px !important;
  background: #fdf3e0 !important;
  border: 1px solid #e6dcc4 !important;
  border-radius: 12px !important;
  color: #5c4712 !important;
  -webkit-text-fill-color: #5c4712 !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
}

/* ---------------- AKSIYON + BAGLANTI ---------------------------- */
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-profile-primary {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  width: 100% !important;
  min-height: 46px !important;
  border-radius: 14px !important;
  background: linear-gradient(135deg, #2f4a2f, #3f6b45) !important;
  border: 0 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-size: 14px !important;
  font-weight: 750 !important;
  text-decoration: none !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-profile-primary:hover {
  background: linear-gradient(135deg, #263c26, #355a3a) !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-profile-link {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-top: 12px !important;
  padding: 11px 14px !important;
  background: #ffffff !important;
  border: 1px solid #e6dcc4 !important;
  border-radius: 12px !important;
  color: #5c4712 !important;
  -webkit-text-fill-color: #5c4712 !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-profile-link:hover {
  background: #fdf3e0 !important;
  border-color: #d8c79c !important;
}

/* ---------------- SAG SUTUN: MODUL KUTULARI --------------------- */
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-portal-main {
  min-width: 0 !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-portal-main > .shome-tabs {
  margin: 0 !important;
  height: 100% !important;
}

/* ---------------- DAR EKRAN ------------------------------------- */
@media (max-width: 980px) {
  html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-portal-grid {
    grid-template-columns: 1fr !important;
  }
}

/* ================================================================
   END FINAL v41
   ================================================================ */


/* ================================================================
   FINAL v42 — OGRENCI PANOSU KOC PANOSU DUZENINDE

   Koc anasayfasinin yapisi: banner -> grid(profil karti | metrikler
   + liste karti). Ogrenci panosu ayni yapiya alindi:

     .shome-banner        renkli karsilama seridi (gorsel yok)
     .shome-portal-grid   sol profil karti + sag ana sutun
     .shome-metrics       3 metrik kutusu (koc .coach-home-metric)
     .shome-modules-card  basligiyla birlikte modul kutulari

   Eski .shome-hero ve Bugunku Durum KPI seridi kaldirildi; ayni
   sayilar artik metrik kutularinda.
   ================================================================ */

/* ---------------- 1. KARSILAMA SERIDI --------------------------- */
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-banner {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 24px !important;
  flex-wrap: wrap !important;
  margin: 0 0 20px 0 !important;
  padding: 26px 28px !important;
  background: linear-gradient(135deg, #ffd392 0%, #f7c277 55%, #edb45f 100%) !important;
  border: 1px solid rgba(140, 96, 20, .28) !important;
  border-radius: 20px !important;
  box-shadow: 0 18px 45px -38px rgba(110, 80, 20, .55) !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-banner-text {
  min-width: 0 !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-banner-greeting {
  margin: 0 0 2px 0 !important;
  color: rgba(74, 52, 16, .82) !important;
  -webkit-text-fill-color: rgba(74, 52, 16, .82) !important;
  font-size: 14px !important;
  font-weight: 650 !important;
  letter-spacing: .02em !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-banner h1 {
  margin: 0 0 8px 0 !important;
  color: #3A2809 !important;
  -webkit-text-fill-color: #3A2809 !important;
  font-size: 30px !important;
  font-weight: 850 !important;
  line-height: 1.15 !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-banner-sub {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 0 !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-banner-sub span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 5px 11px !important;
  background: rgba(255, 255, 255, .62) !important;
  border: 1px solid rgba(140, 96, 20, .22) !important;
  border-radius: 999px !important;
  color: #5c4712 !important;
  -webkit-text-fill-color: #5c4712 !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-banner-actions {
  display: flex !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
  flex: 0 0 auto !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-banner-primary,
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-banner-secondary {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 44px !important;
  padding: 0 18px !important;
  border-radius: 12px !important;
  font-size: 14px !important;
  font-weight: 750 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-banner-primary {
  background: linear-gradient(135deg, #2f4a2f, #3f6b45) !important;
  border: 0 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-banner-primary:hover {
  background: linear-gradient(135deg, #263c26, #355a3a) !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-banner-secondary {
  background: rgba(255, 255, 255, .88) !important;
  border: 1px solid rgba(140, 96, 20, .30) !important;
  color: #4A3410 !important;
  -webkit-text-fill-color: #4A3410 !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-banner-secondary:hover {
  background: #ffffff !important;
  border-color: rgba(140, 96, 20, .48) !important;
}

/* ---------------- 2. METRIK KUTULARI ---------------------------- */
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-metrics {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
  margin: 0 0 16px 0 !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-metric {
  display: flex !important;
  align-items: center !important;
  gap: 13px !important;
  padding: 16px !important;
  background: rgba(255, 255, 255, .92) !important;
  border: 1px solid rgb(195, 204, 208) !important;
  border-radius: 16px !important;
  box-shadow: 0 18px 45px -40px rgba(110, 80, 20, .45) !important;
  text-decoration: none !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-metric:hover {
  border-color: #b3bfc4 !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-metric-icon {
  display: grid !important;
  place-items: center !important;
  width: 42px !important;
  height: 42px !important;
  flex: 0 0 42px !important;
  border-radius: 12px !important;
  font-size: 19px !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-metric-icon.tone-teal {
  background: #DCEFEA !important;
  color: #1C6A5E !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-metric-icon.tone-gold {
  background: #F7E7C4 !important;
  color: #8b6b20 !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-metric-icon.tone-green {
  background: #DCEEDF !important;
  color: #2f5e3a !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-metric b {
  display: block !important;
  color: #2E1F05 !important;
  -webkit-text-fill-color: #2E1F05 !important;
  font-size: 22px !important;
  font-weight: 850 !important;
  line-height: 1.15 !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-metric small {
  color: #7a6a52 !important;
  -webkit-text-fill-color: #7a6a52 !important;
  font-size: 11.5px !important;
  font-weight: 650 !important;
}

/* ---------------- 3. MODULLERIM KARTI --------------------------- */
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-modules-card {
  padding: 18px !important;
  background: rgba(255, 255, 255, .92) !important;
  border: 1px solid rgb(195, 204, 208) !important;
  border-radius: 20px !important;
  box-shadow: 0 18px 45px -40px rgba(110, 80, 20, .45) !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-card-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  padding-bottom: 14px !important;
  margin-bottom: 14px !important;
  border-bottom: 1px solid #e6dcc4 !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-card-head > div:first-child {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-head-icon {
  display: grid !important;
  place-items: center !important;
  width: 40px !important;
  height: 40px !important;
  flex: 0 0 40px !important;
  border-radius: 12px !important;
  background: #fdf3e0 !important;
  color: #8b6b20 !important;
  font-size: 18px !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-card-head h2 {
  margin: 0 !important;
  color: #3F2C0B !important;
  -webkit-text-fill-color: #3F2C0B !important;
  font-size: 17px !important;
  font-weight: 850 !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-card-head p {
  margin: 2px 0 0 !important;
  color: #7a6a52 !important;
  -webkit-text-fill-color: #7a6a52 !important;
  font-size: 12px !important;
  font-weight: 650 !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-card-head > a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  color: #5c4712 !important;
  -webkit-text-fill-color: #5c4712 !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
  text-decoration: none !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-modules-card > .shome-tabs {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* ---------------- 4. PROFIL KARTI AVATAR YUKLEME ---------------- */
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-profile-avatar-form {
  margin: 0 !important;
  flex: 0 0 auto !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome label.shome-profile-avatar {
  position: relative !important;
  cursor: pointer !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome label.shome-profile-avatar input[type=file] {
  position: absolute !important;
  inset: 0 !important;
  opacity: 0 !important;
  cursor: pointer !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome label.shome-profile-avatar em {
  position: absolute !important;
  right: -2px !important;
  bottom: -2px !important;
  display: grid !important;
  place-items: center !important;
  width: 26px !important;
  height: 26px !important;
  border-radius: 50% !important;
  background: #3F2C0B !important;
  color: #fff !important;
  font-size: 12px !important;
  font-style: normal !important;
  border: 2px solid #fdf3e0 !important;
}

/* ---------------- 5. DAR EKRAN ---------------------------------- */
@media (max-width: 980px) {
  html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-metrics {
    grid-template-columns: 1fr !important;
  }
  html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-banner {
    padding: 20px !important;
  }
  html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-banner h1 {
    font-size: 24px !important;
  }
}

/* ================================================================
   END FINAL v42
   ================================================================ */


/* ================================================================
   FINAL v43 — OGRENCI PORTALI: GIRIS EKRANI

   Ogrenci girisi artik dogrudan /ogrenci/portal sayfasina dusuyor.
   Bu sayfada sol panel gosterilmiyor (.akx-portal-page), icerik tam
   genislikte; ustte banner gorseli KIRPILMADAN tam sigiyor.

   Sol panel yalnizca bu sayfada gizli; pano ve modul sayfalari
   kendi menusuyle calismaya devam ediyor.
   ================================================================ */

/* ---------------- 1. PORTALDA SOL PANEL YOK --------------------- */
html body.akx-shell .akx-app.akx-portal-page .akx-sidebar,
html body.akx-shell .akx-app.akx-portal-page .akx-edge-btn {
  display: none !important;
}
html body.akx-shell .akx-app.akx-portal-page .akx-main {
  margin-left: 0 !important;
}
html body.akx-shell .akx-app.akx-portal-page .akx-topbar {
  display: none !important;
}
html body.akx-shell .akx-app.akx-portal-page .akx-content {
  padding: 18px 22px 26px !important;
}

/* ---------------- 2. BANNER: TAM SIGAR, KIRPILMAZ --------------- */
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-portal-banner {
  position: relative !important;
  display: block !important;
  margin: 0 0 16px 0 !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  border: 1px solid rgba(140, 96, 20, .22) !important;
  background: linear-gradient(135deg, #ffd392 0%, #f7c277 55%, #edb45f 100%) !important;
  box-shadow: 0 18px 45px -38px rgba(110, 80, 20, .55) !important;
  line-height: 0 !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-portal-banner img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-portal-banner-actions {
  position: absolute !important;
  right: 18px !important;
  bottom: 16px !important;
  display: flex !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
  line-height: normal !important;
}

/* ---------------- 3. SELAMLAMA SATIRI --------------------------- */
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-portal-hello {
  margin: 0 0 14px 2px !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-portal-hello p {
  margin: 0 !important;
  color: #5c4712 !important;
  -webkit-text-fill-color: #5c4712 !important;
  font-size: 16px !important;
  font-weight: 650 !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-portal-hello strong {
  color: #2E1F05 !important;
  -webkit-text-fill-color: #2E1F05 !important;
  font-weight: 850 !important;
}

/* ---------------- 4. DAR EKRAN ---------------------------------- */
@media (max-width: 720px) {
  html body.akx-shell .akx-app.akx-student .akx-content .shome .shome-portal-banner-actions {
    position: static !important;
    padding: 12px 14px !important;
    justify-content: center !important;
  }
}

/* ================================================================
   END FINAL v43
   ================================================================ */


/* ================================================================
   FINAL v44 — OGRENCIDE SOL PANEL TAMAMEN KALKTI

   Panel artik hicbir ogrenci sayfasinda render edilmiyor. Gezinme
   portal sayfasindan yapiliyor; ust cubukta yalnizca logo (portala
   doner) ve Cikis duruyor — pano gibi degil, ince bir serit.

   Portal sayfasinda (.akx-portal-page) ust cubuk da gizli: ekranin
   tamami banner ve karta ayrilmis durumda.
   ================================================================ */

/* ---------------- 1. ICERIK TAM GENISLIK ------------------------ */
html body.akx-shell .akx-app.akx-no-sidebar .akx-main {
  margin-left: 0 !important;
}
html body.akx-shell .akx-app.akx-no-sidebar .akx-sidebar,
html body.akx-shell .akx-app.akx-no-sidebar .akx-edge-btn {
  display: none !important;
}

/* ---------------- 2. INCE UST SERIT ----------------------------- */
html body.akx-shell .akx-app.akx-student.akx-no-sidebar .akx-topbar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 30 !important;
  min-height: 56px !important;
  padding: 0 18px !important;
  background: #ffd392 !important;
  background-image: none !important;
  border-bottom: 1px solid rgba(140, 96, 20, .26) !important;
  box-shadow: none !important;
}
html body.akx-shell .akx-app.akx-student.akx-no-sidebar .akx-topbar-left {
  display: flex !important;
  align-items: center !important;
  gap: .7rem !important;
  min-width: 0 !important;
}
html body.akx-shell .akx-app.akx-student .akx-page-title,
html body.akx-shell .akx-app.akx-student.akx-no-sidebar .akx-page-title {
  display: none !important;
}
html body.akx-shell .akx-app.akx-student.akx-no-sidebar .akx-topbar-actions {
  position: static !important;
  top: auto !important;
  right: auto !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
}
html body.akx-shell .akx-app.akx-student.akx-no-sidebar .akx-content {
  padding: 16px 22px 26px !important;
}

/* ---------------- 3. UST SERITTEKI LOGO ------------------------- */
html body.akx-shell .akx-app.akx-student .akx-top-brand {
  display: inline-flex !important;
  align-items: center !important;
  height: 32px !important;
  flex: 0 0 auto !important;
}
html body.akx-shell .akx-app.akx-student .akx-top-brand img {
  display: block !important;
  height: 28px !important;
  width: auto !important;
  background: transparent !important;
}

/* ---------------- 4. PORTAL / CIKIS HAPLARI --------------------- */
html body.akx-shell .akx-app.akx-student :is(.akx-top-link, .akx-top-logout-btn) {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  min-height: 36px !important;
  padding: 0 13px !important;
  border-radius: 9px !important;
  border: 1px solid rgba(140, 96, 20, .26) !important;
  background: #fde1a6 !important;
  color: #4A3410 !important;
  -webkit-text-fill-color: #4A3410 !important;
  font-size: 13.5px !important;
  font-weight: 650 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  cursor: pointer !important;
}
html body.akx-shell .akx-app.akx-student :is(.akx-top-link, .akx-top-logout-btn):hover {
  background: #FBD68B !important;
  border-color: rgba(140, 96, 20, .44) !important;
  color: #2E1F05 !important;
  -webkit-text-fill-color: #2E1F05 !important;
}
html body.akx-shell .akx-app.akx-student .akx-top-logout {
  display: inline-flex !important;
  margin: 0 !important;
}

@media (max-width: 720px) {
  html body.akx-shell .akx-app.akx-student :is(.akx-top-link, .akx-top-logout-btn) span {
    display: none !important;
  }
  html body.akx-shell .akx-app.akx-student.akx-no-sidebar .akx-page-title {
    display: none !important;
  }
}

/* ================================================================
   END FINAL v44
   ================================================================ */





/* ================================================================
   FINAL v50 — OGRENCI PANOSU YENI TASARIM DILI  (.shome-v2)

   Kapsam: yalnizca gorunum. Backend, id, name, data-* ve JS'e
   dokunulmadi; ApexCharts kaplari, saat dugumu (#akxClock), mizac
   bloğu (#shomeTemperament) ve fotograf yukleme formu yerinde.

   Ilkeler:
     - tek notr zemin, beyaz kartlar, tek ince cerceve
     - renk sadece anlam tasiyan yerde: ikon, ilerleme, rozet
     - bolum basliklarinda dolu renkli bant yok
     - tutarli yuvarlaklik ve bosluk olcegi
   ================================================================ */

html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 {
  --page-bg:#F7F8FC;
  --surface:#FFFFFF;
  --text-primary:#17213C;
  --text-secondary:#667085;
  --text-muted:#98A2B3;
  --border:#E5EAF1;
  --border-soft:#EEF1F6;
  --primary:#4F6BED;
  --primary-soft:#EEF3FF;
  --success:#31B77A;
  --success-soft:#EAF8F1;
  --warning:#F59E62;
  --warning-soft:#FFF3E8;
  --purple:#8B6FE8;
  --purple-soft:#F2EEFF;
  --teal:#22A89A;
  --teal-soft:#E8F7F5;
  --amber:#D99A28;
  --amber-soft:#FFF6DD;
  --radius-lg:16px;
  --radius-md:11px;
  --shadow-card:0 4px 18px rgba(20,35,70,.04);

  display: block !important;
  max-width: 1460px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  background: transparent !important;
  font-family: Inter, system-ui, -apple-system, "Segoe UI", sans-serif !important;
  color: var(--text-primary) !important;
}
html body.akx-shell .akx-app.akx-student.akx-no-sidebar .akx-content {
  background: #F7F8FC !important;
  padding: 24px 28px 40px !important;
}

/* ---------------- ORTAK: KART YUZEYI ---------------------------- */
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 :is(.shome-focus-rail, .shome-ai, .shome-progress, .shome-ring, .shome-target, .shome-today-kpis > .kpi-metric-card) {
  background: var(--surface) !important;
  background-image: none !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--radius-lg) !important;
  box-shadow: var(--shadow-card) !important;
}

/* ================================================================
   1. HERO — beyazdan cok acik seftaliye
   ================================================================ */
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero.shome-hero {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 28px !important;
  margin: 0 0 22px 0 !important;
  padding: 24px 28px !important;
  min-height: 0 !important;
  background: linear-gradient(110deg, #FFFFFF 0%, #FFF8F2 55%, #FFF0E4 100%) !important;
  background-image: linear-gradient(110deg, #FFFFFF 0%, #FFF8F2 55%, #FFF0E4 100%) !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--radius-lg) !important;
  box-shadow: var(--shadow-card) !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero .shome-hero-id {
  display: flex !important;
  align-items: center !important;
  gap: 18px !important;
  align-self: center !important;
  margin: 0 !important;
  min-width: 0 !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero .shome-hero-photo {
  width: 72px !important;
  min-width: 72px !important;
  max-width: 72px !important;
  height: 72px !important;
  min-height: 72px !important;
  max-height: 72px !important;
  flex: 0 0 72px !important;
  border-radius: 50% !important;
  border: 3px solid #FFFFFF !important;
  box-shadow: 0 4px 14px rgba(20,35,70,.10) !important;
  font-size: 26px !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero .shome-hero-text h1 {
  margin: 0 !important;
  font-size: 26px !important;
  font-weight: 700 !important;
  letter-spacing: -.02em !important;
  line-height: 1.2 !important;
  color: var(--text-primary) !important;
  -webkit-text-fill-color: var(--text-primary) !important;
  text-shadow: none !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero .shome-hero-lead {
  margin: 6px 0 0 0 !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  color: var(--text-secondary) !important;
  -webkit-text-fill-color: var(--text-secondary) !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero .shome-hero-chips {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
  margin: 12px 0 0 0 !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero :is(.shome-student-area, .shome-hero-goal) {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin: 0 !important;
  padding: 4px 11px !important;
  background: rgba(255,255,255,.86) !important;
  border: 1px solid var(--border) !important;
  border-radius: 999px !important;
  color: var(--text-secondary) !important;
  -webkit-text-fill-color: var(--text-secondary) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  text-shadow: none !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero .shome-student-area strong {
  color: var(--text-primary) !important;
  -webkit-text-fill-color: var(--text-primary) !important;
  font-weight: 700 !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero :is(.shome-student-area, .shome-hero-goal) i {
  color: var(--text-muted) !important;
  -webkit-text-fill-color: var(--text-muted) !important;
  font-size: 13px !important;
}
/* Mizac cumlesi: hero icinde sakin bir alinti satiri */
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero .shome-temperament {
  display: block !important;
  margin: 12px 0 0 0 !important;
  padding: 9px 13px !important;
  background: rgba(255,255,255,.72) !important;
  border: 1px solid var(--border-soft) !important;
  border-radius: var(--radius-md) !important;
  color: var(--text-secondary) !important;
  -webkit-text-fill-color: var(--text-secondary) !important;
  font-size: 12.5px !important;
  font-style: italic !important;
  max-width: 62ch !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero .shome-temperament i {
  color: var(--text-muted) !important;
  -webkit-text-fill-color: var(--text-muted) !important;
}

/* --- hero sagi: saat + 3 mini istatistik --- */
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero .shome-hero-side {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  gap: 12px !important;
  flex: 0 0 auto !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero .shome-hero-clock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 5px 12px !important;
  background: rgba(255,255,255,.9) !important;
  border: 1px solid var(--border) !important;
  border-radius: 999px !important;
  color: var(--text-secondary) !important;
  -webkit-text-fill-color: var(--text-secondary) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  font-variant-numeric: tabular-nums !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero .shome-hero-clock .akx-clock-time {
  color: var(--text-primary) !important;
  -webkit-text-fill-color: var(--text-primary) !important;
  font-weight: 700 !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero :is(.shome-stat-cluster, .shome-hero-side > div) {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero .shome-stats {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(112px, 1fr)) !important;
  gap: 10px !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero .shome-stats article {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  min-height: 70px !important;
  padding: 10px 12px !important;
  background: rgba(255,255,255,.82) !important;
  border: 1px solid var(--border-soft) !important;
  border-radius: var(--radius-md) !important;
  box-shadow: none !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero .shome-stats article strong {
  font-size: 22px !important;
  font-weight: 700 !important;
  line-height: 1.1 !important;
  letter-spacing: -.02em !important;
  color: var(--text-primary) !important;
  -webkit-text-fill-color: var(--text-primary) !important;
  font-variant-numeric: tabular-nums !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero .shome-stats article span {
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: .03em !important;
  text-transform: uppercase !important;
  text-align: center !important;
  color: var(--text-muted) !important;
  -webkit-text-fill-color: var(--text-muted) !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero .shome-stats article.warn strong { color: var(--warning) !important; -webkit-text-fill-color: var(--warning) !important; }
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero .shome-stats article.danger strong { color: #E06B6B !important; -webkit-text-fill-color: #E06B6B !important; }

/* ================================================================
   2. HIZLI ERISIM — 5 x 2, beyaz kart + renkli ikon kutusu
   ================================================================ */
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs.shome-tabs {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 13px !important;
  margin: 0 0 24px 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs > a {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  gap: 11px !important;
  min-height: 62px !important;
  padding: 0 14px !important;
  background: var(--surface) !important;
  background-image: none !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--radius-md) !important;
  box-shadow: none !important;
  overflow: visible !important;
  color: var(--text-primary) !important;
  -webkit-text-fill-color: var(--text-primary) !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  text-decoration: none !important;
  transition: transform .17s ease, box-shadow .17s ease, border-color .17s ease !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs > a:hover {
  transform: translateY(-2px) !important;
  border-color: #D9E0EA !important;
  box-shadow: 0 8px 22px rgba(20,35,70,.07) !important;
}
/* alt renkli cizgi kaldirildi */
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs > a::after,
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs > a:hover::after {
  display: none !important;
  content: none !important;
}
/* ikon kutusu */
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs > a > i {
  display: grid !important;
  place-items: center !important;
  width: 34px !important;
  height: 34px !important;
  flex: 0 0 34px !important;
  border-radius: 10px !important;
  font-size: 16px !important;
  background: var(--primary-soft) !important;
  color: var(--primary) !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs > a:nth-child(1) > i { background: var(--primary-soft) !important; color: var(--primary) !important; }
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs > a:nth-child(2) > i { background: #EAEEFF !important; color: #5A62D6 !important; }
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs > a:nth-child(3) > i { background: var(--amber-soft) !important; color: var(--amber) !important; }
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs > a:nth-child(4) > i { background: var(--purple-soft) !important; color: var(--purple) !important; }
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs > a:nth-child(5) > i { background: var(--warning-soft) !important; color: #E08A47 !important; }
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs > a:nth-child(6) > i { background: var(--teal-soft) !important; color: var(--teal) !important; }
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs > a:nth-child(7) > i { background: var(--primary-soft) !important; color: var(--primary) !important; }
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs > a:nth-child(8) > i { background: var(--purple-soft) !important; color: var(--purple) !important; }
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs > a:nth-child(9) > i { background: var(--amber-soft) !important; color: var(--amber) !important; }
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs > a:nth-child(10) > i { background: var(--success-soft) !important; color: var(--success) !important; }

/* ================================================================
   3. BOLUM BASLIKLARI — bant yok
   ================================================================ */
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-section-head,
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-section-head.shome-section-today,
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-section-head.shome-section-growth,
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-section-head.shome-section-goal {
  display: block !important;
  margin: 0 0 14px 0 !important;
  padding: 0 !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-section-head .shome-section-title {
  display: block !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  letter-spacing: -.015em !important;
  color: var(--text-primary) !important;
  -webkit-text-fill-color: var(--text-primary) !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-section-head small {
  display: block !important;
  margin-top: 3px !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  color: var(--text-secondary) !important;
  -webkit-text-fill-color: var(--text-secondary) !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-section-art {
  display: none !important;
}

/* ================================================================
   4. BUGUNKU DURUM — 4 kart, renk sadece ikonda
   ================================================================ */
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-today-kpis {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 14px !important;
  margin: 0 0 24px 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-today-kpis > .kpi-metric-card {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  row-gap: 12px !important;
  column-gap: 14px !important;
  min-height: 108px !important;
  height: auto !important;
  max-height: none !important;
  padding: 20px !important;
  overflow: visible !important;
  text-decoration: none !important;
  transition: transform .17s ease, box-shadow .17s ease, border-color .17s ease !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-today-kpis > .kpi-metric-card:hover {
  transform: translateY(-2px) !important;
  border-color: #D9E0EA !important;
  box-shadow: 0 8px 22px rgba(20,35,70,.07) !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-today-kpis .kpi-m-upper {
  display: contents !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-today-kpis .kpi-m-icon {
  display: grid !important;
  place-items: center !important;
  width: 42px !important;
  height: 42px !important;
  flex: 0 0 42px !important;
  order: 1 !important;
  border: 0 !important;
  border-radius: 12px !important;
  font-size: 18px !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-today-kpis .kpi-m-value {
  order: 2 !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1.05 !important;
  letter-spacing: -.025em !important;
  color: var(--text-primary) !important;
  -webkit-text-fill-color: var(--text-primary) !important;
  font-variant-numeric: tabular-nums !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-today-kpis .kpi-m-footer,
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-today-kpis .kpi-metric-card.kpi-m-teal .kpi-m-footer,
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-today-kpis .kpi-metric-card.kpi-m-gold .kpi-m-footer,
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-today-kpis .kpi-metric-card.kpi-m-green .kpi-m-footer,
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-today-kpis .kpi-metric-card.kpi-m-indigo .kpi-m-footer {
  order: 3 !important;
  flex: 0 0 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  position: static !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
  white-space: normal !important;
  line-height: 1.35 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: var(--text-secondary) !important;
  -webkit-text-fill-color: var(--text-secondary) !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-today-kpis .kpi-m-footer i {
  color: var(--text-muted) !important;
  -webkit-text-fill-color: var(--text-muted) !important;
  font-size: 14px !important;
  transition: transform .17s ease, color .17s ease !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-today-kpis > .kpi-metric-card:hover .kpi-m-footer i {
  transform: translateX(3px) !important;
  color: var(--primary) !important;
  -webkit-text-fill-color: var(--primary) !important;
}
/* ikon renkleri: anlam bazli */
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .kpi-metric-card.kpi-m-teal .kpi-m-icon   { background: var(--warning-soft) !important; color: #E08A47 !important; -webkit-text-fill-color:#E08A47 !important; }
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .kpi-metric-card.kpi-m-gold .kpi-m-icon   { background: var(--amber-soft) !important;   color: var(--amber) !important; -webkit-text-fill-color:var(--amber) !important; }
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .kpi-metric-card.kpi-m-green .kpi-m-icon  { background: var(--success-soft) !important; color: var(--success) !important; -webkit-text-fill-color:var(--success) !important; }
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .kpi-metric-card.kpi-m-indigo .kpi-m-icon { background: var(--primary-soft) !important; color: var(--primary) !important; -webkit-text-fill-color:var(--primary) !important; }

/* ================================================================
   5. GELISIM (%65) + ICGORU (%35)
   ================================================================ */
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-growth-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1.85fr) minmax(0, 1fr) !important;
  align-items: stretch !important;
  gap: 16px !important;
  margin: 0 0 24px 0 !important;
}

/* --- ders kartlari --- */
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-focus-rail {
  padding: 20px !important;
  margin: 0 !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-focus-head {
  display: none !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-focus-list {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)) !important;
  gap: 12px !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-focus-item {
  display: grid !important;
  grid-template-columns: 34px minmax(0, 1fr) auto !important;
  grid-template-areas: "ikon ad oran" "cubuk cubuk cubuk" !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 15px !important;
  background: #FBFCFE !important;
  border: 1px solid var(--border-soft) !important;
  border-radius: var(--radius-md) !important;
  box-shadow: none !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-focus-icon {
  grid-area: ikon !important;
  display: grid !important;
  place-items: center !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 10px !important;
  background: var(--primary-soft) !important;
  color: var(--primary) !important;
  -webkit-text-fill-color: var(--primary) !important;
  border: 0 !important;
  font-size: 15px !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-focus-main {
  grid-area: ad !important;
  display: block !important;
  min-width: 0 !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-focus-main strong {
  display: block !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  letter-spacing: .01em !important;
  text-transform: uppercase !important;
  color: var(--text-primary) !important;
  -webkit-text-fill-color: var(--text-primary) !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-focus-main small {
  display: block !important;
  margin-top: 2px !important;
  font-size: 11.5px !important;
  color: var(--text-muted) !important;
  -webkit-text-fill-color: var(--text-muted) !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-focus-score {
  grid-area: oran !important;
  display: block !important;
  text-align: right !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-focus-score b {
  display: block !important;
  font-size: 21px !important;
  font-weight: 700 !important;
  line-height: 1.1 !important;
  letter-spacing: -.02em !important;
  color: var(--text-primary) !important;
  -webkit-text-fill-color: var(--text-primary) !important;
  font-variant-numeric: tabular-nums !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-focus-score em {
  display: none !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-focus-bar {
  grid-area: cubuk !important;
  display: block !important;
  height: 6px !important;
  margin-top: 4px !important;
  border-radius: 999px !important;
  background: #EEF1F6 !important;
  overflow: hidden !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-focus-bar > i {
  display: block !important;
  height: 100% !important;
  border-radius: 999px !important;
  background: var(--primary) !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-focus-item:nth-child(2) .shome-focus-bar > i { background: var(--teal) !important; }
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-focus-item:nth-child(3) .shome-focus-bar > i { background: var(--success) !important; }
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-focus-item:nth-child(4) .shome-focus-bar > i { background: var(--purple) !important; }
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-focus-item:nth-child(2) .shome-focus-icon { background: var(--teal-soft) !important; color: var(--teal) !important; -webkit-text-fill-color: var(--teal) !important; }
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-focus-item:nth-child(3) .shome-focus-icon { background: var(--success-soft) !important; color: var(--success) !important; -webkit-text-fill-color: var(--success) !important; }
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-focus-item:nth-child(4) .shome-focus-icon { background: var(--purple-soft) !important; color: var(--purple) !important; -webkit-text-fill-color: var(--purple) !important; }

/* --- icgoru karti --- */
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-ai.shome-ai,
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 section.shome-ai {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 20px !important;
  border-left: 1px solid var(--border) !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-ai .shome-ai-body {
  display: block !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: 100% !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-ai .shome-ai-label {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  width: auto !important;
  margin: 0 0 10px 0 !important;
  padding: 0 !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  color: var(--text-primary) !important;
  -webkit-text-fill-color: var(--text-primary) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: -.01em !important;
  text-transform: none !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-ai .shome-ai-label i {
  display: grid !important;
  place-items: center !important;
  width: 30px !important;
  height: 30px !important;
  flex: 0 0 30px !important;
  border-radius: 9px !important;
  background: var(--amber-soft) !important;
  color: var(--amber) !important;
  -webkit-text-fill-color: var(--amber) !important;
  font-size: 15px !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-ai .shome-ai-body > p {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  color: var(--text-secondary) !important;
  -webkit-text-fill-color: var(--text-secondary) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.6 !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-ai .shome-ai-facts {
  display: flex !important;
  margin: 14px 0 0 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-ai .shome-ai-fact {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 7px 12px !important;
  background: var(--success-soft) !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 999px !important;
  color: #1F8F5F !important;
  -webkit-text-fill-color: #1F8F5F !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-ai .shome-ai-fact :is(strong, b) {
  color: #14714B !important;
  -webkit-text-fill-color: #14714B !important;
  font-weight: 700 !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-ai .shome-ai-go {
  position: static !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  align-self: flex-end !important;
  margin: 16px 0 0 auto !important;
  padding: 0 !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  color: var(--primary) !important;
  -webkit-text-fill-color: var(--primary) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-ai .shome-ai-go:hover {
  color: #3C55CC !important;
  -webkit-text-fill-color: #3C55CC !important;
}

/* ================================================================
   6. GRAFIKLER — iki esit kolon
   ================================================================ */
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-toprow {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 16px !important;
  margin: 0 0 24px 0 !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 :is(.shome-progress, .shome-ring) {
  padding: 22px !important;
  margin: 0 !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 :is(.shome-progress, .shome-ring) h3 {
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  margin: 0 0 16px 0 !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: -.01em !important;
  color: var(--text-primary) !important;
  -webkit-text-fill-color: var(--text-primary) !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 :is(.shome-progress, .shome-ring) h3 > i {
  display: grid !important;
  place-items: center !important;
  width: 30px !important;
  height: 30px !important;
  flex: 0 0 30px !important;
  border-radius: 9px !important;
  background: var(--primary-soft) !important;
  color: var(--primary) !important;
  -webkit-text-fill-color: var(--primary) !important;
  font-size: 15px !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-ring h3 > i {
  background: var(--purple-soft) !important;
  color: var(--purple) !important;
  -webkit-text-fill-color: var(--purple) !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-progress-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin-bottom: 4px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-chart-toggle {
  display: inline-flex !important;
  gap: 4px !important;
  padding: 3px !important;
  background: #F4F6FA !important;
  border: 1px solid var(--border-soft) !important;
  border-radius: 9px !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-chart-toggle button {
  width: 28px !important;
  height: 26px !important;
  display: grid !important;
  place-items: center !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 7px !important;
  color: var(--text-muted) !important;
  -webkit-text-fill-color: var(--text-muted) !important;
  font-size: 12px !important;
  cursor: pointer !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-chart-toggle button.active {
  background: #FFFFFF !important;
  color: var(--primary) !important;
  -webkit-text-fill-color: var(--primary) !important;
  box-shadow: 0 1px 3px rgba(20,35,70,.10) !important;
}
/* alt mini KPI'lar: kutusuz */
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-progress-stats {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
  margin-top: 14px !important;
  padding: 14px 0 0 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-top: 1px solid var(--border-soft) !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-progress-stats > span {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-progress-stats small {
  font-size: 10.5px !important;
  font-weight: 600 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
  color: var(--text-muted) !important;
  -webkit-text-fill-color: var(--text-muted) !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-progress-stats strong {
  font-size: 19px !important;
  font-weight: 700 !important;
  letter-spacing: -.02em !important;
  color: var(--text-primary) !important;
  -webkit-text-fill-color: var(--text-primary) !important;
  font-variant-numeric: tabular-nums !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-progress-stats strong.hi {
  color: var(--success) !important;
  -webkit-text-fill-color: var(--success) !important;
}

/* --- ders bazli yatay ilerleme --- */
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-lessonbars {
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-lessonbar {
  display: grid !important;
  grid-template-columns: minmax(84px, 116px) minmax(0, 1fr) 42px !important;
  align-items: center !important;
  gap: 12px !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-lessonbar .lb-ad {
  font-size: 12.5px !important;
  font-weight: 600 !important;
  color: var(--text-secondary) !important;
  -webkit-text-fill-color: var(--text-secondary) !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-lessonbar .lb-cubuk {
  display: block !important;
  height: 8px !important;
  border-radius: 999px !important;
  background: #EEF1F5 !important;
  overflow: hidden !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-lessonbar .lb-cubuk > i {
  display: block !important;
  height: 100% !important;
  border-radius: 999px !important;
  background: var(--primary) !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-lessonbar:nth-child(2) .lb-cubuk > i { background: var(--teal) !important; }
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-lessonbar:nth-child(3) .lb-cubuk > i { background: var(--success) !important; }
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-lessonbar:nth-child(4) .lb-cubuk > i { background: var(--amber) !important; }
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-lessonbar:nth-child(5) .lb-cubuk > i { background: var(--purple) !important; }
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-lessonbar:nth-child(6) .lb-cubuk > i { background: #E08A47 !important; }
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-lessonbar .lb-oran {
  text-align: right !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: var(--text-primary) !important;
  -webkit-text-fill-color: var(--text-primary) !important;
  font-variant-numeric: tabular-nums !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-ring-meta {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
  margin-top: 16px !important;
  padding: 14px 0 0 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-top: 1px solid var(--border-soft) !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-ring-meta > span {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 1px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  font-size: 10.5px !important;
  font-weight: 600 !important;
  letter-spacing: .03em !important;
  text-transform: uppercase !important;
  color: var(--text-muted) !important;
  -webkit-text-fill-color: var(--text-muted) !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-ring-meta > span strong {
  font-size: 17px !important;
  font-weight: 700 !important;
  letter-spacing: -.02em !important;
  text-transform: none !important;
  color: var(--text-primary) !important;
  -webkit-text-fill-color: var(--text-primary) !important;
  font-variant-numeric: tabular-nums !important;
}

/* ================================================================
   7. KITAP ROZETI VE HEDEF KARTI
   ================================================================ */
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-reading-badge {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  margin: 0 0 24px 0 !important;
  padding: 16px 20px !important;
  background: var(--surface) !important;
  background-image: none !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--radius-lg) !important;
  box-shadow: var(--shadow-card) !important;
  text-decoration: none !important;
  color: var(--text-primary) !important;
  -webkit-text-fill-color: var(--text-primary) !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-reading-badge > i:first-child {
  display: grid !important;
  place-items: center !important;
  width: 38px !important;
  height: 38px !important;
  flex: 0 0 38px !important;
  border-radius: 11px !important;
  background: var(--amber-soft) !important;
  color: var(--amber) !important;
  -webkit-text-fill-color: var(--amber) !important;
  font-size: 17px !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-reading-badge span {
  font-size: 12.5px !important;
  color: var(--text-secondary) !important;
  -webkit-text-fill-color: var(--text-secondary) !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-reading-badge strong {
  display: block !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-reading-go {
  margin-left: auto !important;
  color: var(--text-muted) !important;
  -webkit-text-fill-color: var(--text-muted) !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-target {
  padding: 22px !important;
  margin: 0 !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-target-bar {
  height: 8px !important;
  border-radius: 999px !important;
  background: #EEF1F5 !important;
  overflow: hidden !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-target-bar > span {
  display: block !important;
  height: 100% !important;
  border-radius: 999px !important;
  background: var(--primary) !important;
}

/* ================================================================
   8. RESPONSIVE
   ================================================================ */
@media (max-width: 1200px) {
  html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs.shome-tabs {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-today-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-growth-grid,
  html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-toprow {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-ai.shome-ai {
    border-left: 1px solid var(--border) !important;
  }
}
@media (max-width: 860px) {
  html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero.shome-hero {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 18px !important;
  }
  html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero .shome-hero-side {
    align-items: stretch !important;
  }
  html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero .shome-stats {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  html body.akx-shell .akx-app.akx-student.akx-no-sidebar .akx-content {
    padding: 18px 16px 32px !important;
  }
}
@media (max-width: 560px) {
  html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs.shome-tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-today-kpis {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero .shome-hero-id {
    flex-wrap: wrap !important;
  }
}

/* ================================================================
   END FINAL v50
   ================================================================ */


/* ================================================================
   FINAL v51 — REFERANSA YAKLASTIRMA

   1  global header (marka + saat + cikis)
   2  hero: profil | motivasyon gorseli | 3 mini KPI, dikey ortali
   3  hizli erisim: daha guclu kart + chevron
   4  bugunku durum: dolu kart, ortali icerik
   5  gelisim: 2x2 ders kartlari, isim kirpilmiyor
   6  icgoru: dengeli dagilim, hafif mint gecis
   7  grafik: chart <-> KPI arasi nefes
   8  alt alan: gercek veriden 3 liste karti
   ================================================================ */

/* ================================================================
   1. GLOBAL HEADER
   ================================================================ */
html body.akx-shell .akx-app.akx-student .akx-topbar,
html body.akx-shell .akx-app.akx-student.akx-no-sidebar .akx-topbar,
html body.akx-shell .akx-app.akx-student.akx-no-sidebar .akx-topbar.akx-topbar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 40 !important;
  min-height: 60px !important;
  padding: 0 26px !important;
  background: rgba(255,255,255,.92) !important;
  background-image: none !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  border-bottom: 1px solid #E5EAF1 !important;
  box-shadow: none !important;
}
html body.akx-shell .akx-app.akx-student.akx-no-sidebar .akx-topbar-left {
  display: flex !important;
  align-items: center !important;
  gap: .75rem !important;
  min-width: 0 !important;
}
html body.akx-shell .akx-app.akx-student .akx-top-brand {
  display: inline-flex !important;
  align-items: center !important;
  height: 34px !important;
  flex: 0 0 auto !important;
}
html body.akx-shell .akx-app.akx-student .akx-top-brand img {
  display: block !important;
  height: 30px !important;
  width: auto !important;
  background: transparent !important;
}
html body.akx-shell .akx-app.akx-student .akx-page-title,
html body.akx-shell .akx-app.akx-student.akx-no-sidebar .akx-page-title {
  display: none !important;
}
html body.akx-shell .akx-app.akx-student.akx-no-sidebar .akx-topbar-actions {
  position: static !important;
  top: auto !important;
  right: auto !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex: 0 0 auto !important;
}
html body.akx-shell .akx-app.akx-student .akx-topbar .akx-clock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 6px 13px !important;
  background: #F7F8FC !important;
  border: 1px solid #E5EAF1 !important;
  border-radius: 999px !important;
  color: #667085 !important;
  -webkit-text-fill-color: #667085 !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  font-variant-numeric: tabular-nums !important;
}
html body.akx-shell .akx-app.akx-student .akx-topbar .akx-clock .akx-clock-time {
  color: #17213C !important;
  -webkit-text-fill-color: #17213C !important;
  font-weight: 700 !important;
  font-size: 13.5px !important;
}
html body.akx-shell .akx-app.akx-student .akx-topbar .akx-clock i {
  color: #98A2B3 !important;
  -webkit-text-fill-color: #98A2B3 !important;
}
html body.akx-shell .akx-app.akx-student .akx-top-logout {
  display: inline-flex !important;
  margin: 0 !important;
}
html body.akx-shell .akx-app.akx-student .akx-top-logout-btn {
  display: grid !important;
  place-items: center !important;
  width: 36px !important;
  height: 36px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  border: 1px solid #E5EAF1 !important;
  background: #FFFFFF !important;
  color: #667085 !important;
  -webkit-text-fill-color: #667085 !important;
  font-size: 16px !important;
  cursor: pointer !important;
  transition: .17s ease !important;
}
html body.akx-shell .akx-app.akx-student .akx-top-logout-btn:hover {
  background: #F7F8FC !important;
  border-color: #DDE4F0 !important;
  color: #17213C !important;
  -webkit-text-fill-color: #17213C !important;
}
html body.akx-shell .akx-app.akx-student.akx-no-sidebar .akx-content {
  padding: 22px 26px 40px !important;
}

/* ================================================================
   2. HERO — uc bolge, dikey ortali
   ================================================================ */
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero.shome-hero {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 300px) auto !important;
  align-items: center !important;
  gap: 22px !important;
  min-height: 152px !important;
  padding: 18px 20px !important;
  margin: 0 0 22px 0 !important;
  background: linear-gradient(110deg,#FFFFFF 0%,#FFF9F4 55%,#FFF0E5 100%) !important;
  background-image: linear-gradient(110deg,#FFFFFF 0%,#FFF9F4 55%,#FFF0E5 100%) !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero .shome-hero-text h1 {
  font-size: 24px !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero .shome-temperament {
  margin: 10px 0 0 0 !important;
  padding: 8px 12px !important;
  font-size: 12px !important;
}

/* --- motivasyon gorseli --- */
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero-banner {
  position: relative !important;
  align-self: stretch !important;
  min-height: 116px !important;
  border-radius: 13px !important;
  overflow: hidden !important;
  background-color: #FFE7D2 !important;
  background-image: url('/uploads/student-hero-banner.png'), linear-gradient(120deg,#FFE0C4 0%,#FFD0AE 46%,#FFC49B 100%) !important;
  background-size: cover, auto !important;
  background-position: center right, center !important;
  background-repeat: no-repeat, no-repeat !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero-banner::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(90deg, rgba(255,246,238,.94) 0%, rgba(255,246,238,.72) 42%, rgba(255,246,238,0) 78%) !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero-banner-text {
  position: relative !important;
  z-index: 1 !important;
  padding: 14px 16px !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero-banner-text strong {
  display: block !important;
  color: #17213C !important;
  -webkit-text-fill-color: #17213C !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  line-height: 1.22 !important;
  letter-spacing: -.015em !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero-banner-text strong i {
  color: #F05B5B !important;
  -webkit-text-fill-color: #F05B5B !important;
  font-size: 15px !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero-banner-text span {
  display: block !important;
  margin-top: 7px !important;
  color: #667085 !important;
  -webkit-text-fill-color: #667085 !important;
  font-size: 11.5px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
}

/* --- 3 mini KPI --- */
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero .shome-hero-side {
  align-self: center !important;
  justify-content: center !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero .shome-stats {
  grid-template-columns: repeat(3, minmax(100px, 112px)) !important;
  gap: 9px !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero .shome-stats article {
  min-height: 74px !important;
  background: rgba(255,255,255,.82) !important;
  border: 1px solid rgba(229,234,241,.9) !important;
  border-radius: 12px !important;
  box-shadow: 0 2px 8px rgba(20,35,70,.03) !important;
}

/* ================================================================
   3. HIZLI ERISIM — daha guclu kart + chevron
   ================================================================ */
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs > a {
  min-height: 64px !important;
  padding: 12px 14px !important;
  gap: 12px !important;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs > a:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 18px rgba(20,35,70,.06) !important;
  border-color: #DDE4F0 !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs > a > i:first-child {
  width: 36px !important;
  height: 36px !important;
  flex: 0 0 36px !important;
  font-size: 17px !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs > a > span {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs > a .shome-tab-go {
  flex: 0 0 auto !important;
  width: auto !important;
  height: auto !important;
  background: transparent !important;
  border-radius: 0 !important;
  color: #C4CCDA !important;
  -webkit-text-fill-color: #C4CCDA !important;
  font-size: 13px !important;
  transition: transform .18s ease, color .18s ease !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs > a:hover .shome-tab-go {
  transform: translateX(2px) !important;
  color: #4F6BED !important;
  -webkit-text-fill-color: #4F6BED !important;
}

/* ================================================================
   4. BUGUNKU DURUM — dolu kart
   ================================================================ */
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-today-kpis > .kpi-metric-card {
  align-content: center !important;
  min-height: 104px !important;
  padding: 18px !important;
  row-gap: 10px !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-today-kpis .kpi-m-icon {
  width: 40px !important;
  height: 40px !important;
  flex: 0 0 40px !important;
  font-size: 18px !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-today-kpis .kpi-m-value {
  font-size: 27px !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-today-kpis .kpi-m-footer {
  font-size: 12.5px !important;
  font-weight: 600 !important;
}

/* ================================================================
   5. GELISIM — 2 x 2 ders kartlari
   ================================================================ */
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-growth-grid {
  grid-template-columns: minmax(0, 1.78fr) minmax(0, 1fr) !important;
  gap: 14px !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-focus-rail {
  display: flex !important;
  flex-direction: column !important;
  padding: 18px !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-focus-list {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
  flex: 1 1 auto !important;
  align-content: start !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-focus-item {
  display: grid !important;
  grid-template-columns: 36px minmax(0, 1fr) auto !important;
  grid-template-areas: "ikon ad oran" "cubuk cubuk cubuk" !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 86px !important;
  gap: 10px !important;
  padding: 13px !important;
  background: #FFFFFF !important;
  border: 1px solid #E8ECF2 !important;
  border-radius: 12px !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-focus-icon {
  width: 36px !important;
  height: 36px !important;
  font-size: 16px !important;
}
/* ders adi kirpilmasin */
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-focus-main strong {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
  letter-spacing: .015em !important;
  word-break: break-word !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-focus-score b {
  font-size: 20px !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-focus-bar {
  height: 5px !important;
  margin-top: 2px !important;
}

/* ================================================================
   6. ICGORU — dengeli dagilim
   ================================================================ */
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-ai.shome-ai,
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 section.shome-ai {
  padding: 18px !important;
  background: linear-gradient(135deg,#FFFFFF 0%,#F2FBF8 100%) !important;
  background-image: linear-gradient(135deg,#FFFFFF 0%,#F2FBF8 100%) !important;
  border: 1px solid #E2EFEA !important;
  border-left: 1px solid #E2EFEA !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-ai .shome-ai-body {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  height: 100% !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-ai .shome-ai-body > p {
  font-size: 13px !important;
  line-height: 1.62 !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-ai .shome-ai-facts {
  margin-top: auto !important;
  padding-top: 14px !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-ai .shome-ai-label i {
  background: #E6F6F0 !important;
  color: #1F8F5F !important;
  -webkit-text-fill-color: #1F8F5F !important;
}

/* ================================================================
   7. GRAFIKLER — chart ile KPI arasi nefes
   ================================================================ */
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-progress .shome-chart {
  margin-bottom: 4px !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-progress-stats {
  margin-top: 18px !important;
  padding-top: 16px !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-lessonbar {
  min-height: 40px !important;
  grid-template-columns: minmax(104px, 132px) minmax(0, 1fr) 46px !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-lessonbar .lb-ad {
  white-space: normal !important;
  line-height: 1.25 !important;
}

/* ================================================================
   8. ALT ALAN — 3 liste karti
   ================================================================ */
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-bottom-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
  margin: 0 0 24px 0 !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-list-card {
  display: flex !important;
  flex-direction: column !important;
  padding: 18px !important;
  background: #FFFFFF !important;
  border: 1px solid #E5EAF1 !important;
  border-radius: 16px !important;
  box-shadow: 0 4px 18px rgba(20,35,70,.04) !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-list-head {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding-bottom: 13px !important;
  margin-bottom: 4px !important;
  border-bottom: 1px solid #EEF1F6 !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-list-icon {
  display: grid !important;
  place-items: center !important;
  width: 32px !important;
  height: 32px !important;
  flex: 0 0 32px !important;
  border-radius: 9px !important;
  font-size: 15px !important;
  background: #EEF3FF !important;
  color: #4F6BED !important;
  -webkit-text-fill-color: #4F6BED !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-list-icon.warn   { background:#FFF3E8 !important; color:#E08A47 !important; -webkit-text-fill-color:#E08A47 !important; }
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-list-icon.danger { background:#FFF1F1 !important; color:#D96A6A !important; -webkit-text-fill-color:#D96A6A !important; }
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-list-icon.ok     { background:#EAF8F1 !important; color:#31B77A !important; -webkit-text-fill-color:#31B77A !important; }
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-list-head h3 {
  flex: 1 1 auto !important;
  margin: 0 !important;
  font-size: 14.5px !important;
  font-weight: 700 !important;
  letter-spacing: -.01em !important;
  color: #17213C !important;
  -webkit-text-fill-color: #17213C !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-list-head > a {
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  color: #667085 !important;
  -webkit-text-fill-color: #667085 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-list-head > a:hover {
  color: #4F6BED !important;
  -webkit-text-fill-color: #4F6BED !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-list-body {
  display: flex !important;
  flex-direction: column !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-list-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  padding: 11px 0 !important;
  border-bottom: 1px solid #F3F5F9 !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-list-row:last-child {
  border-bottom: 0 !important;
  padding-bottom: 0 !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-list-main {
  min-width: 0 !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-list-main b {
  display: block !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #17213C !important;
  -webkit-text-fill-color: #17213C !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-list-main small {
  display: block !important;
  margin-top: 2px !important;
  font-size: 11.5px !important;
  color: #98A2B3 !important;
  -webkit-text-fill-color: #98A2B3 !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-list-tag {
  flex: 0 0 auto !important;
  padding: 3px 10px !important;
  border-radius: 999px !important;
  background: #EEF3FF !important;
  color: #4F6BED !important;
  -webkit-text-fill-color: #4F6BED !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-list-tag.late {
  background: #FFF1F1 !important;
  color: #C94F4F !important;
  -webkit-text-fill-color: #C94F4F !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-list-net {
  flex: 0 0 auto !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #17213C !important;
  -webkit-text-fill-color: #17213C !important;
  font-variant-numeric: tabular-nums !important;
}

/* ================================================================
   9. RESPONSIVE EKLERI
   ================================================================ */
@media (max-width: 1200px) {
  html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero.shome-hero {
    grid-template-columns: minmax(0, 1fr) auto !important;
  }
  html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero-banner {
    display: none !important;
  }
  html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-bottom-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 860px) {
  html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-focus-list {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-bottom-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  html body.akx-shell .akx-app.akx-student.akx-no-sidebar .akx-topbar {
    padding: 0 16px !important;
  }
}

/* ================================================================
   END FINAL v51
   ================================================================ */


/* ================================================================
   FINAL v52 — v51 OLCUM DUZELTMELERI

   Olcumde iki sapma cikti:
     1) .shome-progress-stats eski bir kuralda position: absolute idi;
        grafigin uzerine biniyordu (chart <-> KPI arasi -1px).
     2) Hizli erisim karti 81px cikti (hedef 58-64px); yukseklik
        icerikten degil, eski dolgulardan geliyordu.
   ================================================================ */

html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-progress-stats {
  position: static !important;
  inset: auto !important;
  bottom: auto !important;
  left: auto !important;
  right: auto !important;
  width: auto !important;
  margin-top: 18px !important;
  padding-top: 16px !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-progress .shome-chart {
  margin: 0 !important;
}

html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs > a {
  box-sizing: border-box !important;
  height: 64px !important;
  min-height: 64px !important;
  max-height: 64px !important;
  padding: 0 14px !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs > a > span {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  font-size: 12.5px !important;
  line-height: 1.24 !important;
}

/* ================================================================
   END FINAL v52
   ================================================================ */


/* ================================================================
   FINAL v53 — ANALIZDEKI 2..11 MADDELERI

   2  hero orta alani guclendi
   3  navbar: bildirim + profil + daha okunur saat
   4  hizli erisim: daha yuksek kart, belirgin ikon, guclu hover
   5  bugunku durum: daha iri ikon/rakam, daha yuksek kart
   6  gelisim: kart hizalari ve denge
   7  icgoru: filigran ikon, dikey denge
   8  grafik: baslik alani, filtre gorunumu, izgara
   9  alt alan: 3 kolon + bos state tasarimi
   10 yaklasanlarim listesi (odev + tekrar)
   11 genel: renk santimi, bosluk dengesi
   ================================================================ */

/* ================================================================
   3. NAVBAR
   ================================================================ */
html body.akx-shell .akx-app.akx-student .akx-topbar .akx-clock {
  padding: 7px 14px !important;
  background: #FFFFFF !important;
  border: 1px solid #E5EAF1 !important;
  box-shadow: 0 1px 2px rgba(20,35,70,.04) !important;
}
html body.akx-shell .akx-app.akx-student .akx-topbar .akx-clock .akx-clock-date {
  order: 1 !important;
  color: #98A2B3 !important;
  -webkit-text-fill-color: #98A2B3 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
}
html body.akx-shell .akx-app.akx-student .akx-topbar .akx-clock .akx-clock-time {
  order: 2 !important;
  font-size: 14px !important;
  letter-spacing: -.01em !important;
}
html body.akx-shell .akx-app.akx-student .akx-top-bell {
  position: relative !important;
  display: grid !important;
  place-items: center !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  border: 1px solid #E5EAF1 !important;
  background: #FFFFFF !important;
  color: #667085 !important;
  -webkit-text-fill-color: #667085 !important;
  font-size: 16px !important;
  text-decoration: none !important;
  transition: .17s ease !important;
}
html body.akx-shell .akx-app.akx-student .akx-top-bell:hover {
  background: #F7F8FC !important;
  border-color: #DDE4F0 !important;
  color: #17213C !important;
  -webkit-text-fill-color: #17213C !important;
}
html body.akx-shell .akx-app.akx-student .akx-top-user {
  display: inline-flex !important;
  align-items: center !important;
  gap: 9px !important;
  padding: 4px 12px 4px 5px !important;
  background: #FFFFFF !important;
  border: 1px solid #E5EAF1 !important;
  border-radius: 999px !important;
  max-width: 200px !important;
}
html body.akx-shell .akx-app.akx-student .akx-top-user-av {
  display: grid !important;
  place-items: center !important;
  width: 30px !important;
  height: 30px !important;
  flex: 0 0 30px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg,#4F6BED,#6E86F5) !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}
html body.akx-shell .akx-app.akx-student .akx-top-user-txt {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
  line-height: 1.15 !important;
}
html body.akx-shell .akx-app.akx-student .akx-top-user-txt b {
  font-size: 12.5px !important;
  font-weight: 600 !important;
  color: #17213C !important;
  -webkit-text-fill-color: #17213C !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
html body.akx-shell .akx-app.akx-student .akx-top-user-txt small {
  font-size: 10.5px !important;
  font-weight: 500 !important;
  color: #98A2B3 !important;
  -webkit-text-fill-color: #98A2B3 !important;
}

/* ================================================================
   2. HERO ORTA ALANI
   ================================================================ */
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero.shome-hero {
  grid-template-columns: minmax(0, 1fr) minmax(250px, 340px) auto !important;
  min-height: 162px !important;
  padding: 20px 22px !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero-banner {
  min-height: 130px !important;
  background-color: #FFE3CC !important;
  background-image: url('/uploads/student-hero-banner.png'), radial-gradient(120% 130% at 88% 18%, #FFD3AE 0%, #FFC59A 38%, #FFB98C 100%) !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero-banner::after {
  content: "" !important;
  position: absolute !important;
  right: -26px !important;
  bottom: -34px !important;
  width: 122px !important;
  height: 122px !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,.34) !important;
  pointer-events: none !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero-banner-text strong {
  font-size: 19px !important;
  line-height: 1.2 !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero-banner-text span {
  color: #5C6B7F !important;
  -webkit-text-fill-color: #5C6B7F !important;
  font-size: 12px !important;
}

/* ================================================================
   4. HIZLI ERISIM
   ================================================================ */
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs > a {
  height: 70px !important;
  min-height: 70px !important;
  max-height: 70px !important;
  padding: 0 15px !important;
  gap: 13px !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs > a > i:first-child {
  width: 40px !important;
  height: 40px !important;
  flex: 0 0 40px !important;
  border-radius: 12px !important;
  font-size: 18px !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs > a > span {
  font-size: 13px !important;
  font-weight: 600 !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs > a:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 10px 24px rgba(20,35,70,.09) !important;
  border-color: #D3DCEC !important;
}

/* ================================================================
   5. BUGUNKU DURUM
   ================================================================ */
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-today-kpis > .kpi-metric-card {
  min-height: 118px !important;
  padding: 20px !important;
  row-gap: 12px !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-today-kpis .kpi-m-icon {
  width: 46px !important;
  height: 46px !important;
  flex: 0 0 46px !important;
  border-radius: 13px !important;
  font-size: 20px !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-today-kpis .kpi-m-value {
  font-size: 31px !important;
  font-weight: 700 !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-today-kpis .kpi-m-footer {
  font-size: 13px !important;
}

/* ================================================================
   6. GELISIM
   ================================================================ */
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-focus-item {
  min-height: 92px !important;
  padding: 14px !important;
  align-content: center !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-focus-main strong {
  font-size: 12.5px !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-focus-score b {
  font-size: 21px !important;
}

/* ================================================================
   7. ICGORU — filigran ikon + dikey denge
   ================================================================ */
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-ai.shome-ai {
  position: relative !important;
  overflow: hidden !important;
  padding: 20px !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-ai.shome-ai::after {
  content: "\f2a3" !important;
  font-family: "bootstrap-icons" !important;
  position: absolute !important;
  right: -14px !important;
  bottom: -26px !important;
  font-size: 118px !important;
  line-height: 1 !important;
  color: #31B77A !important;
  opacity: .07 !important;
  pointer-events: none !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-ai .shome-ai-body,
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-ai .shome-ai-go {
  position: relative !important;
  z-index: 1 !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-ai .shome-ai-body > p {
  font-size: 13.5px !important;
  line-height: 1.65 !important;
}

/* ================================================================
   8. GRAFIK KARTLARI
   ================================================================ */
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-progress-head {
  padding-bottom: 14px !important;
  margin-bottom: 14px !important;
  border-bottom: 1px solid #EEF1F6 !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-ring h3 {
  padding-bottom: 14px !important;
  margin-bottom: 16px !important;
  border-bottom: 1px solid #EEF1F6 !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-chart-toggle {
  padding: 4px !important;
  background: #F4F6FA !important;
  border-radius: 10px !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-chart-toggle button {
  width: 32px !important;
  height: 28px !important;
  font-size: 13px !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-chart-toggle button:hover {
  color: #17213C !important;
  -webkit-text-fill-color: #17213C !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-lessonbar {
  min-height: 42px !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-lessonbar .lb-cubuk {
  height: 9px !important;
}

/* ================================================================
   9 + 10. ALT ALAN
   ================================================================ */
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-bottom-grid {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr) minmax(0, 1fr) !important;
  align-items: stretch !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-list-card {
  min-height: 236px !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-list-row {
  gap: 11px !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-list-dot {
  display: grid !important;
  place-items: center !important;
  width: 30px !important;
  height: 30px !important;
  flex: 0 0 30px !important;
  border-radius: 9px !important;
  font-size: 14px !important;
  background: #EEF3FF !important;
  color: #4F6BED !important;
  -webkit-text-fill-color: #4F6BED !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-list-dot.warn   { background:#FFF3E8 !important; color:#E08A47 !important; -webkit-text-fill-color:#E08A47 !important; }
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-list-dot.danger { background:#FFF1F1 !important; color:#D96A6A !important; -webkit-text-fill-color:#D96A6A !important; }

/* --- hafta seridi --- */
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-weekstrip {
  display: grid !important;
  grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
  gap: 5px !important;
  margin: 14px 0 4px 0 !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-weekday {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
  padding: 7px 0 !important;
  border-radius: 10px !important;
  background: #F7F8FC !important;
  border: 1px solid transparent !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-weekday small {
  font-size: 10px !important;
  font-weight: 600 !important;
  color: #98A2B3 !important;
  -webkit-text-fill-color: #98A2B3 !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-weekday b {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #17213C !important;
  -webkit-text-fill-color: #17213C !important;
  font-variant-numeric: tabular-nums !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-weekday.is-today {
  background: #FFF3E8 !important;
  border-color: #FAD9BC !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-weekday.is-today b,
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-weekday.is-today small {
  color: #C87A33 !important;
  -webkit-text-fill-color: #C87A33 !important;
}

/* --- bos state --- */
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-empty {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  padding: 22px 14px !important;
  text-align: center !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-empty.compact {
  padding: 16px 12px !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-empty > i {
  display: grid !important;
  place-items: center !important;
  width: 42px !important;
  height: 42px !important;
  margin-bottom: 2px !important;
  border-radius: 13px !important;
  background: #F4F6FA !important;
  color: #B4BECC !important;
  -webkit-text-fill-color: #B4BECC !important;
  font-size: 19px !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-empty b {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #475467 !important;
  -webkit-text-fill-color: #475467 !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-empty span {
  font-size: 11.5px !important;
  line-height: 1.5 !important;
  max-width: 30ch !important;
  color: #98A2B3 !important;
  -webkit-text-fill-color: #98A2B3 !important;
}

/* ================================================================
   RESPONSIVE
   ================================================================ */
@media (max-width: 1200px) {
  html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-bottom-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  html body.akx-shell .akx-app.akx-student .akx-top-user-txt {
    display: none !important;
  }
  html body.akx-shell .akx-app.akx-student .akx-top-user {
    padding: 4px !important;
  }
}
@media (max-width: 860px) {
  html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-bottom-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  html body.akx-shell .akx-app.akx-student .akx-topbar .akx-clock .akx-clock-date {
    display: none !important;
  }
}

/* ================================================================
   END FINAL v53
   ================================================================ */


/* ================================================================
   FINAL v54

   1  Hizli erisim kartlari: renk hover'a bagli degil, her zaman acik
      tonlu zeminde (gorseldeki gibi).
   2  Bugunku Durum: alt etiket renkli degrade serit + sag ustte
      "Tum detaylari gor" baglantisi.
   3  Kart cerceveleri belirginlesti (onceki #E5EAF1 bulut gibiydi).
   4  Yaklasanlarim: sinav geri sayim seridi.
   ================================================================ */

/* ================================================================
   1. CERCEVELER — daha belirgin
   ================================================================ */
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 :is(.shome-hero, .shome-focus-rail, .shome-ai, .shome-progress, .shome-ring, .shome-target, .shome-list-card, .shome-reading-badge, .shome-today-kpis > .kpi-metric-card, .shome-tabs > a) {
  border-color: #D7DEE9 !important;
  box-shadow: 0 2px 6px rgba(20,35,70,.05) !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-focus-item {
  border-color: #DFE5EE !important;
}
html body.akx-shell .akx-app.akx-student .akx-topbar {
  border-bottom-color: #D7DEE9 !important;
}

/* ================================================================
   2. HIZLI ERISIM — sabit renkli zemin
   ================================================================ */
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs > a {
  border-width: 1px !important;
  border-style: solid !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs > a > span {
  color: #17213C !important;
  -webkit-text-fill-color: #17213C !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs > a:nth-child(1) { background:#EEF3FF !important; border-color:#D5E0FA !important; }
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs > a:nth-child(2) { background:#EAEEFF !important; border-color:#D3DAF8 !important; }
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs > a:nth-child(3) { background:#FFF6DD !important; border-color:#F2E3B9 !important; }
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs > a:nth-child(4) { background:#F2EEFF !important; border-color:#DFD6FA !important; }
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs > a:nth-child(5) { background:#FFF3E8 !important; border-color:#F7DFC6 !important; }
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs > a:nth-child(6) { background:#E8F7F5 !important; border-color:#C9EAE5 !important; }
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs > a:nth-child(7) { background:#EEF3FF !important; border-color:#D5E0FA !important; }
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs > a:nth-child(8) { background:#F2EEFF !important; border-color:#DFD6FA !important; }
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs > a:nth-child(9) { background:#FFF6DD !important; border-color:#F2E3B9 !important; }
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs > a:nth-child(10){ background:#EAF8F1 !important; border-color:#C9E9D9 !important; }
/* ikon kutusu: zeminin uzerinde beyaz cam */
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs > a > i:first-child {
  background: rgba(255,255,255,.78) !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs > a:hover {
  filter: brightness(.985) !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 10px 24px rgba(20,35,70,.10) !important;
}

/* ================================================================
   3. BUGUNKU DURUM — renkli alt serit
   ================================================================ */
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-section-head.shome-section-today,
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-section-head.shome-section-lists {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: 16px !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-section-txt {
  min-width: 0 !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-section-go {
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  color: #4F6BED !important;
  -webkit-text-fill-color: #4F6BED !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-section-go:hover {
  color: #3C55CC !important;
  -webkit-text-fill-color: #3C55CC !important;
}

html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-today-kpis > .kpi-metric-card {
  min-height: 132px !important;
  padding: 16px !important;
  row-gap: 14px !important;
  align-content: start !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-today-kpis .kpi-m-footer,
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-today-kpis .kpi-metric-card.kpi-m-teal .kpi-m-footer,
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-today-kpis .kpi-metric-card.kpi-m-gold .kpi-m-footer,
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-today-kpis .kpi-metric-card.kpi-m-green .kpi-m-footer,
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-today-kpis .kpi-metric-card.kpi-m-indigo .kpi-m-footer {
  margin-top: auto !important;
  padding: 9px 13px !important;
  border-radius: 10px !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-today-kpis .kpi-m-footer i {
  color: rgba(255,255,255,.9) !important;
  -webkit-text-fill-color: rgba(255,255,255,.9) !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-today-kpis > .kpi-metric-card:hover .kpi-m-footer i {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}
/* serit renkleri: anlam bazli */
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-today-kpis > .kpi-metric-card.kpi-m-teal .kpi-m-footer {
  background: linear-gradient(90deg,#2E6F5E,#3F9B7C) !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-today-kpis > .kpi-metric-card.kpi-m-gold .kpi-m-footer {
  background: linear-gradient(90deg,#D07A35,#E9A15C) !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-today-kpis > .kpi-metric-card.kpi-m-green .kpi-m-footer {
  background: linear-gradient(90deg,#7B3FD4,#A06BEF) !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-today-kpis > .kpi-metric-card.kpi-m-indigo .kpi-m-footer {
  background: linear-gradient(90deg,#3F5ED6,#6E86F5) !important;
}
/* ikon kutusu tonlari serit ile uyumlu */
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .kpi-metric-card.kpi-m-teal .kpi-m-icon   { background:#E6F4EE !important; color:#2E6F5E !important; -webkit-text-fill-color:#2E6F5E !important; }
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .kpi-metric-card.kpi-m-gold .kpi-m-icon   { background:#FFF3E3 !important; color:#D07A35 !important; -webkit-text-fill-color:#D07A35 !important; }
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .kpi-metric-card.kpi-m-green .kpi-m-icon  { background:#F1EAFD !important; color:#7B3FD4 !important; -webkit-text-fill-color:#7B3FD4 !important; }
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .kpi-metric-card.kpi-m-indigo .kpi-m-icon { background:#E8EDFD !important; color:#3F5ED6 !important; -webkit-text-fill-color:#3F5ED6 !important; }

/* ================================================================
   4. SINAV GERI SAYIMI
   ================================================================ */
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-countdown {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin: 14px 0 4px 0 !important;
  padding: 13px 15px !important;
  border-radius: 12px !important;
  background: linear-gradient(120deg,#EEF3FF 0%,#F3EEFF 100%) !important;
  border: 1px solid #DCE3FA !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-countdown-ad {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-countdown-ad b {
  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: .02em !important;
  color: #2E3A8C !important;
  -webkit-text-fill-color: #2E3A8C !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-countdown-ad small {
  margin-top: 1px !important;
  font-size: 11.5px !important;
  color: #7C86A8 !important;
  -webkit-text-fill-color: #7C86A8 !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-countdown-gun {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  flex: 0 0 auto !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-countdown-gun b {
  font-size: 26px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: -.03em !important;
  color: #17213C !important;
  -webkit-text-fill-color: #17213C !important;
  font-variant-numeric: tabular-nums !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-countdown-gun small {
  margin-top: 2px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  color: #7C86A8 !important;
  -webkit-text-fill-color: #7C86A8 !important;
}

/* ================================================================
   END FINAL v54
   ================================================================ */


/* ================================================================
   FINAL v55

   1) Bugunku Durum kartlarindaki renkli alt serit canli sayfada
      gorunmuyordu: etiket beyaz yaziyla beyaz zemin uzerinde
      kaliyordu. Kural tekrarli sinifla en yuksek ozgullige
      cikarildi; hem background-color hem background-image yaziliyor.
   2) Hizli erisim kartlarinin dis cizgisi renkli zeminde
      kayboluyordu; hepsi diger kartlarla ayni tonda net bir
      cerceveye alindi.
   ================================================================ */

/* ---------------- 1. KPI ALT SERIDI ----------------------------- */
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-today-kpis .kpi-metric-card.kpi-metric-card .kpi-m-footer.kpi-m-footer {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  width: 100% !important;
  margin-top: auto !important;
  padding: 10px 13px !important;
  min-height: 38px !important;
  border: 0 !important;
  border-radius: 10px !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  white-space: normal !important;
  overflow: visible !important;
  background-color: #3F5ED6 !important;
  background-image: linear-gradient(90deg,#3F5ED6,#6E86F5) !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-today-kpis .kpi-metric-card.kpi-m-teal.kpi-m-teal .kpi-m-footer.kpi-m-footer {
  background-color: #2E6F5E !important;
  background-image: linear-gradient(90deg,#2E6F5E,#3F9B7C) !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-today-kpis .kpi-metric-card.kpi-m-gold.kpi-m-gold .kpi-m-footer.kpi-m-footer {
  background-color: #D07A35 !important;
  background-image: linear-gradient(90deg,#D07A35,#E9A15C) !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-today-kpis .kpi-metric-card.kpi-m-green.kpi-m-green .kpi-m-footer.kpi-m-footer {
  background-color: #7B3FD4 !important;
  background-image: linear-gradient(90deg,#7B3FD4,#A06BEF) !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-today-kpis .kpi-metric-card.kpi-m-indigo.kpi-m-indigo .kpi-m-footer.kpi-m-footer {
  background-color: #3F5ED6 !important;
  background-image: linear-gradient(90deg,#3F5ED6,#6E86F5) !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-today-kpis .kpi-metric-card .kpi-m-footer.kpi-m-footer i {
  color: rgba(255,255,255,.92) !important;
  -webkit-text-fill-color: rgba(255,255,255,.92) !important;
  font-size: 14px !important;
}

/* ---------------- 2. HIZLI ERISIM CERCEVESI --------------------- */
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs.shome-tabs > a,
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs.shome-tabs > a:nth-child(1),
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs.shome-tabs > a:nth-child(2),
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs.shome-tabs > a:nth-child(3),
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs.shome-tabs > a:nth-child(4),
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs.shome-tabs > a:nth-child(5),
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs.shome-tabs > a:nth-child(6),
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs.shome-tabs > a:nth-child(7),
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs.shome-tabs > a:nth-child(8),
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs.shome-tabs > a:nth-child(9),
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs.shome-tabs > a:nth-child(10) {
  border: 1px solid #CDD6E4 !important;
  box-shadow: 0 2px 6px rgba(20,35,70,.05) !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs.shome-tabs > a:hover {
  border-color: #AEBBD0 !important;
}

/* ================================================================
   END FINAL v55
   ================================================================ */


/* ================================================================
   FINAL v56 — DIS CERCEVELER KOYULASTI

   rgb(205,214,228) renkli pastel zeminlerin uzerinde yeterince
   okunmuyordu. Hizli erisim kartlari bir kademe daha koyu bir
   griye alindi; diger paneller de onunla uyumlu olacak sekilde
   bir tik koyulastirildi.
   ================================================================ */

html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs.shome-tabs > a,
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs.shome-tabs > a:nth-child(1),
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs.shome-tabs > a:nth-child(2),
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs.shome-tabs > a:nth-child(3),
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs.shome-tabs > a:nth-child(4),
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs.shome-tabs > a:nth-child(5),
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs.shome-tabs > a:nth-child(6),
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs.shome-tabs > a:nth-child(7),
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs.shome-tabs > a:nth-child(8),
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs.shome-tabs > a:nth-child(9),
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs.shome-tabs > a:nth-child(10) {
  border: 1px solid #A9B5C9 !important;
  box-shadow: 0 2px 6px rgba(20,35,70,.06) !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs.shome-tabs > a:hover {
  border-color: #8D9BB5 !important;
}

/* Diger paneller de bir tik koyu */
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 :is(.shome-hero, .shome-focus-rail, .shome-ai, .shome-progress, .shome-ring, .shome-target, .shome-list-card, .shome-reading-badge, .shome-today-kpis > .kpi-metric-card) {
  border-color: #C2CCDB !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-focus-item {
  border-color: #CFD8E4 !important;
}
html body.akx-shell .akx-app.akx-student .akx-topbar {
  border-bottom-color: #C2CCDB !important;
}

/* ================================================================
   END FINAL v56
   ================================================================ */


/* ================================================================
   FINAL v57 — HERO: SOL %52 KUNYE / SAG %48 OGRENCI BANNERI

   Gorsel: wwwroot/images/student-banner.png
   Dosya yoksa <img> onerror ile gizleniyor, altindaki sicak degrade
   kaliyor — duzen bozulmuyor.

   Yazi gorselin SOL tarafinda absolute duruyor; ogrencinin yuzunun
   uzerine gelmemesi icin overlay sagdan tamamen saydamlasiyor ve
   metin kutusu genisligi sinirlandirildi.
   ================================================================ */

/* ---------------- 1. HERO IKI BOLGE ----------------------------- */
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero.shome-hero {
  display: grid !important;
  grid-template-columns: minmax(0, 52fr) minmax(0, 48fr) !important;
  align-items: center !important;
  gap: 20px !important;
  min-height: 0 !important;
  padding: 16px 18px !important;
  background: linear-gradient(110deg,#FFFFFF 0%,#FDFAFF 46%,#FBF4F1 100%) !important;
  background-image: linear-gradient(110deg,#FFFFFF 0%,#FDFAFF 46%,#FBF4F1 100%) !important;
}
/* Ustteki 3 mini sayac artik "Bugunku Durum" ile ayni sayilari
   tekrarliyordu; hero iki bolgeye indigi icin gizlendi.
   Geri istenirse yalnizca bu kural silinir. */
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero .shome-hero-side {
  display: none !important;
}

/* ---------------- 2. SOL: KUNYE --------------------------------- */
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero .shome-hero-id {
  align-self: center !important;
  gap: 16px !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero .shome-hero-text h1 {
  font-size: 23px !important;
}
/* Kunye metni kolonu doldursun; aksi halde metin ile banner arasinda
   ~380px olu bosluk kaliyor. */
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero .shome-hero-text {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  max-width: none !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero .shome-temperament {
  margin: 10px 0 0 0 !important;
  max-width: none !important;
}

/* ---------------- 3. SAG: OGRENCI BANNERI ----------------------- */
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero-banner {
  position: relative !important;
  align-self: center !important;
  width: 100% !important;
  max-width: 560px !important;
  min-width: 0 !important;
  margin-left: auto !important;
  height: 146px !important;
  min-height: 146px !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  /* Gorselin kenarlari yumusak saydam; cerceve kutu hissi verdigi icin yok.
     Zemin hero degradesiyle ayni tonda, boylece iki kutu gibi durmuyor. */
  border: 0 !important;
  /* v51'in 1200px altinda banneri gizleyen kurali iptal */
  display: block !important;
  /* gorsel yuklenemezse gorunen zemin */
  background-color: #FAF6F2 !important;
  background-image: linear-gradient(115deg,#F8F5FB 0%,#FBF4F0 55%,#FBF1EA 100%) !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  box-shadow: none !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero-banner-img {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  /* Gorselde ogrencinin basi ust bantta; dikey kirpma tepesini kesmesin */
  object-position: right 16% !important;
  border-radius: 14px !important;
}
/* Yazinin okunmasi icin soldan saga soft gecis */
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero-banner::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  border-radius: 14px !important;
  background: linear-gradient(
    90deg,
    rgba(250,246,242,0.55) 0%,
    rgba(250,246,242,0.34) 26%,
    rgba(250,246,242,0.12) 44%,
    rgba(250,246,242,0) 58%
  ) !important;
  pointer-events: none !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero-banner::after {
  content: none !important;
}
/* "Planla / Calis / Basar!" cumlesi gorselin kendi icinde yazili oldugu icin
   HTML katmanindaki ayni metin gizlendi. Geri istenirse asagidaki
   display:none satiri silinip display:flex birakilir. */
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero-banner-text {
  display: none !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  z-index: 2 !important;
  flex-direction: column !important;
  justify-content: center !important;
  width: 56% !important;
  max-width: 250px !important;
  padding: 0 0 0 18px !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero-banner-text strong {
  display: block !important;
  color: #17213C !important;
  -webkit-text-fill-color: #17213C !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 1.18 !important;
  letter-spacing: -.018em !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero-banner-text strong i {
  color: #F05B5B !important;
  -webkit-text-fill-color: #F05B5B !important;
  font-size: 16px !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero-banner-text span {
  display: block !important;
  margin-top: 8px !important;
  color: #5C6B7F !important;
  -webkit-text-fill-color: #5C6B7F !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.42 !important;
}

/* ---------------- 4. RESPONSIVE --------------------------------- */
@media (max-width: 1100px) {
  html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero.shome-hero {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 16px !important;
  }
  html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero-banner {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    height: 132px !important;
    min-height: 132px !important;
  }
  html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero-banner-text {
    width: 62% !important;
    max-width: 280px !important;
  }
}
@media (max-width: 560px) {
  html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero-banner {
    height: 118px !important;
    min-height: 118px !important;
  }
  html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero-banner-text strong {
    font-size: 17px !important;
  }
}

/* ================================================================
   END FINAL v57
   ================================================================ */


/* ================================================================
   FINAL v58 — BANNER: SOLDA METIN KATMANI / SAGDA OGRENCI

   Metin resmin icine gomulu degil; HTML katmani olarak gorselin
   uzerinde duruyor (responsive ve degistirilebilir).

   Yerlesim:  [ metin %42 ]  [ degrade gecis ]  [ ogrenci ]
   ================================================================ */

/* ---------------- 1. BANNER KUTUSU ------------------------------ */
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero-banner {
  max-width: 520px !important;
  height: 145px !important;
  min-height: 145px !important;
  background-color: #EFEEFF !important;
  background-image: linear-gradient(90deg,#EFEEFF 0%,#F5EEF4 38%,#FAECE1 100%) !important;
}

/* ---------------- 2. GORSEL ------------------------------------- */
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero-banner-img {
  /* Yatayda kirpma olmuyor (gorsel bannerdan dar oranli), bu yuzden
     dikey deger belirleyici: %16 ogrencinin sac ustunu kesmiyor,
     yuzu tam gorunuyor. */
  object-position: 70% 16% !important;
}

/* ---------------- 3. OKUNABILIRLIK DEGRADESI -------------------- */
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero-banner::before {
  background: linear-gradient(
    90deg,
    rgba(239,238,255,1) 0%,
    rgba(245,238,244,.97) 30%,
    rgba(250,236,225,.80) 50%,
    rgba(250,236,225,.15) 70%,
    rgba(250,236,225,0) 100%
  ) !important;
}

/* ---------------- 4. METIN KATMANI ------------------------------ */
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero-banner-text {
  display: flex !important;
  position: relative !important;
  inset: auto !important;
  z-index: 2 !important;
  width: 42% !important;
  max-width: none !important;
  height: 100% !important;
  flex-direction: column !important;
  justify-content: center !important;
  padding: 0 0 0 28px !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero-banner-text .shome-banner-slogan {
  display: block !important;
  margin: 0 !important;
  font-size: 24px !important;
  font-weight: 500 !important;
  letter-spacing: -.01em !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero-banner-text .shome-banner-slogan .sl-a {
  display: block !important;
  margin: 0 !important;
  font-size: 24px !important;
  font-weight: 500 !important;
  line-height: 1.14 !important;
  color: #17213C !important;
  -webkit-text-fill-color: #17213C !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero-banner-text .shome-banner-slogan .sl-b {
  display: block !important;
  margin: 0 !important;
  font-size: 28px !important;
  font-weight: 800 !important;
  line-height: 1.14 !important;
  letter-spacing: -.02em !important;
  color: #17213C !important;
  -webkit-text-fill-color: #17213C !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero-banner-text .shome-banner-slogan .sl-b i {
  font-size: 19px !important;
  color: #F05B5B !important;
  -webkit-text-fill-color: #F05B5B !important;
  vertical-align: 1px !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero-banner-text .shome-banner-sub {
  display: block !important;
  margin: 9px 0 0 0 !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
  color: #475467 !important;
  -webkit-text-fill-color: #475467 !important;
}

/* ---------------- 5. RESPONSIVE --------------------------------- */
@media (max-width: 1100px) {
  html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero-banner {
    height: 150px !important;
    min-height: 150px !important;
  }
  html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero-banner-text {
    width: 46% !important;
  }
}
@media (max-width: 560px) {
  html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero-banner {
    height: 152px !important;
    min-height: 152px !important;
  }
  html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero-banner-text {
    width: 52% !important;
    padding-left: 18px !important;
  }
  html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero-banner-text .shome-banner-slogan .sl-a {
    font-size: 21px !important;
  }
  html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero-banner-text .shome-banner-slogan .sl-b {
    font-size: 24px !important;
  }
  html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero-banner-text .shome-banner-sub {
    font-size: 12.5px !important;
  }
}

/* ================================================================
   END FINAL v58
   ================================================================ */


/* ================================================================
   FINAL v59 — PREMIUM SAAS KENARLIK SISTEMI

   Hiyerarsi:
     sayfa  #F6F8FC
       buyuk section kart  beyaz + 1px #DDE3EC + cok hafif golge
         ic kart           beyaz + 1px #E7EBF1 + golge yok
   Kural: 2px yok, koyu gri yok, border + guclu golge birlikte yok,
   kartlari ayirmak icin renkli zemin yok.
   ================================================================ */

html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 {
  --page-bg: #F6F8FC;
  --card-bd: #DDE3EC;
  --card-bd-hover: #CCD6E4;
  --inner-bd: #E7EBF1;
  --card-sh: 0 3px 12px rgba(22,34,60,.045);
  --card-sh-hover: 0 6px 18px rgba(22,34,60,.065);
  --card-radius: 14px;
  --inner-radius: 10px;
}
html body.akx-shell .akx-app.akx-student .akx-content,
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 {
  background: #F6F8FC !important;
  background-color: #F6F8FC !important;
}

/* ================================================================
   1. BUYUK SECTION KARTLARI                       (madde 5, 10, 14)
   ================================================================ */
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 :is(
  .shome-hero, .shome-focus-rail, .shome-ai, .shome-progress,
  .shome-ring, .shome-target, .shome-list-card, .shome-reading-badge,
  .shome-today-kpis > .kpi-metric-card, .shome-tabs > a) {
  border: 1px solid #DDE3EC !important;
  border-radius: 14px !important;
  box-shadow: 0 3px 12px rgba(22,34,60,.045) !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 :is(
  .shome-focus-rail, .shome-ai, .shome-progress, .shome-ring,
  .shome-target, .shome-list-card) {
  background: #FFFFFF !important;
  padding: 20px !important;
}

/* ================================================================
   2. IC KARTLAR — dis karttan bir ton daha silik          (madde 14)
   ================================================================ */
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 :is(
  .shome-focus-item, .shome-list-row, .shome-weekday:not(.is-today),
  .shome-progress-stats > span) {
  background: #FFFFFF !important;
  border: 1px solid #E7EBF1 !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}
/* Sinav geri sayimi bir vurgu seridi; zemini kaliyor, cercevesi sisteme uyuyor */
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-countdown {
  border: 1px solid #E3E9F3 !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}

/* ================================================================
   3. HOVER DAVRANISI
   ================================================================ */
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 :is(
  .shome-tabs > a, .shome-today-kpis > .kpi-metric-card, .shome-reading-badge) {
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 :is(
  .shome-tabs > a, .shome-today-kpis > .kpi-metric-card, .shome-reading-badge):hover {
  border-color: #CCD6E4 !important;
  box-shadow: 0 6px 18px rgba(22,34,60,.065) !important;
  transform: translateY(-1px) !important;
  filter: none !important;
}

/* ================================================================
   4. HIZLI ERISIM — daha yuksek kart, daha buyuk ikon      (madde 4)
   ================================================================ */
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs > a {
  height: 76px !important;
  min-height: 76px !important;
  max-height: 76px !important;
  padding: 0 16px !important;
  gap: 14px !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs > a > i:first-child {
  width: 42px !important;
  height: 42px !important;
  flex: 0 0 42px !important;
  border-radius: 12px !important;
  font-size: 20px !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs > a > span {
  font-size: 13.5px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs > a .shome-tab-go {
  font-size: 14px !important;
}

/* ================================================================
   5. HERO — biraz daha yuksek                              (madde 1)
   ================================================================ */
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero.shome-hero {
  min-height: 190px !important;
  padding: 20px !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero-banner {
  height: 156px !important;
  min-height: 156px !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* ================================================================
   6. GELISIM — 3 ders karti tek satirda            (madde 6, 7)
   ================================================================ */
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-focus-list {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
  align-content: start !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-focus-rail {
  display: flex !important;
  flex-direction: column !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-focus-head {
  margin-bottom: 14px !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-focus-item {
  padding: 14px !important;
  min-height: 0 !important;
}
/* Icgorü kutusu bos alan birakmadan yayilsin */
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-ai {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-ai-body {
  flex: 1 1 auto !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-ai-go {
  margin-top: 14px !important;
}

/* ================================================================
   7. GELISIM ICGORUSU — daha buyuk tipografi ve ikon       (madde 8)
   ================================================================ */
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-ai-label {
  margin-bottom: 12px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: -.01em !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-ai-label > i {
  display: grid !important;
  place-items: center !important;
  width: 32px !important;
  height: 32px !important;
  flex: 0 0 32px !important;
  border-radius: 10px !important;
  background: #F3EFFE !important;
  color: #7B5BD6 !important;
  -webkit-text-fill-color: #7B5BD6 !important;
  font-size: 17px !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-ai-body p {
  font-size: 14.5px !important;
  line-height: 1.6 !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-ai-fact {
  font-size: 13px !important;
}

/* ================================================================
   8. DERS BAZLI BASARIM — mor bant yerine beyaz baslik     (madde 9)
   ================================================================ */
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 :is(.shome-ring, .shome-progress) h3 {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 0 14px 0 !important;
  padding: 0 0 12px 0 !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-bottom: 1px solid #EEF1F6 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  letter-spacing: -.015em !important;
  color: #17213C !important;
  -webkit-text-fill-color: #17213C !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-ring h3 > i {
  width: 30px !important;
  height: 30px !important;
  flex: 0 0 30px !important;
  border-radius: 9px !important;
  background: #F4F0FE !important;
  color: #7B5BD6 !important;
  -webkit-text-fill-color: #7B5BD6 !important;
  font-size: 15px !important;
}

/* ================================================================
   9. GUNLUK AKISIM — veri yoksa compact empty-state       (madde 11)
   ================================================================ */
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-bottom-grid {
  align-items: start !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-list-card {
  min-height: 0 !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-empty {
  flex: 0 0 auto !important;
  gap: 4px !important;
  margin-top: 12px !important;
  padding: 16px 12px !important;
  background: #FBFCFE !important;
  border: 1px solid #EEF1F6 !important;
  border-radius: 10px !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-empty > i {
  width: auto !important;
  height: auto !important;
  margin: 0 0 2px 0 !important;
  background: transparent !important;
  font-size: 22px !important;
  color: #9AA6BC !important;
  -webkit-text-fill-color: #9AA6BC !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-empty > b {
  font-size: 13.5px !important;
  font-weight: 600 !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-empty > span {
  font-size: 12.5px !important;
  line-height: 1.4 !important;
}

/* ================================================================
   10. BASLIK TIPOGRAFISI                              (madde 12, 13)
   ================================================================ */
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-section-title {
  font-size: 17.5px !important;
  font-weight: 700 !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-section-head small,
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-section-txt small,
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-focus-head small {
  font-size: 12.5px !important;
  line-height: 1.4 !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-list-head h3,
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-focus-head > span {
  font-size: 15.5px !important;
  font-weight: 700 !important;
}

/* ================================================================
   11. RESPONSIVE
   ================================================================ */
@media (max-width: 1100px) {
  html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-focus-list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero-banner {
    height: 152px !important;
    min-height: 152px !important;
  }
}
@media (max-width: 720px) {
  html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-focus-list {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* ================================================================
   END FINAL v59
   ================================================================ */


/* ================================================================
   FINAL v60 — v59 OZGULLUK DUZELTMELERI

   Asagidaki kurallar v59'da daha dusuk ozgulluklu yazildigi icin
   eski bloklara yenik dusuyordu; ayni degerler dogru secicilerle
   tekrar ediliyor.
   ================================================================ */

/* Hizli erisim: v56'nin koyu gri (#A9B5C9) cercevesini birak */
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs.shome-tabs.shome-tabs > a,
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs.shome-tabs.shome-tabs > a:nth-child(1),
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs.shome-tabs.shome-tabs > a:nth-child(2),
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs.shome-tabs.shome-tabs > a:nth-child(3),
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs.shome-tabs.shome-tabs > a:nth-child(4),
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs.shome-tabs.shome-tabs > a:nth-child(5),
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs.shome-tabs.shome-tabs > a:nth-child(6),
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs.shome-tabs.shome-tabs > a:nth-child(7),
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs.shome-tabs.shome-tabs > a:nth-child(8),
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs.shome-tabs.shome-tabs > a:nth-child(9),
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs.shome-tabs.shome-tabs > a:nth-child(10) {
  border: 1px solid #DDE3EC !important;
  border-radius: 14px !important;
  box-shadow: 0 3px 12px rgba(22,34,60,.045) !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs.shome-tabs.shome-tabs > a:hover {
  border-color: #CCD6E4 !important;
  box-shadow: 0 6px 18px rgba(22,34,60,.065) !important;
  transform: translateY(-1px) !important;
  filter: none !important;
}

/* Section basliklari 17.5px / 700 */
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-section-head .shome-section-title,
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-section-head .shome-section-txt .shome-section-title {
  font-size: 17.5px !important;
  font-weight: 700 !important;
}

/* Gelisim Icgorusu: metin ve ikon buyudu */
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-ai .shome-ai-body > p {
  font-size: 14.5px !important;
  line-height: 1.6 !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-ai .shome-ai-label {
  font-size: 15px !important;
  font-weight: 700 !important;
  gap: 10px !important;
  margin-bottom: 12px !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-ai .shome-ai-label i {
  width: 32px !important;
  height: 32px !important;
  flex: 0 0 32px !important;
  border-radius: 10px !important;
  background: #F3EFFE !important;
  color: #7B5BD6 !important;
  -webkit-text-fill-color: #7B5BD6 !important;
  font-size: 17px !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-ai .shome-ai-fact {
  font-size: 13px !important;
}

/* Bos durum kutusu biraz daha derli toplu */
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-list-card .shome-empty {
  gap: 3px !important;
  padding: 14px 12px !important;
}

/* ================================================================
   END FINAL v60
   ================================================================ */


/* ================================================================
   FINAL v61 — GELISIM: KART ICINDEKI BOS BEYAZ ALAN        (madde 7)

   Odak Branslar karti, yanindaki Icgoru kartinin boyuna uzuyor ve
   3 ders kartinin altinda ~150px bos beyaz alan kaliyordu. Kartlar
   artik kendi icerik yuksekliklerinde duruyor.
   ================================================================ */
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-growth-grid {
  align-items: start !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-focus-rail .shome-focus-list {
  flex: 0 0 auto !important;
  align-content: start !important;
}

/* ================================================================
   END FINAL v61
   ================================================================ */


/* ================================================================
   FINAL v62 — SICAK PREMIUM ZEMIN + RAFINE KENARLIKLAR

   Degrade YALNIZCA ogrenci dashboardunun ana zemininde; kartlar
   beyaz kaliyor ve sicak zeminin uzerinde yuzuyor.
   ================================================================ */

/* ---------------- 1. ANA SAYFA ZEMINI --------------------------- */
html body.akx-shell .akx-app.akx-student .akx-content:has(.shome.shome-v2) {
  background: linear-gradient(
    135deg,
    #FFF9F4 0%,
    #FFF5EC 45%,
    #F8FAFD 100%
  ) !important;
  background-attachment: fixed !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  min-height: 100vh !important;
}
/* Sayfa bolumu saydam: degrade tek katman olarak kalsin */
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}
/* :has() desteklemeyen tarayici icin ayni degrade bolumun kendisine */
@supports not selector(:has(*)) {
  html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 {
    background: linear-gradient(
      135deg,
      #FFF9F4 0%,
      #FFF5EC 45%,
      #F8FAFD 100%
    ) !important;
    background-attachment: fixed !important;
    min-height: 100vh !important;
  }
}

/* ---------------- 2. KART KENARLIK / GOLGE SISTEMI -------------- */
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 :is(
  .shome-hero, .shome-focus-rail, .shome-ai, .shome-progress,
  .shome-ring, .shome-target, .shome-list-card, .shome-reading-badge,
  .shome-today-kpis > .kpi-metric-card) {
  border: 1px solid #DDE3EC !important;
  box-shadow: 0 4px 16px rgba(25,35,55,.045) !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs.shome-tabs.shome-tabs > a {
  border: 1px solid #DDE3EC !important;
  box-shadow: 0 4px 16px rgba(25,35,55,.045) !important;
}
/* Ic kartlar */
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 :is(
  .shome-focus-item, .shome-list-row, .shome-weekday:not(.is-today),
  .shome-progress-stats > span) {
  border: 1px solid #E8ECF2 !important;
  box-shadow: none !important;
}
/* Gunluk Akisim: ic kartlar dis karttan belirgin sekilde daha silik */
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-list-card :is(
  .shome-list-row, .shome-weekday:not(.is-today), .shome-empty, .shome-countdown) {
  border-color: #EFF2F7 !important;
  box-shadow: none !important;
}

/* ---------------- 3. SECTION BASLIKLARI ------------------------- */
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-section-head .shome-section-title,
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-section-head .shome-section-txt .shome-section-title {
  font-size: 19px !important;
  font-weight: 700 !important;
  letter-spacing: -.02em !important;
  color: #101A33 !important;
  -webkit-text-fill-color: #101A33 !important;
}

/* ---------------- 4. OGRENCI PROFIL FOTOGRAFI ------------------- */
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero .shome-hero-photo {
  width: 88px !important;
  min-width: 88px !important;
  max-width: 88px !important;
  height: 88px !important;
  min-height: 88px !important;
  max-height: 88px !important;
  flex: 0 0 88px !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero .shome-hero-photo > span {
  font-size: 30px !important;
}

/* ---------------- 5. GRAFIK KARTLARI: DIKEY BOSLUK -------------- */
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-toprow {
  align-items: start !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-ring {
  height: auto !important;
  align-self: start !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-lessonbars {
  flex: 0 0 auto !important;
  gap: 12px !important;
  margin: 0 !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-progress-stats {
  margin-top: 12px !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-chart {
  margin: 0 !important;
}

/* ---------------- 6. HIZLI ERISIM IKON KUTULARI ----------------- */
/* Kart zeminleri aynen kaliyor; yalnizca ikon kutusu ve ikon rengi
   yaklasik %10 daha belirgin. */
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs.shome-tabs > a > i:first-child {
  background: rgba(255,255,255,.95) !important;
  box-shadow: 0 1px 3px rgba(25,35,55,.06) !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs.shome-tabs > a:nth-child(1) > i:first-child,
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs.shome-tabs > a:nth-child(7) > i:first-child {
  color: #3450C9 !important; -webkit-text-fill-color: #3450C9 !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs.shome-tabs > a:nth-child(2) > i:first-child {
  color: #3F4FCE !important; -webkit-text-fill-color: #3F4FCE !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs.shome-tabs > a:nth-child(3) > i:first-child,
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs.shome-tabs > a:nth-child(9) > i:first-child {
  color: #BD7F0C !important; -webkit-text-fill-color: #BD7F0C !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs.shome-tabs > a:nth-child(4) > i:first-child,
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs.shome-tabs > a:nth-child(8) > i:first-child {
  color: #6F4DD0 !important; -webkit-text-fill-color: #6F4DD0 !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs.shome-tabs > a:nth-child(5) > i:first-child {
  color: #C56C26 !important; -webkit-text-fill-color: #C56C26 !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs.shome-tabs > a:nth-child(6) > i:first-child {
  color: #12897C !important; -webkit-text-fill-color: #12897C !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs.shome-tabs > a:nth-child(10) > i:first-child {
  color: #158253 !important; -webkit-text-fill-color: #158253 !important;
}

/* ================================================================
   END FINAL v62
   ================================================================ */


/* ================================================================
   FINAL v63 — DERS BAZLI BASARIM KARTININ BOS ALANI

   Kartin yuksekligini baska bir stil dosyasindaki min-height: 325px
   sabitliyordu; icerige gore kuculmesi icin sifirlaniyor.
   ================================================================ */
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-toprow > .shome-ring,
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-ring.shome-ring {
  min-height: 0 !important;
  height: auto !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 :is(.shome-ring, .shome-progress) h3 {
  line-height: 1.2 !important;
}

/* ================================================================
   END FINAL v63
   ================================================================ */


/* ================================================================
   FINAL v64 — BANNER: GENIS KADRAJ OGRENCI GORSELI

   student-banner.png yeniden kurgulandi: 1200x344 (~3.49:1) tuval,
   ogrenci + masa + laptop tam kadrajda sagda, sol tarafta metin icin
   genis negatif alan ve fotografin ortam renginden gelen sicak
   degrade. Boylece CSS ile zorlama kirpma yapilmiyor; banner orani
   gorselin orani ile ayni.
   ================================================================ */

html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero-banner {
  max-width: 600px !important;
  height: 172px !important;
  min-height: 172px !important;
  background-color: #FFF9F4 !important;
  background-image: linear-gradient(100deg,#FFF9F4 0%,#FCF4F0 60%,#F4EFF3 100%) !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero-banner-img {
  /* Oran artik banner ile ayni; kirpma neredeyse yok */
  object-fit: cover !important;
  object-position: center right !important;
}
/* Degrade gorselin icinde hazir; ustteki katman yalnizca dar
   ekranlarda yatay kirpma olurken metnin okunmasi icin. */
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero-banner::before {
  background: linear-gradient(
    90deg,
    rgba(255,249,244,.92) 0%,
    rgba(255,249,244,.78) 26%,
    rgba(255,249,244,.34) 46%,
    rgba(255,249,244,0) 62%
  ) !important;
}
/* Hero yuksekligi yeni banner boyuna uysun */
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero.shome-hero {
  min-height: 212px !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero-banner-text {
  width: 40% !important;
  padding-left: 30px !important;
}

@media (max-width: 1100px) {
  html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero-banner {
    height: 168px !important;
    min-height: 168px !important;
  }
}
@media (max-width: 560px) {
  html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero-banner {
    height: 156px !important;
    min-height: 156px !important;
  }
  html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero-banner-text {
    width: 54% !important;
    padding-left: 18px !important;
  }
}

/* ================================================================
   END FINAL v64
   ================================================================ */


/* ================================================================
   FINAL v65 — KART YUKSEKLIKLERI VE DIKEY RITIM

   1  Gelisim (Odak Branslar) ile Gelisim Icgorusu ayni boyda.
   2  Deneme Performansim ile Ders Bazli Basarim ayni boyda; sagdaki
      kartin icerigi bos alan birakmadan dikeyde dengeli dagiliyor.
   3  Grafikler ile Gunluk Akisim arasindaki bosluk 10px azaldi.

   Not: v61/v62/v63 kartlari icerik boyuna sabitliyordu, buradaki
   kurallar onlari bilerek geciyor.
   ================================================================ */

/* ---------------- 1. GELISIM SATIRI ----------------------------- */
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-growth-grid {
  align-items: stretch !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-focus-rail {
  display: flex !important;
  flex-direction: column !important;
  align-self: stretch !important;
}
/* Bos beyaz alan birakmamak icin ders kutulari kalan yuksekligi paylasir */
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-focus-rail .shome-focus-list {
  flex: 1 1 auto !important;
  align-content: stretch !important;
  grid-auto-rows: 1fr !important;
}

/* ---------------- 2. GRAFIK SATIRI ------------------------------ */
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-toprow {
  align-items: stretch !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-toprow > .shome-progress,
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-toprow > .shome-ring,
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-ring.shome-ring {
  display: flex !important;
  flex-direction: column !important;
  align-self: stretch !important;
  height: auto !important;
  min-height: 0 !important;
}
/* Sag kart: ders cubuklari kalan alani esit araliklarla doldurur */
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-ring .shome-lessonbars {
  flex: 1 1 auto !important;
  justify-content: space-evenly !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-ring #shomeAvgChart {
  flex: 1 1 auto !important;
}
/* Sol kartta grafik esnesin, alt KPI seridi dipte kalsin */
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-progress .shome-chart {
  flex: 1 1 auto !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-progress .shome-progress-stats {
  flex: 0 0 auto !important;
}

/* ---------------- 3. GRAFIKLER <-> GUNLUK AKISIM ---------------- */
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-toprow {
  margin-bottom: 14px !important;
}

/* Tek kolona dusunce esitleme gereksiz */
@media (max-width: 1200px) {
  html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-focus-rail .shome-focus-list {
    grid-auto-rows: auto !important;
  }
  html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-ring .shome-lessonbars {
    flex: 0 0 auto !important;
    justify-content: flex-start !important;
  }
}

/* ================================================================
   END FINAL v65
   ================================================================ */


/* ================================================================
   FINAL v66 — ODAK BRANS KARTLARININ IC DAGILIMI

   v65 ders kutularini kolonu dolduracak sekilde uzatiyor; icerik
   dikeyde ortalandigi icin kartin alti ve ustu bos kaliyordu.
   Artik baslik/oran ustte, ilerleme cubugu kartin dibinde.
   ================================================================ */
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-focus-rail .shome-focus-item {
  align-content: space-between !important;
  align-items: start !important;
  padding: 16px 14px !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-focus-rail .shome-focus-item .shome-focus-bar {
  align-self: end !important;
}

/* ================================================================
   END FINAL v66
   ================================================================ */


/* ================================================================
   FINAL v67 — DERS KONU YONETIMI (/curriculum) PREMIUM PASI

   Ogrenci panosundaki tasarim dili birebir tasindi:
     sayfa   sicak degrade zemin
     kart    #FFFFFF + 1px #DDE3EC + 0 4px 16px rgba(25,35,55,.045)
     ic kart #FFFFFF + 1px #E8ECF2 + golge yok
     radius  buyuk 14px / kucuk 10px
   Renkli panel zeminleri (kum/petrol) kaldirildi; renk yalnizca
   ikon kutularinda ve birincil butonda.
   ================================================================ */

html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-page {
  --cx-primary: #4F6BED;
  --cx-primary-dark: #3D57D4;
  --cx-primary-soft: #EEF3FF;
  --cx-bd: #DDE3EC;
  --cx-bd-hover: #CCD6E4;
  --cx-inner-bd: #E8ECF2;
  --cx-sh: 0 4px 16px rgba(25,35,55,.045);
  --cx-sh-hover: 0 6px 18px rgba(22,34,60,.065);
  --cx-ink: #101A33;
  --cx-ink-2: #475467;
  --cx-ink-3: #7A869A;
}

/* ---------------- 1. SAYFA ZEMINI ------------------------------- */
html body.akx-shell .akx-app .akx-content:has(.curriculum-page) {
  background: linear-gradient(135deg,#FFF9F4 0%,#FFF5EC 45%,#F8FAFD 100%) !important;
  background-attachment: fixed !important;
  background-size: cover !important;
  min-height: 100vh !important;
}
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-page {
  background: transparent !important;
  max-width: 1460px !important;
  margin: 0 auto !important;
  padding: 22px 26px 40px !important;
}

/* ---------------- 2. HERO --------------------------------------- */
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-page .curriculum-hero {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  margin: 0 0 18px 0 !important;
  padding: 18px 20px !important;
  background: #FFFFFF !important;
  background-image: none !important;
  border: 1px solid #DDE3EC !important;
  border-top: 1px solid #DDE3EC !important;
  border-left: 1px solid #DDE3EC !important;
  border-radius: 14px !important;
  box-shadow: 0 4px 16px rgba(25,35,55,.045) !important;
}
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-page .curriculum-hero::before,
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-page .curriculum-hero::after {
  content: none !important;
}
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-page .curriculum-hero-icon {
  display: grid !important;
  place-items: center !important;
  flex: 0 0 52px !important;
  width: 52px !important;
  height: 52px !important;
  border-radius: 14px !important;
  background: #EEF3FF !important;
  border: 0 !important;
  color: #4F6BED !important;
  -webkit-text-fill-color: #4F6BED !important;
  font-size: 23px !important;
  box-shadow: none !important;
}
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-page .curriculum-hero h1 {
  margin: 0 !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  letter-spacing: -.02em !important;
  color: #101A33 !important;
  -webkit-text-fill-color: #101A33 !important;
}
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-page .curriculum-hero p {
  margin: 3px 0 0 0 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.45 !important;
  color: #7A869A !important;
  -webkit-text-fill-color: #7A869A !important;
}

/* ---------------- 3. SEKMELER ----------------------------------- */
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-page .curriculum-tabs {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin: 0 0 20px 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-page .curriculum-tabs .curriculum-tab {
  display: flex !important;
  align-items: center !important;
  gap: 13px !important;
  min-height: 72px !important;
  padding: 0 16px !important;
  background: #FFFFFF !important;
  background-image: none !important;
  border: 1px solid #DDE3EC !important;
  border-top: 1px solid #DDE3EC !important;
  border-radius: 14px !important;
  box-shadow: 0 4px 16px rgba(25,35,55,.045) !important;
  text-decoration: none !important;
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease !important;
}
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-page .curriculum-tabs .curriculum-tab::before,
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-page .curriculum-tabs .curriculum-tab::after {
  content: none !important;
}
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-page .curriculum-tabs .curriculum-tab > i {
  display: grid !important;
  place-items: center !important;
  flex: 0 0 40px !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 12px !important;
  background: #F2F5FA !important;
  border: 0 !important;
  color: #5A6B87 !important;
  -webkit-text-fill-color: #5A6B87 !important;
  font-size: 18px !important;
}
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-page .curriculum-tabs .curriculum-tab span {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  min-width: 0 !important;
}
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-page .curriculum-tabs .curriculum-tab strong {
  font-size: 13.5px !important;
  font-weight: 700 !important;
  letter-spacing: -.01em !important;
  color: #101A33 !important;
  -webkit-text-fill-color: #101A33 !important;
}
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-page .curriculum-tabs .curriculum-tab small {
  font-size: 11.5px !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
  color: #8A94A6 !important;
  -webkit-text-fill-color: #8A94A6 !important;
}
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-page .curriculum-tabs .curriculum-tab:hover {
  border-color: #CCD6E4 !important;
  box-shadow: 0 6px 18px rgba(22,34,60,.065) !important;
  transform: translateY(-1px) !important;
}
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-page .curriculum-tabs .curriculum-tab.is-active {
  background: #F6F8FF !important;
  background-image: none !important;
  border-color: #C3D0F7 !important;
  box-shadow: 0 4px 16px rgba(79,107,237,.10) !important;
}
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-page .curriculum-tabs .curriculum-tab.is-active > i {
  background: #4F6BED !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-page .curriculum-tabs .curriculum-tab.is-active strong {
  color: #2F44B8 !important;
  -webkit-text-fill-color: #2F44B8 !important;
}
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-page .curriculum-tabs .curriculum-tab.is-active small {
  color: #6C7CB5 !important;
  -webkit-text-fill-color: #6C7CB5 !important;
}

/* ---------------- 4. BOLUM BASLIGI ------------------------------ */
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-page .curriculum-subtitle {
  margin: 0 0 14px 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  font-size: 19px !important;
  font-weight: 700 !important;
  letter-spacing: -.02em !important;
  color: #101A33 !important;
  -webkit-text-fill-color: #101A33 !important;
}
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-page .curriculum-subtitle::before,
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-page .curriculum-subtitle::after {
  content: none !important;
}

/* ---------------- 5. PANELLER ----------------------------------- */
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-page .curriculum-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 300px) minmax(0, 1fr) !important;
  align-items: start !important;
  gap: 16px !important;
}
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-page .curriculum-units,
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-page .curriculum-lessons {
  padding: 18px !important;
  background: #FFFFFF !important;
  background-image: none !important;
  border: 1px solid #DDE3EC !important;
  border-top: 1px solid #DDE3EC !important;
  border-radius: 14px !important;
  box-shadow: 0 4px 16px rgba(25,35,55,.045) !important;
}
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-page .curriculum-units::before,
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-page .curriculum-lessons::before,
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-page .curriculum-units::after,
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-page .curriculum-lessons::after {
  content: none !important;
}
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-page .curriculum-units-head {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 0 14px 0 !important;
  padding: 0 0 12px 0 !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-bottom: 1px solid #EEF1F6 !important;
  border-radius: 0 !important;
  font-size: 15.5px !important;
  font-weight: 700 !important;
  letter-spacing: -.015em !important;
  color: #101A33 !important;
  -webkit-text-fill-color: #101A33 !important;
}
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-page .curriculum-units-head > i:first-child {
  display: grid !important;
  place-items: center !important;
  flex: 0 0 30px !important;
  width: 30px !important;
  height: 30px !important;
  border-radius: 9px !important;
  background: #EEF3FF !important;
  color: #4F6BED !important;
  -webkit-text-fill-color: #4F6BED !important;
  font-size: 15px !important;
}
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-page .curriculum-unit-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

/* ---------------- 6. SINIF SATIRLARI ---------------------------- */
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-page .curriculum-unit {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  min-height: 46px !important;
  padding: 0 13px !important;
  background: #FFFFFF !important;
  background-image: none !important;
  border: 1px solid #E8ECF2 !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  text-decoration: none !important;
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease !important;
}
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-page .curriculum-unit > span {
  font-size: 13.5px !important;
  font-weight: 600 !important;
  color: #17213C !important;
  -webkit-text-fill-color: #17213C !important;
}
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-page .curriculum-unit em {
  font-style: normal !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  color: #8A94A6 !important;
  -webkit-text-fill-color: #8A94A6 !important;
}
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-page .curriculum-unit:hover {
  border-color: #CCD6E4 !important;
  box-shadow: 0 6px 18px rgba(22,34,60,.065) !important;
  transform: translateY(-1px) !important;
}
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-page .curriculum-unit.is-active {
  background: #F6F8FF !important;
  background-image: none !important;
  border-color: #C3D0F7 !important;
  box-shadow: none !important;
}
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-page .curriculum-unit.is-active > span {
  color: #2F44B8 !important;
  -webkit-text-fill-color: #2F44B8 !important;
}
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-page .curriculum-unit.is-active em {
  color: #6C7CB5 !important;
  -webkit-text-fill-color: #6C7CB5 !important;
}

/* ---------------- 7. DERS PANELI BASLIGI + BUTONLAR ------------- */
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-page .curriculum-lessons-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  margin: 0 0 14px 0 !important;
  padding: 0 0 13px 0 !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-bottom: 1px solid #EEF1F6 !important;
  border-radius: 0 !important;
}
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-page .curriculum-lessons-head h3 {
  margin: 0 !important;
  font-size: 16.5px !important;
  font-weight: 700 !important;
  letter-spacing: -.015em !important;
  color: #101A33 !important;
  -webkit-text-fill-color: #101A33 !important;
}
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-page .curriculum-lessons-head > div:first-child > span {
  display: block !important;
  margin-top: 2px !important;
  font-size: 12.5px !important;
  font-weight: 500 !important;
  color: #8A94A6 !important;
  -webkit-text-fill-color: #8A94A6 !important;
}

/* Butonlar tek satirda ve ayni hizada */
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-page .curriculum-actions {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin: 0 !important;
}
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-page .curriculum-actions > form {
  display: inline-flex !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Ikincil buton: Mufredattan guncelle */
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-page .btn.curriculum-btn-bulk {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  height: 40px !important;
  padding: 0 16px !important;
  background: #FFFFFF !important;
  background-image: none !important;
  border: 1px solid #DDE3EC !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  color: #33415C !important;
  -webkit-text-fill-color: #33415C !important;
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease, background-color .18s ease !important;
}
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-page .btn.curriculum-btn-bulk i {
  font-size: 15px !important;
  color: #4F6BED !important;
  -webkit-text-fill-color: #4F6BED !important;
}
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-page .btn.curriculum-btn-bulk:hover {
  background: #FFFFFF !important;
  border-color: #C3D0F7 !important;
  box-shadow: 0 6px 18px rgba(22,34,60,.065) !important;
  transform: translateY(-1px) !important;
  color: #2F44B8 !important;
  -webkit-text-fill-color: #2F44B8 !important;
}
/* Birincil buton: Toplu ders ekle / ilk kez yukle */
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-page .curriculum-actions > form:last-of-type .btn.curriculum-btn-bulk,
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-page .btn.curriculum-btn-bulk.curriculum-btn-seed {
  background: #4F6BED !important;
  background-image: none !important;
  border-color: #4F6BED !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-page .curriculum-actions > form:last-of-type .btn.curriculum-btn-bulk i,
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-page .btn.curriculum-btn-bulk.curriculum-btn-seed i {
  color: rgba(255,255,255,.92) !important;
  -webkit-text-fill-color: rgba(255,255,255,.92) !important;
}
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-page .curriculum-actions > form:last-of-type .btn.curriculum-btn-bulk:hover,
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-page .btn.curriculum-btn-bulk.curriculum-btn-seed:hover {
  background: #3D57D4 !important;
  border-color: #3D57D4 !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}
/* Tek form varsa (sadece guncelle) birincil gorunmesin */
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-page .curriculum-actions > form:first-of-type:last-of-type .btn.curriculum-btn-bulk {
  background: #FFFFFF !important;
  border-color: #DDE3EC !important;
  color: #33415C !important;
  -webkit-text-fill-color: #33415C !important;
}
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-page .curriculum-actions > form:first-of-type:last-of-type .btn.curriculum-btn-bulk i {
  color: #4F6BED !important;
  -webkit-text-fill-color: #4F6BED !important;
}

html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-page .curriculum-complete {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  height: 40px !important;
  padding: 0 14px !important;
  background: #ECF8F2 !important;
  border: 1px solid #CDE9DA !important;
  border-radius: 10px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
  color: #1F7A52 !important;
  -webkit-text-fill-color: #1F7A52 !important;
}

/* ---------------- 8. MUFREDAT IPUCU ----------------------------- */
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-page .curriculum-preset-hint {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 0 0 14px 0 !important;
  padding: 13px 15px !important;
  background: #F6F8FF !important;
  background-image: none !important;
  border: 1px solid #DEE6FB !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-page .curriculum-preset-hint strong {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #2F44B8 !important;
  -webkit-text-fill-color: #2F44B8 !important;
}
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-page .curriculum-preset-hint span,
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-page .curriculum-tag {
  display: inline-flex !important;
  align-items: center !important;
  padding: 4px 10px !important;
  background: #FFFFFF !important;
  border: 1px solid #DEE6FB !important;
  border-radius: 999px !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  color: #4257A8 !important;
  -webkit-text-fill-color: #4257A8 !important;
}

/* ---------------- 9. TEK DERS EKLEME FORMU ---------------------- */
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-page .curriculum-add-form {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 0 14px 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-page .curriculum-add-form .form-control {
  height: 42px !important;
  padding: 0 14px !important;
  background: #FFFFFF !important;
  border: 1px solid #E8ECF2 !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  font-size: 13.5px !important;
  color: #17213C !important;
  -webkit-text-fill-color: #17213C !important;
}
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-page .curriculum-add-form .form-control:focus {
  border-color: #B9C8F7 !important;
  box-shadow: 0 0 0 3px rgba(79,107,237,.12) !important;
}
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-page .curriculum-add-form .btn,
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-page .btn.curriculum-btn-add {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  height: 42px !important;
  padding: 0 18px !important;
  background: #4F6BED !important;
  background-image: none !important;
  border: 1px solid #4F6BED !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  transition: background-color .18s ease, border-color .18s ease, transform .18s ease !important;
}
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-page .curriculum-add-form .btn:hover,
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-page .btn.curriculum-btn-add:hover {
  background: #3D57D4 !important;
  border-color: #3D57D4 !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  transform: translateY(-1px) !important;
}

/* ---------------- 10. DERS SATIRLARI ---------------------------- */
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-page .curriculum-lesson-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 9px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-page .curriculum-lesson {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  min-height: 56px !important;
  padding: 8px 12px !important;
  background: #FFFFFF !important;
  background-image: none !important;
  border: 1px solid #E8ECF2 !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease !important;
}
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-page .curriculum-lesson:hover {
  border-color: #CCD6E4 !important;
  box-shadow: 0 6px 18px rgba(22,34,60,.065) !important;
  transform: translateY(-1px) !important;
}
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-page .curriculum-lesson .curriculum-lesson-info {
  display: flex !important;
  align-items: center !important;
  gap: 11px !important;
  min-width: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  text-decoration: none !important;
}
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-page .curriculum-lesson .curriculum-lesson-info > i:first-child {
  display: grid !important;
  place-items: center !important;
  flex: 0 0 34px !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 10px !important;
  background: #EEF3FF !important;
  border: 0 !important;
  color: #4F6BED !important;
  -webkit-text-fill-color: #4F6BED !important;
  font-size: 16px !important;
}
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-page .curriculum-lesson .curriculum-lesson-info strong {
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: -.01em !important;
  color: #17213C !important;
  -webkit-text-fill-color: #17213C !important;
}
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-page .curriculum-lesson-right {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-page .curriculum-lesson-right form {
  display: inline-flex !important;
  margin: 0 !important;
}
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-page .curriculum-konu {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  height: 34px !important;
  margin-right: 4px !important;
  padding: 0 12px !important;
  background: #F4F6FA !important;
  background-image: none !important;
  border: 1px solid #E8ECF2 !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
  text-decoration: none !important;
  color: #475467 !important;
  -webkit-text-fill-color: #475467 !important;
}
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-page .curriculum-konu:hover {
  background: #EEF3FF !important;
  border-color: #C3D0F7 !important;
  color: #2F44B8 !important;
  -webkit-text-fill-color: #2F44B8 !important;
}

/* Satir ici ikon butonlari: ayni boy, ayni hiza */
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-page .curriculum-lesson-right .btn,
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-page .curriculum-lesson-right .btn.btn-sm {
  display: inline-grid !important;
  place-items: center !important;
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  padding: 0 !important;
  background: #FFFFFF !important;
  background-image: none !important;
  border: 1px solid #E2E7F0 !important;
  border-radius: 9px !important;
  box-shadow: none !important;
  font-size: 14px !important;
  line-height: 1 !important;
  color: #64748B !important;
  -webkit-text-fill-color: #64748B !important;
  transition: border-color .16s ease, background-color .16s ease, color .16s ease !important;
}
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-page .curriculum-lesson-right .btn:hover {
  background: #EEF3FF !important;
  border-color: #C3D0F7 !important;
  color: #2F44B8 !important;
  -webkit-text-fill-color: #2F44B8 !important;
}
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-page .curriculum-lesson-right .btn-outline-danger:hover {
  background: #FDEEEE !important;
  border-color: #F3C6C6 !important;
  color: #C23B3B !important;
  -webkit-text-fill-color: #C23B3B !important;
}

/* ---------------- 11. BOS DURUMLAR ------------------------------ */
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-page .curriculum-empty {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 5px !important;
  margin: 4px 0 0 0 !important;
  padding: 22px 16px !important;
  background: #FBFCFE !important;
  background-image: none !important;
  border: 1px dashed #DFE5EF !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  text-align: center !important;
}
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-page .curriculum-empty i {
  width: auto !important;
  height: auto !important;
  margin: 0 0 4px 0 !important;
  background: transparent !important;
  border: 0 !important;
  font-size: 26px !important;
  color: #9AA6BC !important;
  -webkit-text-fill-color: #9AA6BC !important;
}
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-page .curriculum-empty h4 {
  margin: 0 !important;
  font-size: 14.5px !important;
  font-weight: 700 !important;
  color: #33415C !important;
  -webkit-text-fill-color: #33415C !important;
}
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-page .curriculum-empty p {
  margin: 0 !important;
  font-size: 12.5px !important;
  color: #8A94A6 !important;
  -webkit-text-fill-color: #8A94A6 !important;
}
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-page .curriculum-empty-mini {
  padding: 14px 12px !important;
  background: #FBFCFE !important;
  border: 1px dashed #DFE5EF !important;
  border-radius: 10px !important;
  font-size: 12.5px !important;
  text-align: center !important;
  color: #8A94A6 !important;
  -webkit-text-fill-color: #8A94A6 !important;
}

/* ---------------- 12. UYARI SERITLERI --------------------------- */
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-page .alert.student-inline-alert {
  margin: 0 0 14px 0 !important;
  padding: 12px 15px !important;
  border-radius: 10px !important;
  border-width: 1px !important;
  box-shadow: none !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
}

/* ---------------- 13. RESPONSIVE -------------------------------- */
@media (max-width: 1180px) {
  html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-page .curriculum-tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 900px) {
  html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-page .curriculum-layout {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-page {
    padding: 18px 16px 32px !important;
  }
}
@media (max-width: 640px) {
  html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-page .curriculum-tabs {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-page .curriculum-lesson {
    flex-wrap: wrap !important;
  }
}

/* ================================================================
   END FINAL v67
   ================================================================ */


/* ================================================================
   FINAL v68 — KONU YONETIMI DETAYI (/curriculum/lesson) PREMIUM

   v67'nin tokenlari bu sayfaya da tasindi: petrol tonlu yari saydam
   kenarliklar (rgba(47,93,98,.12)) yerine ayni notr sistem.
   ================================================================ */

/* ---------------- Geri pill ------------------------------------- */
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-lesson-page .curriculum-back-pill {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  height: 36px !important;
  margin: 0 0 16px 0 !important;
  padding: 0 15px !important;
  background: #FFFFFF !important;
  background-image: none !important;
  border: 1px solid #DDE3EC !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  color: #475467 !important;
  -webkit-text-fill-color: #475467 !important;
  transition: border-color .18s ease, color .18s ease, box-shadow .18s ease !important;
}
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-lesson-page .curriculum-back-pill:hover {
  border-color: #C3D0F7 !important;
  box-shadow: 0 6px 18px rgba(22,34,60,.065) !important;
  color: #2F44B8 !important;
  -webkit-text-fill-color: #2F44B8 !important;
}

/* ---------------- Hero ------------------------------------------ */
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-lesson-page .curriculum-lesson-hero-kicker {
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  color: #8A94A6 !important;
  -webkit-text-fill-color: #8A94A6 !important;
}
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-lesson-page .curriculum-lesson-hero-main h1 {
  margin: 2px 0 0 0 !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  letter-spacing: -.02em !important;
  color: #101A33 !important;
  -webkit-text-fill-color: #101A33 !important;
}
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-lesson-page .curriculum-lesson-hero-stat {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 1px !important;
  min-width: 78px !important;
  margin-left: auto !important;
  padding: 10px 14px !important;
  background: #EEF3FF !important;
  background-image: none !important;
  border: 1px solid #DEE6FB !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-lesson-page .curriculum-lesson-hero-stat strong {
  font-size: 22px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: -.02em !important;
  color: #2F44B8 !important;
  -webkit-text-fill-color: #2F44B8 !important;
  font-variant-numeric: tabular-nums !important;
}
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-lesson-page .curriculum-lesson-hero-stat small {
  font-size: 10.5px !important;
  font-weight: 600 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
  color: #7A87B8 !important;
  -webkit-text-fill-color: #7A87B8 !important;
}

/* ---------------- Arac cubugu ----------------------------------- */
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-lesson-page .curriculum-lesson-toolbar-icon {
  display: grid !important;
  place-items: center !important;
  flex: 0 0 34px !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 10px !important;
  background: #EEF3FF !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #4F6BED !important;
  -webkit-text-fill-color: #4F6BED !important;
  font-size: 16px !important;
}
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-lesson-page .curriculum-lesson-toolbar-title {
  display: flex !important;
  align-items: center !important;
  gap: 11px !important;
}
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-lesson-page .curriculum-lesson-toolbar-title h3 {
  margin: 0 !important;
  font-size: 16.5px !important;
  font-weight: 700 !important;
  letter-spacing: -.015em !important;
  color: #101A33 !important;
  -webkit-text-fill-color: #101A33 !important;
}
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-lesson-page .curriculum-lesson-toolbar-title span {
  display: block !important;
  margin-top: 2px !important;
  font-size: 12.5px !important;
  font-weight: 500 !important;
  color: #8A94A6 !important;
  -webkit-text-fill-color: #8A94A6 !important;
}

/* ---------------- Yeni konu formu ------------------------------- */
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-lesson-page .curriculum-add-form-premium {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin: 0 0 14px 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-lesson-page .curriculum-add-label {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin: 0 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .07em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  color: #8A94A6 !important;
  -webkit-text-fill-color: #8A94A6 !important;
}
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-lesson-page .curriculum-add-row {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
}
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-lesson-page .curriculum-add-row .form-control {
  flex: 1 1 auto !important;
  max-width: 420px !important;
  height: 42px !important;
}

/* ---------------- Konu kartlari --------------------------------- */
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-lesson-page .curriculum-topic-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)) !important;
  gap: 10px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-lesson-page .curriculum-topic-card {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 56px !important;
  padding: 9px 11px !important;
  background: #FFFFFF !important;
  background-image: none !important;
  border: 1px solid #E8ECF2 !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease !important;
}
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-lesson-page .curriculum-topic-card:hover {
  border-color: #CCD6E4 !important;
  box-shadow: 0 6px 18px rgba(22,34,60,.065) !important;
  transform: translateY(-1px) !important;
}
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-lesson-page .curriculum-topic-dot {
  display: grid !important;
  place-items: center !important;
  flex: 0 0 32px !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 9px !important;
  background: #EEF3FF !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #4F6BED !important;
  -webkit-text-fill-color: #4F6BED !important;
  font-size: 14px !important;
}
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-lesson-page .curriculum-topic-form {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin: 0 !important;
}
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-lesson-page .curriculum-topic-form .topic-title-input {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  height: 36px !important;
  padding: 0 10px !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  color: #17213C !important;
  -webkit-text-fill-color: #17213C !important;
}
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-lesson-page .curriculum-topic-form .topic-title-input[readonly] {
  cursor: default !important;
  background: transparent !important;
  border-color: transparent !important;
}
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-lesson-page .curriculum-topic-form .topic-title-input:not([readonly]) {
  background: #FFFFFF !important;
  border-color: #B9C8F7 !important;
  box-shadow: 0 0 0 3px rgba(79,107,237,.12) !important;
}
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-lesson-page .curriculum-topic-actions {
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
  flex: 0 0 auto !important;
}
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-lesson-page .btn.curriculum-btn-icon {
  display: inline-grid !important;
  place-items: center !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  padding: 0 !important;
  background: #FFFFFF !important;
  background-image: none !important;
  border: 1px solid #E2E7F0 !important;
  border-radius: 9px !important;
  box-shadow: none !important;
  font-size: 14px !important;
  line-height: 1 !important;
  color: #64748B !important;
  -webkit-text-fill-color: #64748B !important;
  transition: border-color .16s ease, background-color .16s ease, color .16s ease !important;
}
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-lesson-page .btn.curriculum-btn-icon:hover {
  background: #EEF3FF !important;
  border-color: #C3D0F7 !important;
  color: #2F44B8 !important;
  -webkit-text-fill-color: #2F44B8 !important;
}
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-lesson-page .btn.curriculum-btn-icon.is-saving {
  background: #4F6BED !important;
  border-color: #4F6BED !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-lesson-page .btn.curriculum-btn-icon-danger:hover {
  background: #FDEEEE !important;
  border-color: #F3C6C6 !important;
  color: #C23B3B !important;
  -webkit-text-fill-color: #C23B3B !important;
}

/* ---------------- Tamamlandi rozeti ----------------------------- */
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-lesson-page .curriculum-complete-badge {
  background: #ECF8F2 !important;
  background-image: none !important;
  border: 1px solid #CDE9DA !important;
  color: #1F7A52 !important;
  -webkit-text-fill-color: #1F7A52 !important;
}

/* ================================================================
   END FINAL v68
   ================================================================ */


/* ================================================================
   FINAL v69 — KONULAR ARAC CUBUGU HIZALAMASI

   Baslik kutusu column yonunde oldugu icin ikon yazinin ustunde
   kaliyordu; ikon ve baslik artik yan yana.
   ================================================================ */
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-lesson-page .curriculum-lesson-toolbar-title.curriculum-lesson-toolbar-title {
  flex-direction: row !important;
  align-items: center !important;
  gap: 11px !important;
}
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-lesson-page .curriculum-lesson-toolbar-title.curriculum-lesson-toolbar-title > div {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
}

/* ================================================================
   END FINAL v69
   ================================================================ */


/* ================================================================
   FINAL v70 — ARAC CUBUGU IKON RENGI

   v68'deki ".curriculum-lesson-toolbar-title span" kurali, ikon
   kutusu da bir <span> oldugu icin onu da gri/kucuk yapiyordu.
   Alt yazi kurali artik yalnizca baslik kutusunun icindeki span'a,
   ikon ise kendi rengine sahip.
   ================================================================ */
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-lesson-page .curriculum-lesson-toolbar-title > div > span {
  display: block !important;
  margin-top: 2px !important;
  font-size: 12.5px !important;
  font-weight: 500 !important;
  color: #8A94A6 !important;
  -webkit-text-fill-color: #8A94A6 !important;
}
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-lesson-page span.curriculum-lesson-toolbar-icon,
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-lesson-page span.curriculum-lesson-toolbar-icon > i {
  font-size: 16px !important;
  font-weight: 400 !important;
  color: #4F6BED !important;
  -webkit-text-fill-color: #4F6BED !important;
}

/* ================================================================
   END FINAL v70
   ================================================================ */


/* ================================================================
   FINAL v71 — ARAC CUBUGU IKONU (kesin)

   Ikon kutusu ayni zamanda
   ".curriculum-lessons-head > div:first-child > span" kalibina
   uydugu icin v67'nin alt-yazi kurali onu griye cekiyordu.
   Ozgulluk bir kademe yukseltildi.
   ================================================================ */
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-lesson-page .curriculum-lesson-toolbar-title.curriculum-lesson-toolbar-title > span.curriculum-lesson-toolbar-icon,
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-lesson-page .curriculum-lesson-toolbar-title.curriculum-lesson-toolbar-title > span.curriculum-lesson-toolbar-icon > i {
  display: grid !important;
  place-items: center !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  color: #4F6BED !important;
  -webkit-text-fill-color: #4F6BED !important;
}
html body.akx-shell .akx-app .akx-content .curriculum-page.curriculum-lesson-page .curriculum-lesson-toolbar-title.curriculum-lesson-toolbar-title > span.curriculum-lesson-toolbar-icon {
  flex: 0 0 34px !important;
  width: 34px !important;
  height: 34px !important;
  margin: 0 !important;
  border-radius: 10px !important;
  background: #EEF3FF !important;
}

/* ================================================================
   END FINAL v71
   ================================================================ */


/* ================================================================
   FINAL v72 — KOC DASHBOARD PREMIUM (.coach-dashboard-v2)

   Ogrenci panosundaki tasarim sisteminin koc/operasyon versiyonu:
   ayni kenarlik-golge-radius dili, daha notr zemin, renk yalnizca
   ikon / rozet / durum / aksiyon alanlarinda.

   Yerlesim:  KPI(4)  ->  [ Ogrencilerim %68 | Seans + Basari %32 ]
              ->  Hizli Islemler  ->  Dikkat Gereken Ogrenciler
   ================================================================ */

html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 {
  --cd-navy: #18263D;
  --cd-navy-light: #25364E;
  --cd-surface: #FFFFFF;
  --cd-text: #17213C;
  --cd-text-2: #667085;
  --cd-muted: #98A2B3;
  --cd-bd: #DDE3EC;
  --cd-bd-soft: #E7EBF1;
  --cd-bd-hover: #CCD6E4;
  --cd-sh: 0 3px 12px rgba(22,34,60,.045);
  --cd-sh-lg: 0 4px 16px rgba(22,34,60,.045);
  --cd-sh-hover: 0 5px 15px rgba(22,34,60,.06);
  --cd-purple: #7659E8;  --cd-purple-soft: #F2EEFF;
  --cd-green: #31B77A;   --cd-green-soft: #EAF8F1;
  --cd-orange: #F39A62;  --cd-orange-soft: #FFF2E8;
  --cd-amber: #D6A43B;   --cd-amber-soft: #FFF7DF;
  --cd-blue: #5988E8;    --cd-blue-soft: #EEF4FF;
}

/* ================ 1. SAYFA ZEMINI + KAPSAYICI ================ */
html body.akx-shell .akx-app .akx-content:has(.coach-dashboard-v2) {
  background: linear-gradient(135deg,#F8FAFC 0%,#FBFAF8 50%,#FFF8F1 100%) !important;
  background-attachment: fixed !important;
  background-size: cover !important;
  min-height: 100vh !important;
}
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 {
  display: block !important;
  max-width: 1460px !important;
  margin: 0 auto !important;
  padding: 22px 26px 36px !important;
  background: transparent !important;
}

/* ================ 2. KPI KARTLARI ================ */
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .kpi-metric-row {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 14px !important;
  margin: 0 0 20px 0 !important;
}
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .kpi-metric-row > [class*="col-"] {
  width: auto !important;
  max-width: none !important;
  flex: none !important;
  padding: 0 !important;
}
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .kpi-metric-card {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 10px !important;
  height: 112px !important;
  min-height: 112px !important;
  padding: 16px 18px !important;
  background: #FFFFFF !important;
  background-image: none !important;
  border: 1px solid #DDE3EC !important;
  border-radius: 14px !important;
  box-shadow: 0 3px 12px rgba(22,34,60,.045) !important;
  overflow: hidden !important;
}
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .kpi-m-upper {
  display: flex !important;
  align-items: center !important;
  gap: 13px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .kpi-m-icon {
  display: grid !important;
  place-items: center !important;
  flex: 0 0 42px !important;
  width: 42px !important;
  height: 42px !important;
  border-radius: 12px !important;
  border: 0 !important;
  box-shadow: none !important;
  font-size: 19px !important;
}
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .kpi-m-value {
  font-size: 29px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: -.03em !important;
  color: #17213C !important;
  -webkit-text-fill-color: #17213C !important;
  font-variant-numeric: tabular-nums !important;
}
/* alttaki tam genislik koyu bant kaldirildi */
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .kpi-m-footer {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  color: #667085 !important;
  -webkit-text-fill-color: #667085 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .kpi-m-footer i { display: none !important; }

/* renk yalnizca ikon kutusunda */
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .kpi-metric-card.kpi-m-petrol .kpi-m-icon { background:#E7F5F1 !important; color:#1E8C74 !important; -webkit-text-fill-color:#1E8C74 !important; }
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .kpi-metric-card.kpi-m-green  .kpi-m-icon { background:#EAF8F1 !important; color:#2A9E68 !important; -webkit-text-fill-color:#2A9E68 !important; }
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .kpi-metric-card.kpi-m-gold   .kpi-m-icon { background:#FFF7DF !important; color:#B98A22 !important; -webkit-text-fill-color:#B98A22 !important; }
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .kpi-metric-card.kpi-m-indigo .kpi-m-icon { background:#EEF4FF !important; color:#3F63C9 !important; -webkit-text-fill-color:#3F63C9 !important; }

/* ================ 3. ANA GRID ================ */
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .dash-top {
  display: grid !important;
  grid-template-columns: minmax(0, 2.15fr) minmax(300px, .95fr) !important;
  align-items: start !important;
  gap: 16px !important;
  margin: 0 0 20px 0 !important;
}
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .dash-top-left,
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .dash-top-right {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  min-width: 0 !important;
}

/* ================ 4. OGRENCILERIM KARTI ================ */
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .coach-student-section {
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
  margin: 0 !important;
  padding: 18px !important;
  background: #FFFFFF !important;
  background-image: none !important;
  border: 1px solid #DDE3EC !important;
  border-radius: 16px !important;
  box-shadow: 0 4px 16px rgba(22,34,60,.045) !important;
}
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .coach-students-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  margin: 0 !important;
  padding: 0 0 14px 0 !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-bottom: 1px solid #EEF1F5 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .coach-students-head > div:first-child {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  min-width: 0 !important;
}
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .coach-students-head-icon {
  display: grid !important;
  place-items: center !important;
  flex: 0 0 40px !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 12px !important;
  background: #F2EEFF !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #7659E8 !important;
  -webkit-text-fill-color: #7659E8 !important;
  font-size: 18px !important;
}
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .coach-students-head-copy h2 {
  margin: 0 !important;
  font-size: 17.5px !important;
  font-weight: 700 !important;
  letter-spacing: -.02em !important;
  color: #17213C !important;
  -webkit-text-fill-color: #17213C !important;
}
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .coach-students-head-copy p {
  margin: 2px 0 0 0 !important;
  font-size: 12.5px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  color: #98A2B3 !important;
  -webkit-text-fill-color: #98A2B3 !important;
}
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .coach-students-actions {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex: 0 0 auto !important;
}

/* AI Asistani */
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .ai-coach-trigger-inline {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  height: 39px !important;
  padding: 0 16px !important;
  background: linear-gradient(135deg,#6750E8,#8B6FE8) !important;
  border: 0 !important;
  border-radius: 9px !important;
  box-shadow: 0 4px 12px rgba(103,80,232,.18) !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  transition: transform .18s ease, box-shadow .18s ease !important;
}
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .ai-coach-trigger-inline i {
  color: #FFFFFF !important; -webkit-text-fill-color: #FFFFFF !important; font-size: 15px !important;
}
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .ai-coach-trigger-inline:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 16px rgba(103,80,232,.24) !important;
}
/* Yeni Ogrenci */
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .coach-students-actions .student-add-button {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  height: 39px !important;
  margin: 0 !important;
  padding: 0 16px !important;
  background: #18263D !important;
  background-image: none !important;
  border: 1px solid #18263D !important;
  border-radius: 9px !important;
  box-shadow: none !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
  text-decoration: none !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  transition: background-color .18s ease, transform .18s ease !important;
}
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .coach-students-actions .student-add-button:hover {
  background: #25364E !important; border-color: #25364E !important; transform: translateY(-1px) !important;
}
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .coach-students-actions .student-add-button.is-disabled {
  background: #FFFFFF !important; border-color: #DDE3EC !important;
  color: #98A2B3 !important; -webkit-text-fill-color: #98A2B3 !important;
}

/* ================ 5. FILTRE SATIRI ================ */
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .student-list-toolbar {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .stu-toolbar-left {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
}
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .student-year-picker,
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .student-list-search {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  height: 38px !important;
  margin: 0 !important;
  padding: 0 12px !important;
  background: #FFFFFF !important;
  border: 1px solid #E1E6ED !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .student-list-search {
  flex: 1 1 260px !important;
  min-width: 200px !important;
  max-width: 420px !important;
}
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .student-year-picker > i,
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .student-list-search > i {
  font-size: 14px !important; color: #98A2B3 !important; -webkit-text-fill-color: #98A2B3 !important;
}
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .student-year-picker select,
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .student-list-search input {
  height: 100% !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  outline: none !important;
  box-shadow: none !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #17213C !important;
  -webkit-text-fill-color: #17213C !important;
}
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .student-list-search input { width: 100% !important; }
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .student-year-picker:focus-within,
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .student-list-search:focus-within {
  border-color: #C3D0F7 !important;
  box-shadow: 0 0 0 3px rgba(89,136,232,.12) !important;
}
/* gorunum degistirici */
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .student-view-toggle {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  height: 38px !important;
  padding: 3px !important;
  background: #F4F6FA !important;
  border: 1px solid #E1E6ED !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .student-view-toggle button {
  display: grid !important;
  place-items: center !important;
  width: 32px !important;
  height: 30px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 7px !important;
  font-size: 14px !important;
  color: #667085 !important;
  -webkit-text-fill-color: #667085 !important;
}
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .student-view-toggle button.is-active,
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .student-view-toggle button.active {
  background: #FFFFFF !important;
  box-shadow: 0 1px 3px rgba(22,34,60,.08) !important;
  color: #18263D !important;
  -webkit-text-fill-color: #18263D !important;
}
/* kategori cipleri */
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .student-cat-tabs {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .student-cat-tab {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  height: 31px !important;
  padding: 0 12px !important;
  background: #FFFFFF !important;
  background-image: none !important;
  border: 1px solid #E1E6ED !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
  color: #475467 !important;
  -webkit-text-fill-color: #475467 !important;
  transition: border-color .16s ease, background-color .16s ease, color .16s ease !important;
}
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .student-cat-tab span {
  font-size: 11.5px !important; font-weight: 700 !important; opacity: .65 !important;
}
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .student-cat-tab:hover { border-color: #CCD6E4 !important; }
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .student-cat-tab.is-active {
  background: #25364E !important;
  border-color: #25364E !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .student-cat-tab.is-active span { opacity: .8 !important; }

/* ================ 6. OGRENCI TABLOSU ================ */
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .stu-table-card {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: hidden !important;
}
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .stu-table {
  width: 100% !important;
  margin: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
}
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .stu-table thead th {
  height: 42px !important;
  padding: 0 12px !important;
  background: #F8FAFC !important;
  border: 0 !important;
  border-bottom: 1px solid #EEF1F5 !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  color: #7A869A !important;
  -webkit-text-fill-color: #7A869A !important;
}
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .stu-table thead th:first-child { border-top-left-radius: 10px !important; }
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .stu-table thead th:last-child { border-top-right-radius: 10px !important; }
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .stu-table tbody td {
  height: 58px !important;
  padding: 8px 12px !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid #EEF1F5 !important;
  font-size: 12.5px !important;
  vertical-align: middle !important;
}
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .stu-table tbody tr {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  transition: background-color .16s ease !important;
}
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .stu-table tbody tr:hover { background: #FAFBFD !important; }
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .stu-table tbody tr:last-child td { border-bottom: 0 !important; }

html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .stu-idcell {
  display: flex !important;
  align-items: center !important;
  gap: 11px !important;
  min-width: 0 !important;
  text-decoration: none !important;
}
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .stu-avatar {
  display: grid !important;
  place-items: center !important;
  flex: 0 0 38px !important;
  width: 38px !important;
  height: 38px !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  border: 0 !important;
  box-shadow: none !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .stu-avatar img {
  width: 100% !important; height: 100% !important; object-fit: cover !important;
}
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .stu-idmeta {
  display: flex !important; flex-direction: column !important; min-width: 0 !important;
}
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .stu-idmeta b {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: -.01em !important;
  color: #17213C !important;
  -webkit-text-fill-color: #17213C !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .stu-idmeta small {
  font-size: 11px !important;
  color: #98A2B3 !important;
  -webkit-text-fill-color: #98A2B3 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  max-width: 220px !important;
}
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .stu-chip {
  display: inline-flex !important;
  align-items: center !important;
  height: 26px !important;
  padding: 0 11px !important;
  background: #EEF4FF !important;
  background-image: none !important;
  border: 1px solid #DDE7FB !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
  color: #3F63C9 !important;
  -webkit-text-fill-color: #3F63C9 !important;
}
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .stu-net {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #17213C !important;
  -webkit-text-fill-color: #17213C !important;
  font-variant-numeric: tabular-nums !important;
}
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .stu-actions {
  display: inline-flex !important; align-items: center !important; gap: 7px !important; justify-content: flex-end !important;
}
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .student-detail-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  height: 33px !important;
  padding: 0 14px !important;
  background: #18263D !important;
  background-image: none !important;
  border: 1px solid #18263D !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .student-detail-btn:hover { background: #25364E !important; border-color: #25364E !important; }
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .stu-actions .btn-outline-secondary {
  display: inline-grid !important;
  place-items: center !important;
  width: 33px !important;
  height: 33px !important;
  padding: 0 !important;
  background: #FFFFFF !important;
  border: 1px solid #E2E7F0 !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  font-size: 13px !important;
  color: #64748B !important;
  -webkit-text-fill-color: #64748B !important;
}
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .stu-actions .btn-outline-secondary:hover {
  background: #EEF4FF !important; border-color: #C3D0F7 !important;
  color: #3F63C9 !important; -webkit-text-fill-color: #3F63C9 !important;
}

/* ================ 7. SAG KOLON KARTLARI ================ */
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .success-chart-card {
  margin: 0 !important;
  padding: 16px !important;
  background: #FFFFFF !important;
  background-image: none !important;
  border: 1px solid #DDE3EC !important;
  border-radius: 14px !important;
  box-shadow: 0 3px 12px rgba(22,34,60,.045) !important;
}
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .edu-card-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  margin: 0 0 12px 0 !important;
  padding: 0 0 12px 0 !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-bottom: 1px solid #EEF1F5 !important;
  border-radius: 0 !important;
}
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .edu-card-head h3 {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 !important;
  font-size: 14.5px !important;
  font-weight: 700 !important;
  letter-spacing: -.015em !important;
  color: #17213C !important;
  -webkit-text-fill-color: #17213C !important;
}
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .side-card-heading-icon {
  display: grid !important;
  place-items: center !important;
  flex: 0 0 32px !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 10px !important;
  border: 0 !important;
  box-shadow: none !important;
  font-size: 15px !important;
}
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .side-card-heading-icon-calendar { background:#FFF2E8 !important; color:#D98042 !important; -webkit-text-fill-color:#D98042 !important; }
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .side-card-heading-icon-success  { background:#F2EEFF !important; color:#7659E8 !important; -webkit-text-fill-color:#7659E8 !important; }
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .side-card-heading-icon-risk     { background:#FFF2E8 !important; color:#D98042 !important; -webkit-text-fill-color:#D98042 !important; }
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .edu-badge {
  display: inline-flex !important;
  align-items: center !important;
  height: 24px !important;
  padding: 0 10px !important;
  background: #F4F6FA !important;
  background-image: none !important;
  border: 1px solid #E7EBF1 !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
  color: #667085 !important;
  -webkit-text-fill-color: #667085 !important;
}
/* seans satirlari */
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .edu-upcoming-slot {
  overflow: visible !important;
}
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .edu-upcoming-list {
  display: flex !important; flex-direction: column !important; gap: 8px !important;
  max-height: 420px !important;
  overflow-y: auto !important;
}
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .edu-upcoming-item {
  display: flex !important;
  align-items: center !important;
  gap: 11px !important;
  min-height: 60px !important;
  padding: 10px 12px !important;
  background: #FFFFFF !important;
  background-image: none !important;
  border: 1px solid #E7EBF1 !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  text-decoration: none !important;
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease !important;
}
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .edu-upcoming-item:hover {
  border-color: #CCD6E4 !important;
  box-shadow: 0 5px 15px rgba(22,34,60,.06) !important;
  transform: translateY(-1px) !important;
}
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .edu-up-code {
  display: grid !important;
  place-items: center !important;
  flex: 0 0 38px !important;
  width: 38px !important;
  height: 38px !important;
  border-radius: 11px !important;
  background: #FFF2E8 !important;
  background-image: none !important;
  border: 0 !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  color: #D98042 !important;
  -webkit-text-fill-color: #D98042 !important;
}
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .edu-up-meta {
  display: flex !important; flex-direction: column !important; min-width: 0 !important; flex: 1 1 auto !important;
}
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .edu-up-meta b {
  font-size: 13px !important; font-weight: 600 !important;
  color: #17213C !important; -webkit-text-fill-color: #17213C !important;
  overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important;
}
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .edu-up-meta small {
  font-size: 11.5px !important; color: #98A2B3 !important; -webkit-text-fill-color: #98A2B3 !important;
}
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .edu-up-days {
  display: flex !important; flex-direction: column !important; align-items: center !important;
  flex: 0 0 auto !important;
  font-size: 15px !important; font-weight: 700 !important;
  color: #D98042 !important; -webkit-text-fill-color: #D98042 !important;
}
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .edu-up-days em {
  font-style: normal !important; font-size: 10px !important; font-weight: 600 !important;
  color: #98A2B3 !important; -webkit-text-fill-color: #98A2B3 !important;
}
/* basari durumu */
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .success-top {
  display: flex !important; align-items: center !important; gap: 14px !important;
}
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .success-avg-label {
  font-size: 13px !important; font-weight: 700 !important;
  color: #17213C !important; -webkit-text-fill-color: #17213C !important;
}
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .success-avg-sub {
  font-size: 11.5px !important; color: #98A2B3 !important; -webkit-text-fill-color: #98A2B3 !important;
}
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .success-sub-title {
  margin: 14px 0 8px 0 !important;
  font-size: 11.5px !important; font-weight: 700 !important;
  letter-spacing: .05em !important; text-transform: uppercase !important;
  color: #98A2B3 !important; -webkit-text-fill-color: #98A2B3 !important;
}

/* ================ 8. HIZLI ISLEMLER ================ */
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .dash-quick-row {
  display: block !important;
  margin: 0 0 20px 0 !important;
}
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .quick-card {
  margin: 0 !important;
  padding: 16px 18px !important;
  background: #FFFFFF !important;
  background-image: none !important;
  border: 1px solid #DDE3EC !important;
  border-radius: 14px !important;
  box-shadow: 0 3px 12px rgba(22,34,60,.045) !important;
}
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .quick-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  margin: 0 0 13px 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .quick-head h3 {
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  margin: 0 !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: -.015em !important;
  color: #17213C !important;
  -webkit-text-fill-color: #17213C !important;
}
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .quick-head h3 > i {
  color: #D6A43B !important; -webkit-text-fill-color: #D6A43B !important; font-size: 16px !important;
}
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .quick-edit {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  height: 32px !important;
  padding: 0 12px !important;
  background: #FFFFFF !important;
  border: 1px solid #E1E6ED !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  color: #667085 !important;
  -webkit-text-fill-color: #667085 !important;
}
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .quick-edit:hover {
  border-color: #CCD6E4 !important; color: #18263D !important; -webkit-text-fill-color: #18263D !important;
}
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .quick-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .quick-tile {
  display: flex !important;
  align-items: center !important;
  gap: 11px !important;
  height: 54px !important;
  padding: 0 13px !important;
  background: #FFFFFF !important;
  background-image: none !important;
  border: 1px solid #E5EAF1 !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  text-decoration: none !important;
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease !important;
}
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .quick-tile:hover {
  border-color: #CCD6E4 !important;
  box-shadow: 0 5px 15px rgba(22,34,60,.06) !important;
  transform: translateY(-1px) !important;
}
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .quick-ico {
  display: grid !important;
  place-items: center !important;
  flex: 0 0 34px !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 10px !important;
  background: #EEF4FF !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  font-size: 15px !important;
  color: #3F63C9 !important;
  -webkit-text-fill-color: #3F63C9 !important;
}
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .quick-grid > .quick-tile:nth-child(2) .quick-ico { background:#EAF8F1 !important; color:#2A9E68 !important; -webkit-text-fill-color:#2A9E68 !important; }
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .quick-grid > .quick-tile:nth-child(3) .quick-ico { background:#FFF2E8 !important; color:#D98042 !important; -webkit-text-fill-color:#D98042 !important; }
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .quick-grid > .quick-tile:nth-child(4) .quick-ico { background:#F2EEFF !important; color:#7659E8 !important; -webkit-text-fill-color:#7659E8 !important; }
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .quick-grid > .quick-tile:nth-child(5) .quick-ico { background:#E7F5F1 !important; color:#1E8C74 !important; -webkit-text-fill-color:#1E8C74 !important; }
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .quick-grid > .quick-tile:nth-child(6) .quick-ico { background:#FFF7DF !important; color:#B98A22 !important; -webkit-text-fill-color:#B98A22 !important; }
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .quick-grid > .quick-tile:nth-child(7) .quick-ico { background:#EEF4FF !important; color:#3F63C9 !important; -webkit-text-fill-color:#3F63C9 !important; }
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .quick-label {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  color: #17213C !important;
  -webkit-text-fill-color: #17213C !important;
}
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .quick-mark {
  flex: 0 0 auto !important;
  font-size: 13px !important;
  color: #B4BECC !important;
  -webkit-text-fill-color: #B4BECC !important;
}
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .quick-hint {
  margin: 12px 0 0 0 !important;
  font-size: 11.5px !important;
  color: #98A2B3 !important;
  -webkit-text-fill-color: #98A2B3 !important;
}

/* ================ 9. DIKKAT GEREKEN OGRENCILER ================ */
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .edu-widget-row {
  display: block !important;
  margin: 0 !important;
}
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .edu-widget-card {
  margin: 0 !important;
  padding: 16px 18px !important;
  background: #FFFFFF !important;
  background-image: none !important;
  border: 1px solid #DDE3EC !important;
  border-radius: 14px !important;
  box-shadow: 0 3px 12px rgba(22,34,60,.045) !important;
}
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .risk-list {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
}
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .risk-item {
  display: flex !important;
  align-items: center !important;
  gap: 11px !important;
  min-height: 62px !important;
  padding: 10px 12px !important;
  background: #FFFFFF !important;
  background-image: none !important;
  border: 1px solid #E7EBF1 !important;
  border-left: 1px solid #E7EBF1 !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  text-decoration: none !important;
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease !important;
}
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .risk-item:hover {
  border-color: #CCD6E4 !important;
  box-shadow: 0 5px 15px rgba(22,34,60,.06) !important;
  transform: translateY(-1px) !important;
}
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .risk-body {
  display: flex !important; flex-direction: column !important; min-width: 0 !important; flex: 1 1 auto !important;
}
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .risk-name {
  font-size: 13px !important; font-weight: 700 !important;
  color: #17213C !important; -webkit-text-fill-color: #17213C !important;
  overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important;
}
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .risk-reason {
  font-size: 11.5px !important; color: #98A2B3 !important; -webkit-text-fill-color: #98A2B3 !important;
}
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .risk-score {
  flex: 0 0 auto !important;
  padding: 4px 10px !important;
  background: #FFF2E8 !important;
  border-radius: 999px !important;
  font-size: 12px !important; font-weight: 700 !important;
  color: #D98042 !important; -webkit-text-fill-color: #D98042 !important;
}
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .risk-empty {
  display: flex !important;
  align-items: center !important;
  gap: 13px !important;
  grid-column: 1 / -1 !important;
  padding: 16px !important;
  background: #FBFCFE !important;
  background-image: none !important;
  border: 1px dashed #DFE5EF !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .risk-empty-icon {
  display: grid !important;
  place-items: center !important;
  flex: 0 0 42px !important;
  width: 42px !important;
  height: 42px !important;
  border-radius: 12px !important;
  background: #EAF8F1 !important;
  border: 0 !important;
  font-size: 19px !important;
  color: #2A9E68 !important;
  -webkit-text-fill-color: #2A9E68 !important;
}
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .risk-empty-body b {
  font-size: 13.5px !important; font-weight: 700 !important;
  color: #17213C !important; -webkit-text-fill-color: #17213C !important;
}
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .risk-empty-body span {
  display: block !important;
  font-size: 12.5px !important; color: #98A2B3 !important; -webkit-text-fill-color: #98A2B3 !important;
}

/* ================ 10. RESPONSIVE ================ */
@media (max-width: 1399px) {
  html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .kpi-metric-row {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .dash-top {
    grid-template-columns: minmax(0, 1.85fr) minmax(280px, 1fr) !important;
  }
  html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .quick-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 1100px) {
  html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .dash-top {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .risk-list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 {
    padding: 18px 16px 30px !important;
  }
}
@media (max-width: 760px) {
  html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .kpi-metric-row {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }
  html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .quick-grid,
  html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .risk-list {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .coach-students-actions {
    width: 100% !important;
  }
  html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .coach-students-actions > * { flex: 1 1 auto !important; justify-content: center !important; }
  html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .stu-table-card .table-responsive {
    overflow-x: auto !important;
  }
  html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .stu-table { min-width: 640px !important; }
}

/* ================================================================
   END FINAL v72
   ================================================================ */


/* ================================================================
   FINAL v73 — v72 OZGULLUK DUZELTMELERI (koc panosu)

   1  KPI kartinda ust blok absolute konumlanip etiketin ustune
      biniyordu; ikisi de normal akista ve dogru sirada.
   2  AI Asistani butonu 42px kaliyordu, Yeni Ogrenci ile ayni
      hizaya (39px) cekildi.
   ================================================================ */
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .kpi-metric-card.kpi-metric-card {
  position: relative !important;
  align-items: stretch !important;
  text-align: left !important;
}
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .kpi-metric-card .kpi-m-upper.kpi-m-upper {
  position: static !important;
  order: 0 !important;
  width: auto !important;
  height: auto !important;
  inset: auto !important;
  transform: none !important;
  justify-content: flex-start !important;
}
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .kpi-metric-card .kpi-m-footer.kpi-m-footer {
  position: static !important;
  order: 1 !important;
  width: auto !important;
  height: auto !important;
  inset: auto !important;
  transform: none !important;
  text-align: left !important;
  justify-content: flex-start !important;
}
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .coach-students-actions .ai-coach-trigger.ai-coach-trigger-inline {
  height: 39px !important;
  min-height: 39px !important;
  max-height: 39px !important;
  padding: 0 16px !important;
  line-height: 1 !important;
}

/* ================================================================
   END FINAL v73
   ================================================================ */


/* ================================================================
   FINAL v74 — KPI KARTI IC AKISI

   Ust blok ve etiket "flex: 1 1 100%" ile ayni alani paylasip
   ust uste biniyordu; ikisi de kendi yuksekligi kadar yer alir.
   ================================================================ */
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .kpi-metric-card .kpi-m-upper.kpi-m-upper,
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .kpi-metric-card .kpi-m-footer.kpi-m-footer {
  flex: 0 0 auto !important;
  flex-basis: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  align-self: stretch !important;
}
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .kpi-metric-card .kpi-m-upper.kpi-m-upper {
  height: auto !important;
}
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .kpi-metric-card .kpi-m-footer.kpi-m-footer {
  height: auto !important;
  display: block !important;
}

/* ================================================================
   END FINAL v74
   ================================================================ */


/* ================================================================
   FINAL v75 — DAR EKRANDA ANA GRID

   Eski bir kural kolonlari grid-area ile sabitledigi icin tek
   kolona dusuldugunde sol kolon 0px kaliyordu.
   ================================================================ */
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .dash-top > .dash-top-left,
html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .dash-top > .dash-top-right {
  grid-area: auto !important;
  grid-column: auto !important;
  grid-row: auto !important;
}
@media (max-width: 1100px) {
  html body.akx-shell .akx-app .akx-content .coach-dashboard-v2.coach-dashboard-v2 .dash-top {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas: none !important;
    grid-auto-flow: row !important;
  }
}

/* ================================================================
   END FINAL v75
   ================================================================ */


/* ================================================================
   FINAL v76 — KOC SOL PANELI (premium)

   Yalnizca koc girisinde (.akx-coach) gecerli; admin/superadmin
   paneli oldugu gibi kalir. Panel kaldirilmiyor, sadece olcu,
   bosluk ve aktif durum dili ogrenci panosunun sicak tonuna
   yaklastiriliyor.
   ================================================================ */
html body.akx-shell .akx-app.akx-coach .akx-sidebar {
  background: linear-gradient(180deg,#18263D 0%,#142238 100%) !important;
  border-right: 0 !important;
  box-shadow: none !important;
}
html body.akx-shell .akx-app.akx-coach .akx-sidebar .akx-menu-link {
  display: flex !important;
  align-items: center !important;
  gap: 11px !important;
  min-height: 44px !important;
  margin: 0 11px !important;
  padding: 0 12px !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  letter-spacing: -.01em !important;
  color: rgba(255,255,255,.76) !important;
  -webkit-text-fill-color: rgba(255,255,255,.76) !important;
  transition: background-color .18s ease, color .18s ease !important;
}
html body.akx-shell .akx-app.akx-coach .akx-sidebar .akx-menu-link > i:first-child,
html body.akx-shell .akx-app.akx-coach .akx-sidebar .akx-menu-link .bi {
  font-size: 17px !important;
  color: rgba(255,255,255,.70) !important;
  -webkit-text-fill-color: rgba(255,255,255,.70) !important;
}
html body.akx-shell .akx-app.akx-coach .akx-sidebar .akx-menu-link:hover {
  background: rgba(255,255,255,.07) !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}
html body.akx-shell .akx-app.akx-coach .akx-sidebar .akx-menu-link.active {
  background: linear-gradient(90deg,#F49A6A 0%,#FFB27E 100%) !important;
  background-image: linear-gradient(90deg,#F49A6A 0%,#FFB27E 100%) !important;
  border: 0 !important;
  box-shadow: 0 4px 12px rgba(244,154,106,.18) !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}
html body.akx-shell .akx-app.akx-coach .akx-sidebar .akx-menu-link.active > i:first-child,
html body.akx-shell .akx-app.akx-coach .akx-sidebar .akx-menu-link.active .bi {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}
html body.akx-shell .akx-app.akx-coach .akx-sidebar .akx-menu-link.active::before,
html body.akx-shell .akx-app.akx-coach .akx-sidebar .akx-menu-link.active::after {
  content: none !important;
}
/* logo biraz daha nefes alsin */
html body.akx-shell .akx-app.akx-coach .akx-sidebar .akx-brand {
  padding: 22px 16px 18px !important;
  border-bottom: 0 !important;
}
/* alt bolum */
html body.akx-shell .akx-app.akx-coach .akx-sidebar .akx-sidebar-footer {
  margin: 0 11px !important;
  padding: 14px 12px !important;
  background: rgba(255,255,255,.04) !important;
  border: 0 !important;
  border-top: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}

/* ================================================================
   END FINAL v76
   ================================================================ */


/* ================================================================
   FINAL v77 — CARI TAKIP (.fin-page)

   Ogrenci/koc panolarindaki ayni sistem: beyaz kart, 1px #DDE3EC,
   radius 14, cok hafif golge; renk yalnizca ikon ve durum rozetinde.
   ================================================================ */

html body.akx-shell .akx-app .akx-content:has(.fin-page) {
  background: linear-gradient(135deg,#F8FAFC 0%,#FBFAF8 50%,#FFF8F1 100%) !important;
  background-attachment: fixed !important;
  min-height: 100vh !important;
}
html body.akx-shell .akx-app .akx-content .fin-page {
  max-width: 1460px !important;
  margin: 0 auto !important;
  padding: 22px 26px 36px !important;
  background: transparent !important;
}

/* ---------- geri baglantisi ---------- */
html body.akx-shell .akx-app .akx-content .fin-page .fin-back {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 36px;
  margin: 0 0 14px 0;
  padding: 0 15px;
  background: #FFFFFF;
  border: 1px solid #DDE3EC;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  color: #475467;
  transition: border-color .18s ease, color .18s ease, box-shadow .18s ease;
}
html body.akx-shell .akx-app .akx-content .fin-page .fin-back:hover {
  border-color: #C3D0F7;
  box-shadow: 0 6px 18px rgba(22,34,60,.065);
  color: #2F44B8;
}

/* ---------- hero ---------- */
html body.akx-shell .akx-app .akx-content .fin-page .fin-hero {
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 0 0 18px 0;
  padding: 18px 20px;
  background: #FFFFFF;
  border: 1px solid #DDE3EC;
  border-radius: 14px;
  box-shadow: 0 4px 16px rgba(22,34,60,.045);
}
html body.akx-shell .akx-app .akx-content .fin-page .fin-hero-icon {
  display: grid;
  place-items: center;
  flex: 0 0 52px;
  width: 52px;
  height: 52px;
  border-radius: 14px;
  background: #EAF8F1;
  color: #2A9E68;
  font-size: 23px;
}
html body.akx-shell .akx-app .akx-content .fin-page .fin-hero h1 {
  margin: 0;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -.02em;
  color: #101A33;
}
html body.akx-shell .akx-app .akx-content .fin-page .fin-hero p {
  margin: 3px 0 0 0;
  font-size: 13px;
  font-weight: 500;
  color: #7A869A;
}
html body.akx-shell .akx-app .akx-content .fin-page .fin-hero-stat {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 82px;
  margin-left: auto;
  padding: 10px 14px;
  background: #EEF4FF;
  border: 1px solid #DDE7FB;
  border-radius: 12px;
}
html body.akx-shell .akx-app .akx-content .fin-page .fin-hero-stat strong {
  font-size: 22px;
  font-weight: 700;
  line-height: 1;
  color: #3F63C9;
  font-variant-numeric: tabular-nums;
}
html body.akx-shell .akx-app .akx-content .fin-page .fin-hero-stat small {
  margin-top: 2px;
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: .06em;
  color: #7A87B8;
}

/* ---------- KPI ---------- */
html body.akx-shell .akx-app .akx-content .fin-page .fin-kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin: 0 0 18px 0;
}
html body.akx-shell .akx-app .akx-content .fin-page .fin-kpi {
  display: flex;
  align-items: center;
  gap: 13px;
  min-height: 92px;
  padding: 16px 18px;
  background: #FFFFFF;
  border: 1px solid #DDE3EC;
  border-radius: 14px;
  box-shadow: 0 3px 12px rgba(22,34,60,.045);
}
html body.akx-shell .akx-app .akx-content .fin-page .fin-kpi-icon {
  display: grid;
  place-items: center;
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  border-radius: 12px;
  font-size: 19px;
}
html body.akx-shell .akx-app .akx-content .fin-page .fin-kpi-icon.tone-warn    { background:#FFF2E8; color:#D98042; }
html body.akx-shell .akx-app .akx-content .fin-page .fin-kpi-icon.tone-ok      { background:#EAF8F1; color:#2A9E68; }
html body.akx-shell .akx-app .akx-content .fin-page .fin-kpi-icon.tone-info    { background:#EEF4FF; color:#3F63C9; }
html body.akx-shell .akx-app .akx-content .fin-page .fin-kpi-icon.tone-neutral { background:#F4F6FA; color:#667085; }
html body.akx-shell .akx-app .akx-content .fin-page .fin-kpi b {
  display: block;
  font-size: 21px;
  font-weight: 700;
  letter-spacing: -.02em;
  color: #17213C;
  font-variant-numeric: tabular-nums;
}
html body.akx-shell .akx-app .akx-content .fin-page .fin-kpi small {
  display: block;
  margin-top: 2px;
  font-size: 12.5px;
  font-weight: 600;
  color: #667085;
}

/* ---------- ana kart ---------- */
html body.akx-shell .akx-app .akx-content .fin-page .fin-card {
  padding: 18px;
  background: #FFFFFF;
  border: 1px solid #DDE3EC;
  border-radius: 16px;
  box-shadow: 0 4px 16px rgba(22,34,60,.045);
}
html body.akx-shell .akx-app .akx-content .fin-page .fin-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  margin: 0 0 14px 0;
  padding: 0 0 14px 0;
  border-bottom: 1px solid #EEF1F5;
}
html body.akx-shell .akx-app .akx-content .fin-page .fin-card-head > div:first-child {
  display: flex;
  align-items: center;
  gap: 12px;
}
html body.akx-shell .akx-app .akx-content .fin-page .fin-card-icon {
  display: grid;
  place-items: center;
  flex: 0 0 38px;
  width: 38px;
  height: 38px;
  border-radius: 11px;
  background: #F2EEFF;
  color: #7659E8;
  font-size: 17px;
}
html body.akx-shell .akx-app .akx-content .fin-page .fin-card-head h2 {
  margin: 0;
  font-size: 16.5px;
  font-weight: 700;
  letter-spacing: -.015em;
  color: #101A33;
}
html body.akx-shell .akx-app .akx-content .fin-page .fin-card-head span {
  display: block;
  margin-top: 2px;
  font-size: 12.5px;
  color: #98A2B3;
}

/* ---------- filtreler ---------- */
html body.akx-shell .akx-app .akx-content .fin-page .fin-filters {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0;
}
html body.akx-shell .akx-app .akx-content .fin-page .fin-search {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 38px;
  margin: 0;
  padding: 0 12px;
  background: #FFFFFF;
  border: 1px solid #E1E6ED;
  border-radius: 10px;
}
html body.akx-shell .akx-app .akx-content .fin-page .fin-search > i { font-size: 14px; color: #98A2B3; }
html body.akx-shell .akx-app .akx-content .fin-page .fin-search input {
  width: 230px;
  height: 100%;
  border: 0;
  background: transparent;
  outline: none;
  font-size: 13px;
  color: #17213C;
}
html body.akx-shell .akx-app .akx-content .fin-page .fin-search:focus-within {
  border-color: #C3D0F7;
  box-shadow: 0 0 0 3px rgba(89,136,232,.12);
}
html body.akx-shell .akx-app .akx-content .fin-page .fin-check {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  height: 38px;
  margin: 0;
  padding: 0 12px;
  background: #FFFFFF;
  border: 1px solid #E1E6ED;
  border-radius: 10px;
  font-size: 12.5px;
  font-weight: 600;
  color: #475467;
  cursor: pointer;
}
html body.akx-shell .akx-app .akx-content .fin-page .fin-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 38px;
  padding: 0 15px;
  background: #FFFFFF;
  border: 1px solid #DDE3EC;
  border-radius: 9px;
  font-size: 13px;
  font-weight: 600;
  white-space: nowrap;
  text-decoration: none;
  color: #33415C;
  cursor: pointer;
  transition: border-color .18s ease, background-color .18s ease, transform .18s ease;
}
html body.akx-shell .akx-app .akx-content .fin-page .fin-btn:hover {
  border-color: #C3D0F7;
  transform: translateY(-1px);
  color: #2F44B8;
}
html body.akx-shell .akx-app .akx-content .fin-page .fin-btn.fin-btn-dark {
  height: 33px;
  padding: 0 14px;
  background: #18263D;
  border-color: #18263D;
  font-size: 12.5px;
  color: #FFFFFF;
}
html body.akx-shell .akx-app .akx-content .fin-page .fin-btn.fin-btn-dark:hover { background: #25364E; border-color: #25364E; color: #FFFFFF; }
html body.akx-shell .akx-app .akx-content .fin-page .fin-btn.fin-btn-ok {
  height: 33px;
  padding: 0 13px;
  background: #EAF8F1;
  border-color: #CDE9DA;
  font-size: 12.5px;
  color: #1F7A52;
}
html body.akx-shell .akx-app .akx-content .fin-page .fin-btn.fin-btn-ok:hover { background: #DDF2E8; border-color: #B6DFC9; color: #166241; }

/* ---------- tablo ---------- */
html body.akx-shell .akx-app .akx-content .fin-page .fin-table { width: 100%; margin: 0; border-collapse: separate; border-spacing: 0; }
html body.akx-shell .akx-app .akx-content .fin-page .fin-table thead th {
  height: 42px;
  padding: 0 12px;
  background: #F8FAFC;
  border: 0;
  border-bottom: 1px solid #EEF1F5;
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  white-space: nowrap;
  color: #7A869A;
}
html body.akx-shell .akx-app .akx-content .fin-page .fin-table tbody td {
  height: 58px;
  padding: 8px 12px;
  border: 0;
  border-bottom: 1px solid #EEF1F5;
  font-size: 12.5px;
  vertical-align: middle;
  color: #33415C;
}
html body.akx-shell .akx-app .akx-content .fin-page .fin-table tbody tr:hover { background: #FAFBFD; }
html body.akx-shell .akx-app .akx-content .fin-page .fin-table tbody tr:last-child td { border-bottom: 0; }
html body.akx-shell .akx-app .akx-content .fin-page .fin-table tbody tr.is-debt { background: #FFFCF8; }
html body.akx-shell .akx-app .akx-content .fin-page .fin-table tbody tr.is-debt:hover { background: #FFF8F1; }

html body.akx-shell .akx-app .akx-content .fin-page .fin-idcell {
  display: flex;
  align-items: center;
  gap: 11px;
  min-width: 0;
  text-decoration: none;
}
html body.akx-shell .akx-app .akx-content .fin-page .fin-avatar {
  display: grid;
  place-items: center;
  flex: 0 0 36px;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #EEF4FF;
  font-size: 13px;
  font-weight: 700;
  color: #3F63C9;
}
html body.akx-shell .akx-app .akx-content .fin-page .fin-idmeta { display: flex; flex-direction: column; min-width: 0; }
html body.akx-shell .akx-app .akx-content .fin-page .fin-idmeta b {
  font-size: 13px;
  font-weight: 700;
  color: #17213C;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
html body.akx-shell .akx-app .akx-content .fin-page .fin-idmeta small {
  font-size: 11px;
  color: #98A2B3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 240px;
}
html body.akx-shell .akx-app .akx-content .fin-page .fin-num {
  font-weight: 700;
  color: #17213C;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
html body.akx-shell .akx-app .akx-content .fin-page .fin-num.is-warn { color: #C4703B; }
html body.akx-shell .akx-app .akx-content .fin-page .fin-move-title { display: block; font-size: 12.5px; font-weight: 600; color: #17213C; }
html body.akx-shell .akx-app .akx-content .fin-page .fin-move-note { display: block; font-size: 11px; color: #98A2B3; }
html body.akx-shell .akx-app .akx-content .fin-page .fin-muted { color: #B4BECC; }

/* ---------- durum rozetleri ---------- */
html body.akx-shell .akx-app .akx-content .fin-page .fin-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 11px;
  border-radius: 999px;
  font-size: 11.5px;
  font-weight: 600;
  white-space: nowrap;
}
html body.akx-shell .akx-app .akx-content .fin-page .fin-badge em { font-style: normal; opacity: .75; font-size: 10.5px; }
html body.akx-shell .akx-app .akx-content .fin-page .fin-badge.tone-ok      { background:#EAF8F1; color:#1F7A52; }
html body.akx-shell .akx-app .akx-content .fin-page .fin-badge.tone-warn    { background:#FFF2E8; color:#C4703B; }
html body.akx-shell .akx-app .akx-content .fin-page .fin-badge.tone-neutral { background:#F4F6FA; color:#667085; }

/* ---------- bos durum ---------- */
html body.akx-shell .akx-app .akx-content .fin-page .fin-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  padding: 26px 16px;
  background: #FBFCFE;
  border: 1px dashed #DFE5EF;
  border-radius: 12px;
  text-align: center;
}
html body.akx-shell .akx-app .akx-content .fin-page .fin-empty i { font-size: 26px; color: #9AA6BC; }
html body.akx-shell .akx-app .akx-content .fin-page .fin-empty b { font-size: 14.5px; font-weight: 700; color: #33415C; }
html body.akx-shell .akx-app .akx-content .fin-page .fin-empty span { font-size: 12.5px; color: #98A2B3; }

html body.akx-shell .akx-app .akx-content .fin-page .alert.student-inline-alert {
  margin: 0 0 14px 0;
  padding: 12px 15px;
  border-radius: 10px;
  border-width: 1px;
  box-shadow: none;
  font-size: 13.5px;
  font-weight: 600;
}

/* ---------- responsive ---------- */
@media (max-width: 1200px) {
  html body.akx-shell .akx-app .akx-content .fin-page .fin-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
  html body.akx-shell .akx-app .akx-content .fin-page { padding: 18px 16px 30px !important; }
  html body.akx-shell .akx-app .akx-content .fin-page .fin-table { min-width: 720px; }
  html body.akx-shell .akx-app .akx-content .fin-page .table-responsive { overflow-x: auto; }
}
@media (max-width: 640px) {
  html body.akx-shell .akx-app .akx-content .fin-page .fin-kpis { grid-template-columns: minmax(0, 1fr); }
  html body.akx-shell .akx-app .akx-content .fin-page .fin-search input { width: 100%; }
  html body.akx-shell .akx-app .akx-content .fin-page .fin-filters { width: 100%; }
}

/* ================================================================
   END FINAL v77
   ================================================================ */


/* ================================================================
   FINAL v78 — ERP GORUNUMU: VERI MODULU (liste + form)

   Sol panelden secilen tum tablolar (ogrenciler, koclar, veliler,
   kurumlar, birimler, paketler...) ayni ERP dilini kullanir:
   beyaz yuzey, 1px #DDE3EC, radius 14, cok hafif golge; yogun ama
   ferah tablo; net Kaydet / Vazgec aksiyonlari.
   ================================================================ */

html body.akx-shell .akx-app .akx-content:has(.data-card),
html body.akx-shell .akx-app .akx-content:has(.akx-form-card),
html body.akx-shell .akx-app .akx-content:has(.akx-data-table) {
  background: linear-gradient(135deg,#F8FAFC 0%,#FBFAF8 50%,#FFF8F1 100%) !important;
  background-attachment: fixed !important;
  min-height: 100vh !important;
}

/* ---------------- 1. SAYFA BASLIGI ----------------------------- */
html body.akx-shell .akx-app .akx-content .page-header {
  max-width: 1460px !important;
  margin: 0 auto 16px auto !important;
  padding: 16px 20px !important;
  background: #FFFFFF !important;
  background-image: none !important;
  border: 1px solid #DDE3EC !important;
  border-radius: 14px !important;
  box-shadow: 0 3px 12px rgba(22,34,60,.045) !important;
}
html body.akx-shell .akx-app .akx-content .page-header-title-row {
  display: flex !important;
  align-items: center !important;
  gap: 13px !important;
}
html body.akx-shell .akx-app .akx-content .module-icon-badge {
  display: grid !important;
  place-items: center !important;
  flex: 0 0 44px !important;
  width: 44px !important;
  height: 44px !important;
  border-radius: 13px !important;
  background: #EEF4FF !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #3F63C9 !important;
  -webkit-text-fill-color: #3F63C9 !important;
  font-size: 19px !important;
}
html body.akx-shell .akx-app .akx-content .page-header .page-pretitle {
  margin: 0 !important;
  font-size: 10.5px !important;
  font-weight: 700 !important;
  letter-spacing: .09em !important;
  text-transform: uppercase !important;
  color: #98A2B3 !important;
  -webkit-text-fill-color: #98A2B3 !important;
}
html body.akx-shell .akx-app .akx-content .page-header .page-title,
html body.akx-shell .akx-app .akx-content .page-header h1,
html body.akx-shell .akx-app .akx-content .page-header h2 {
  margin: 1px 0 0 0 !important;
  font-size: 19px !important;
  font-weight: 700 !important;
  letter-spacing: -.02em !important;
  color: #101A33 !important;
  -webkit-text-fill-color: #101A33 !important;
}
/* Yeni Kayit butonu */
html body.akx-shell .akx-app .akx-content .page-header .btn.btn-primary {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  height: 39px !important;
  padding: 0 16px !important;
  background: #18263D !important;
  background-image: none !important;
  border: 1px solid #18263D !important;
  border-radius: 9px !important;
  box-shadow: none !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  transition: background-color .18s ease, transform .18s ease !important;
}
html body.akx-shell .akx-app .akx-content .page-header .btn.btn-primary:hover {
  background: #25364E !important; border-color: #25364E !important; transform: translateY(-1px) !important;
}

/* ---------------- 2. ARAC CUBUGU ------------------------------- */
html body.akx-shell .akx-app .akx-content .data-toolbar {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  max-width: 1460px !important;
  margin: 0 auto 14px auto !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
html body.akx-shell .akx-app .akx-content .data-toolbar .student-list-search {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  height: 38px !important;
  flex: 1 1 280px !important;
  max-width: 420px !important;
  margin: 0 !important;
  padding: 0 12px !important;
  background: #FFFFFF !important;
  border: 1px solid #E1E6ED !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}
html body.akx-shell .akx-app .akx-content .data-toolbar .student-list-search > i {
  font-size: 14px !important; color: #98A2B3 !important; -webkit-text-fill-color: #98A2B3 !important;
}
html body.akx-shell .akx-app .akx-content .data-toolbar .student-list-search input {
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  outline: none !important;
  box-shadow: none !important;
  font-size: 13px !important;
  color: #17213C !important;
  -webkit-text-fill-color: #17213C !important;
}
html body.akx-shell .akx-app .akx-content .data-toolbar .student-list-search:focus-within {
  border-color: #C3D0F7 !important;
  box-shadow: 0 0 0 3px rgba(89,136,232,.12) !important;
}
html body.akx-shell .akx-app .akx-content .akx-data-hint {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  height: 38px !important;
  padding: 0 13px !important;
  background: #F4F6FA !important;
  border: 1px solid #E7EBF1 !important;
  border-radius: 10px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #7A869A !important;
  -webkit-text-fill-color: #7A869A !important;
}

/* ---------------- 3. VERI TABLOSU ------------------------------ */
html body.akx-shell .akx-app .akx-content .card.data-card {
  max-width: 1460px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  background: #FFFFFF !important;
  background-image: none !important;
  border: 1px solid #DDE3EC !important;
  border-radius: 14px !important;
  box-shadow: 0 3px 12px rgba(22,34,60,.045) !important;
  overflow: hidden !important;
}
html body.akx-shell .akx-app .akx-content .akx-data-table {
  width: 100% !important;
  margin: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
}
html body.akx-shell .akx-app .akx-content .akx-data-table thead th {
  height: 42px !important;
  padding: 0 14px !important;
  background: #F8FAFC !important;
  background-image: none !important;
  border: 0 !important;
  border-bottom: 1px solid #EEF1F5 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .05em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  color: #7A869A !important;
  -webkit-text-fill-color: #7A869A !important;
}
html body.akx-shell .akx-app .akx-content .akx-data-table tbody td {
  height: 52px !important;
  padding: 8px 14px !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid #EEF1F5 !important;
  font-size: 12.5px !important;
  vertical-align: middle !important;
  color: #33415C !important;
  -webkit-text-fill-color: #33415C !important;
}
html body.akx-shell .akx-app .akx-content .akx-data-table tbody tr {
  background: transparent !important;
  transition: background-color .14s ease !important;
}
html body.akx-shell .akx-app .akx-content .akx-data-table tbody tr:hover { background: #FAFBFD !important; }
html body.akx-shell .akx-app .akx-content .akx-data-table tbody tr:last-child td { border-bottom: 0 !important; }
html body.akx-shell .akx-app .akx-content .akx-data-table .akx-data-idcol {
  width: 72px !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  color: #98A2B3 !important;
  -webkit-text-fill-color: #98A2B3 !important;
  font-variant-numeric: tabular-nums !important;
}

/* satir islemleri */
html body.akx-shell .akx-app .akx-content .akx-row-actions {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  justify-content: flex-end !important;
}
html body.akx-shell .akx-app .akx-content .akx-row-actions .btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  height: 32px !important;
  padding: 0 11px !important;
  background: #FFFFFF !important;
  background-image: none !important;
  border: 1px solid #E2E7F0 !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
  color: #64748B !important;
  -webkit-text-fill-color: #64748B !important;
  transition: border-color .16s ease, background-color .16s ease, color .16s ease !important;
}
html body.akx-shell .akx-app .akx-content .akx-row-actions .btn:hover {
  background: #EEF4FF !important; border-color: #C3D0F7 !important;
  color: #2F44B8 !important; -webkit-text-fill-color: #2F44B8 !important;
}
html body.akx-shell .akx-app .akx-content .akx-row-actions .akx-delete-action:hover {
  background: #FDEEEE !important; border-color: #F3C6C6 !important;
  color: #C23B3B !important; -webkit-text-fill-color: #C23B3B !important;
}
html body.akx-shell .akx-app .akx-content .akx-row-actions .akx-reset-action:hover {
  background: #FFF7DF !important; border-color: #EFDEB0 !important;
  color: #9A7215 !important; -webkit-text-fill-color: #9A7215 !important;
}

/* ---------------- 4. FORM -------------------------------------- */
html body.akx-shell .akx-app .akx-content .akx-form-card,
html body.akx-shell .akx-app .akx-content form .card {
  max-width: 1460px !important;
  margin: 0 auto !important;
  background: #FFFFFF !important;
  background-image: none !important;
  border: 1px solid #DDE3EC !important;
  border-radius: 14px !important;
  box-shadow: 0 3px 12px rgba(22,34,60,.045) !important;
}
html body.akx-shell .akx-app .akx-content .akx-form-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 16px 22px !important;
  padding: 20px !important;
}
html body.akx-shell .akx-app .akx-content .akx-form-grid > div > label,
html body.akx-shell .akx-app .akx-content .akx-form-grid .form-label {
  display: block !important;
  margin: 0 0 6px 0 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: -.005em !important;
  color: #475467 !important;
  -webkit-text-fill-color: #475467 !important;
}
html body.akx-shell .akx-app .akx-content .akx-form-grid .form-control,
html body.akx-shell .akx-app .akx-content .akx-form-grid .form-select {
  width: 100% !important;
  height: 42px !important;
  padding: 0 13px !important;
  background: #FFFFFF !important;
  border: 1px solid #E1E6ED !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  font-size: 13.5px !important;
  color: #17213C !important;
  -webkit-text-fill-color: #17213C !important;
  transition: border-color .16s ease, box-shadow .16s ease !important;
}
html body.akx-shell .akx-app .akx-content .akx-form-grid textarea.form-control {
  height: auto !important;
  min-height: 96px !important;
  padding: 11px 13px !important;
  line-height: 1.5 !important;
}
html body.akx-shell .akx-app .akx-content .akx-form-grid .form-control:focus,
html body.akx-shell .akx-app .akx-content .akx-form-grid .form-select:focus {
  border-color: #B9C8F7 !important;
  box-shadow: 0 0 0 3px rgba(79,107,237,.12) !important;
}
html body.akx-shell .akx-app .akx-content .akx-form-grid .form-control[readonly] {
  background: #F7F9FC !important;
  color: #7A869A !important;
  -webkit-text-fill-color: #7A869A !important;
}
html body.akx-shell .akx-app .akx-content .akx-form-grid .form-text {
  display: block !important;
  margin-top: 5px !important;
  font-size: 11.5px !important;
  line-height: 1.4 !important;
  color: #98A2B3 !important;
  -webkit-text-fill-color: #98A2B3 !important;
}
html body.akx-shell .akx-app .akx-content .akx-upload-preview {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin-top: 8px !important;
  padding: 8px 10px !important;
  background: #FBFCFE !important;
  border: 1px solid #EEF1F5 !important;
  border-radius: 10px !important;
}
html body.akx-shell .akx-app .akx-content .akx-upload-preview img {
  width: 40px !important; height: 40px !important;
  object-fit: cover !important; border-radius: 8px !important;
}

/* Kaydet / Vazgec */
html body.akx-shell .akx-app .akx-content .akx-form-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 15px 20px !important;
  background: #FBFCFE !important;
  background-image: none !important;
  border: 0 !important;
  border-top: 1px solid #EEF1F5 !important;
  border-radius: 0 0 14px 14px !important;
}
html body.akx-shell .akx-app .akx-content .akx-form-actions .btn.btn-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 40px !important;
  padding: 0 18px !important;
  background: #FFFFFF !important;
  border: 1px solid #DDE3EC !important;
  border-radius: 9px !important;
  box-shadow: none !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  color: #667085 !important;
  -webkit-text-fill-color: #667085 !important;
  transition: border-color .18s ease, color .18s ease !important;
}
html body.akx-shell .akx-app .akx-content .akx-form-actions .btn.btn-link:hover {
  border-color: #CCD6E4 !important;
  color: #33415C !important;
  -webkit-text-fill-color: #33415C !important;
}
html body.akx-shell .akx-app .akx-content .akx-form-actions .btn.btn-primary {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  min-width: 132px !important;
  height: 40px !important;
  padding: 0 20px !important;
  background: #18263D !important;
  background-image: none !important;
  border: 1px solid #18263D !important;
  border-radius: 9px !important;
  box-shadow: 0 3px 10px rgba(24,38,61,.16) !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  transition: background-color .18s ease, transform .18s ease, box-shadow .18s ease !important;
}
html body.akx-shell .akx-app .akx-content .akx-form-actions .btn.btn-primary:hover {
  background: #25364E !important;
  border-color: #25364E !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 16px rgba(24,38,61,.2) !important;
}

/* ---------------- 5. BOS DURUM + SAYFALAMA -------------------- */
html body.akx-shell .akx-app .akx-content .empty-state {
  max-width: 1460px !important;
  margin: 0 auto !important;
  padding: 28px 18px !important;
  background: #FFFFFF !important;
  border: 1px solid #DDE3EC !important;
  border-radius: 14px !important;
  box-shadow: 0 3px 12px rgba(22,34,60,.045) !important;
  text-align: center !important;
}
html body.akx-shell .akx-app .akx-content .empty-state > i {
  font-size: 28px !important;
  color: #9AA6BC !important;
  -webkit-text-fill-color: #9AA6BC !important;
}
html body.akx-shell .akx-app .akx-content .empty-state p {
  margin: 8px 0 0 0 !important;
  font-size: 13px !important;
  color: #7A869A !important;
  -webkit-text-fill-color: #7A869A !important;
}

/* ---------------- 6. RESPONSIVE -------------------------------- */
@media (max-width: 900px) {
  html body.akx-shell .akx-app .akx-content .akx-form-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    padding: 16px !important;
  }
  html body.akx-shell .akx-app .akx-content .card.data-card .table-responsive { overflow-x: auto !important; }
  html body.akx-shell .akx-app .akx-content .akx-data-table { min-width: 720px !important; }
  html body.akx-shell .akx-app .akx-content .akx-form-actions { padding: 14px 16px !important; }
}
@media (max-width: 560px) {
  html body.akx-shell .akx-app .akx-content .akx-form-actions { flex-direction: column-reverse !important; }
  html body.akx-shell .akx-app .akx-content .akx-form-actions > * { width: 100% !important; }
}

/* ================================================================
   END FINAL v78
   ================================================================ */


/* ================================================================
   FINAL v79 — KATMAN 1: AKILLI LISTE BILESENLERI

   Tek sablon, sol panelden acilan butun tablolara uygulanir:
   kisi satiri (avatar + ad + e-posta), durum rozeti, iliski cipi,
   para / sayi / tarih bicimleri, kolon basligindan siralama,
   kayit sayaci, filtre ozeti ve sayfa boyutu secici.
   ================================================================ */

/* ---------------- arac cubugu ek bilesenleri ------------------- */
html body.akx-shell .akx-app .akx-content .akx-count-chip {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  height: 38px !important;
  padding: 0 13px !important;
  background: #FFFFFF !important;
  border: 1px solid #E1E6ED !important;
  border-radius: 10px !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
  color: #475467 !important;
  -webkit-text-fill-color: #475467 !important;
}
html body.akx-shell .akx-app .akx-content .akx-count-chip > i { font-size: 13px !important; color: #98A2B3 !important; -webkit-text-fill-color: #98A2B3 !important; }

html body.akx-shell .akx-app .akx-content .akx-filter-chip {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  height: 38px !important;
  padding: 0 13px !important;
  background: #EEF4FF !important;
  border: 1px solid #DDE7FB !important;
  border-radius: 999px !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
  text-decoration: none !important;
  color: #3F63C9 !important;
  -webkit-text-fill-color: #3F63C9 !important;
  transition: background-color .16s ease, border-color .16s ease !important;
}
html body.akx-shell .akx-app .akx-content .akx-filter-chip:hover { background: #E3ECFE !important; border-color: #C3D0F7 !important; }
html body.akx-shell .akx-app .akx-content .akx-filter-chip > i:last-child { font-size: 10px !important; opacity: .7 !important; }

html body.akx-shell .akx-app .akx-content .akx-size-picker {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  height: 38px !important;
  margin: 0 !important;
  padding: 0 11px !important;
  background: #FFFFFF !important;
  border: 1px solid #E1E6ED !important;
  border-radius: 10px !important;
}
html body.akx-shell .akx-app .akx-content .akx-size-picker > i { font-size: 13px !important; color: #98A2B3 !important; -webkit-text-fill-color: #98A2B3 !important; }
html body.akx-shell .akx-app .akx-content .akx-size-picker select {
  height: 100% !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  outline: none !important;
  box-shadow: none !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  color: #475467 !important;
  -webkit-text-fill-color: #475467 !important;
  cursor: pointer !important;
}

/* ---------------- siralanabilir baslik ------------------------- */
html body.akx-shell .akx-app .akx-content .akx-data-table thead th > a.akx-sort {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  text-decoration: none !important;
  font: inherit !important;
  letter-spacing: inherit !important;
  text-transform: inherit !important;
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
  transition: color .14s ease !important;
}
html body.akx-shell .akx-app .akx-content .akx-data-table thead th > a.akx-sort:hover {
  color: #3F63C9 !important;
  -webkit-text-fill-color: #3F63C9 !important;
}
html body.akx-shell .akx-app .akx-content .akx-data-table thead th > a.akx-sort.is-on {
  color: #18263D !important;
  -webkit-text-fill-color: #18263D !important;
}
html body.akx-shell .akx-app .akx-content .akx-data-table thead th > a.akx-sort > i { font-size: 9px !important; opacity: .85 !important; }
html body.akx-shell .akx-app .akx-content .akx-data-table thead th.text-end > a.akx-sort { justify-content: flex-end !important; }

/* ---------------- kisi satiri ---------------------------------- */
html body.akx-shell .akx-app .akx-content .akx-person {
  display: inline-flex !important;
  align-items: center !important;
  gap: 11px !important;
  min-width: 0 !important;
}
html body.akx-shell .akx-app .akx-content .akx-person-avatar {
  display: grid !important;
  place-items: center !important;
  flex: 0 0 36px !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  background: #EEF4FF !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #3F63C9 !important;
  -webkit-text-fill-color: #3F63C9 !important;
}
html body.akx-shell .akx-app .akx-content .akx-person-meta {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
}
html body.akx-shell .akx-app .akx-content .akx-person-meta b {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: -.01em !important;
  color: #17213C !important;
  -webkit-text-fill-color: #17213C !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  max-width: 260px !important;
}
html body.akx-shell .akx-app .akx-content .akx-person-meta small {
  font-size: 11px !important;
  color: #98A2B3 !important;
  -webkit-text-fill-color: #98A2B3 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  max-width: 260px !important;
}

/* ---------------- durum rozeti -------------------------------- */
html body.akx-shell .akx-app .akx-content .akx-state {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  height: 25px !important;
  padding: 0 11px !important;
  border-radius: 999px !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
}
html body.akx-shell .akx-app .akx-content .akx-state::before {
  content: "" !important;
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
  background: currentColor !important;
}
html body.akx-shell .akx-app .akx-content .akx-state.is-on  { background:#EAF8F1 !important; color:#1F7A52 !important; -webkit-text-fill-color:#1F7A52 !important; }
html body.akx-shell .akx-app .akx-content .akx-state.is-off { background:#F4F6FA !important; color:#7A869A !important; -webkit-text-fill-color:#7A869A !important; }

/* ---------------- iliski cipi --------------------------------- */
html body.akx-shell .akx-app .akx-content .akx-rel-chip {
  display: inline-flex !important;
  align-items: center !important;
  height: 25px !important;
  padding: 0 11px !important;
  background: #F4F6FA !important;
  border: 1px solid #E7EBF1 !important;
  border-radius: 999px !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
  max-width: 230px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #475467 !important;
  -webkit-text-fill-color: #475467 !important;
}

/* ---------------- para / sayi / tarih ------------------------- */
html body.akx-shell .akx-app .akx-content .akx-data-table td.akx-money,
html body.akx-shell .akx-app .akx-content .akx-data-table td.akx-figure {
  font-weight: 700 !important;
  color: #17213C !important;
  -webkit-text-fill-color: #17213C !important;
  font-variant-numeric: tabular-nums !important;
  white-space: nowrap !important;
}
html body.akx-shell .akx-app .akx-content .akx-data-table td.akx-date {
  color: #667085 !important;
  -webkit-text-fill-color: #667085 !important;
  white-space: nowrap !important;
  font-variant-numeric: tabular-nums !important;
}
html body.akx-shell .akx-app .akx-content .akx-cell-empty {
  color: #C3CBD8 !important;
  -webkit-text-fill-color: #C3CBD8 !important;
}
html body.akx-shell .akx-app .akx-content .akx-data-table td.akx-data-empty {
  height: 96px !important;
  text-align: center !important;
  font-size: 13px !important;
  color: #98A2B3 !important;
  -webkit-text-fill-color: #98A2B3 !important;
}
html body.akx-shell .akx-app .akx-content .akx-data-table td.akx-data-empty a {
  font-weight: 600 !important;
  color: #3F63C9 !important;
  -webkit-text-fill-color: #3F63C9 !important;
}

/* ---------------- sayfalama ----------------------------------- */
html body.akx-shell .akx-app .akx-content .akx-pager {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 13px 16px !important;
  background: #FBFCFE !important;
  border-top: 1px solid #EEF1F5 !important;
  border-radius: 0 0 14px 14px !important;
}
html body.akx-shell .akx-app .akx-content .akx-pager-info {
  font-size: 12.5px !important;
  font-weight: 600 !important;
  color: #7A869A !important;
  -webkit-text-fill-color: #7A869A !important;
  font-variant-numeric: tabular-nums !important;
}
html body.akx-shell .akx-app .akx-content .akx-pager-btns { display: flex !important; align-items: center !important; gap: 6px !important; }
html body.akx-shell .akx-app .akx-content .akx-pager-btn {
  display: grid !important;
  place-items: center !important;
  width: 32px !important;
  height: 32px !important;
  background: #FFFFFF !important;
  border: 1px solid #E2E7F0 !important;
  border-radius: 8px !important;
  font-size: 13px !important;
  text-decoration: none !important;
  color: #64748B !important;
  -webkit-text-fill-color: #64748B !important;
}
html body.akx-shell .akx-app .akx-content .akx-pager-btn:hover {
  background: #EEF4FF !important; border-color: #C3D0F7 !important;
  color: #2F44B8 !important; -webkit-text-fill-color: #2F44B8 !important;
}
html body.akx-shell .akx-app .akx-content .akx-pager-btn.disabled { opacity: .45 !important; pointer-events: none !important; }
html body.akx-shell .akx-app .akx-content .akx-pager-cur {
  min-width: 62px !important;
  text-align: center !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  color: #33415C !important;
  -webkit-text-fill-color: #33415C !important;
  font-variant-numeric: tabular-nums !important;
}

/* ================================================================
   END FINAL v79
   ================================================================ */


/* ================================================================
   FINAL v80 — SAYFALAMA BILGISI

   Eski bir kural ".akx-pager-info" ogesine beyaz zemin + petrol
   cerceve veriyordu; sayfalama seridinde kutu gibi duruyordu.
   ================================================================ */
html body.akx-shell .akx-app .akx-content .akx-pager .akx-pager-info {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* ================================================================
   END FINAL v80
   ================================================================ */


/* ================================================================
   FINAL v81 — SUPERADMIN YONETIM PANOSU (.adm-page)

   Ogrenci ve koc panolariyla ayni sistem: beyaz yuzey,
   1px #DDE3EC, radius 14, cok hafif golge; renk yalnizca
   ikon, rozet ve birincil aksiyonda.
   ================================================================ */

html body.akx-shell .akx-app .akx-content:has(.adm-page) {
  background: linear-gradient(135deg,#F8FAFC 0%,#FBFAF8 50%,#FFF8F1 100%) !important;
  background-attachment: fixed !important;
  min-height: 100vh !important;
}
html body.akx-shell .akx-app .akx-content .adm-page {
  display: flex !important;
  flex-direction: column !important;
  gap: 18px !important;
  max-width: 1460px !important;
  margin: 0 auto !important;
  padding: 22px 26px 36px !important;
  background: transparent !important;
}

/* ---------------- hero ---------------------------------------- */
html body.akx-shell .akx-app .akx-content .adm-page .adm-hero {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
  padding: 18px 20px;
  background: #FFFFFF;
  border: 1px solid #DDE3EC;
  border-radius: 14px;
  box-shadow: 0 4px 16px rgba(22,34,60,.045);
}
html body.akx-shell .akx-app .akx-content .adm-page .adm-hero-avatar {
  display: grid;
  place-items: center;
  flex: 0 0 52px;
  width: 52px;
  height: 52px;
  border-radius: 16px;
  background: #18263D;
  font-size: 21px;
  font-weight: 700;
  color: #FFFFFF;
}
html body.akx-shell .akx-app .akx-content .adm-page .adm-hero-copy { flex: 1 1 260px; min-width: 0; }
html body.akx-shell .akx-app .akx-content .adm-page .adm-hero-copy h1 {
  margin: 0;
  font-size: 21px;
  font-weight: 700;
  letter-spacing: -.02em;
  color: #101A33;
}
html body.akx-shell .akx-app .akx-content .adm-page .adm-hero-copy p {
  margin: 3px 0 0 0;
  font-size: 13px;
  font-weight: 500;
  color: #7A869A;
}
html body.akx-shell .akx-app .akx-content .adm-page .adm-hero-actions {
  display: flex;
  align-items: center;
  gap: 9px;
  flex: 0 0 auto;
}
html body.akx-shell .akx-app .akx-content .adm-page .adm-hero-date {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  min-width: 68px;
  padding: 9px 12px;
  background: #FFF2E8;
  border: 1px solid #FBE0CC;
  border-radius: 12px;
}
html body.akx-shell .akx-app .akx-content .adm-page .adm-hero-date strong {
  font-size: 21px;
  font-weight: 700;
  line-height: 1;
  color: #C4703B;
  font-variant-numeric: tabular-nums;
}
html body.akx-shell .akx-app .akx-content .adm-page .adm-hero-date small {
  margin-top: 2px;
  font-size: 10.5px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .05em;
  color: #C08F6B;
}

/* ---------------- butonlar ------------------------------------ */
html body.akx-shell .akx-app .akx-content .adm-page .adm-btn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  height: 39px;
  padding: 0 16px;
  background: #FFFFFF;
  border: 1px solid #DDE3EC;
  border-radius: 9px;
  font-size: 13.5px;
  font-weight: 600;
  white-space: nowrap;
  text-decoration: none;
  color: #33415C;
  transition: border-color .18s ease, transform .18s ease, background-color .18s ease;
}
html body.akx-shell .akx-app .akx-content .adm-page .adm-btn:hover {
  border-color: #C3D0F7;
  transform: translateY(-1px);
  color: #2F44B8;
}
html body.akx-shell .akx-app .akx-content .adm-page .adm-btn.adm-btn-dark {
  background: #18263D;
  border-color: #18263D;
  color: #FFFFFF;
}
html body.akx-shell .akx-app .akx-content .adm-page .adm-btn.adm-btn-dark:hover { background: #25364E; border-color: #25364E; color: #FFFFFF; }
html body.akx-shell .akx-app .akx-content .adm-page .adm-btn.adm-btn-sm { height: 32px; padding: 0 12px; font-size: 12.5px; }
html body.akx-shell .akx-app .akx-content .adm-page .adm-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12.5px;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
  color: #3F63C9;
}
html body.akx-shell .akx-app .akx-content .adm-page .adm-link:hover { color: #2F44B8; }

/* ---------------- KPI ----------------------------------------- */
html body.akx-shell .akx-app .akx-content .adm-page .adm-kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}
html body.akx-shell .akx-app .akx-content .adm-page .adm-kpi {
  display: flex;
  align-items: center;
  gap: 13px;
  min-height: 92px;
  padding: 16px 18px;
  background: #FFFFFF;
  border: 1px solid #DDE3EC;
  border-radius: 14px;
  box-shadow: 0 3px 12px rgba(22,34,60,.045);
}
html body.akx-shell .akx-app .akx-content .adm-page .adm-kpi-icon {
  display: grid;
  place-items: center;
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  border-radius: 12px;
  font-size: 19px;
}
html body.akx-shell .akx-app .akx-content .adm-page .adm-kpi b {
  display: block;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -.025em;
  color: #17213C;
  font-variant-numeric: tabular-nums;
}
html body.akx-shell .akx-app .akx-content .adm-page .adm-kpi small {
  display: block;
  margin-top: 2px;
  font-size: 12.5px;
  font-weight: 600;
  color: #667085;
}
/* servisten gelen accent adlari */
html body.akx-shell .akx-app .akx-content .adm-page .adm-kpi-icon.accent-azure  { background:#EEF4FF; color:#3F63C9; }
html body.akx-shell .akx-app .akx-content .adm-page .adm-kpi-icon.accent-green  { background:#EAF8F1; color:#2A9E68; }
html body.akx-shell .akx-app .akx-content .adm-page .adm-kpi-icon.accent-orange { background:#FFF2E8; color:#D98042; }
html body.akx-shell .akx-app .akx-content .adm-page .adm-kpi-icon.accent-pink   { background:#FDEEF4; color:#C4568A; }
html body.akx-shell .akx-app .akx-content .adm-page .adm-kpi-icon.accent-purple { background:#F2EEFF; color:#7659E8; }
html body.akx-shell .akx-app .akx-content .adm-page .adm-kpi-icon.accent-teal   { background:#E7F5F1; color:#1E8C74; }
html body.akx-shell .akx-app .akx-content .adm-page .adm-kpi-icon.accent-yellow { background:#FFF7DF; color:#B98A22; }
html body.akx-shell .akx-app .akx-content .adm-page .adm-kpi-icon.accent-indigo { background:#EEF0FF; color:#4B56C9; }

/* ---------------- grid + kart --------------------------------- */
html body.akx-shell .akx-app .akx-content .adm-page .adm-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.75fr) minmax(300px, 1fr);
  align-items: start;
  gap: 16px;
}
html body.akx-shell .akx-app .akx-content .adm-page .adm-card {
  padding: 18px;
  background: #FFFFFF;
  border: 1px solid #DDE3EC;
  border-radius: 14px;
  box-shadow: 0 3px 12px rgba(22,34,60,.045);
}
html body.akx-shell .akx-app .akx-content .adm-page .adm-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  margin: 0 0 14px 0;
  padding: 0 0 14px 0;
  border-bottom: 1px solid #EEF1F5;
}
html body.akx-shell .akx-app .akx-content .adm-page .adm-card-head > div:first-child {
  display: flex;
  align-items: center;
  gap: 12px;
}
html body.akx-shell .akx-app .akx-content .adm-page .adm-card-icon {
  display: grid;
  place-items: center;
  flex: 0 0 38px;
  width: 38px;
  height: 38px;
  border-radius: 11px;
  font-size: 17px;
}
html body.akx-shell .akx-app .akx-content .adm-page .adm-card-head h2 {
  margin: 0;
  font-size: 16.5px;
  font-weight: 700;
  letter-spacing: -.015em;
  color: #101A33;
}
html body.akx-shell .akx-app .akx-content .adm-page .adm-card-head span {
  display: block;
  margin-top: 2px;
  font-size: 12.5px;
  color: #98A2B3;
}

/* ton paleti (ikon kutulari + rozetler) */
html body.akx-shell .akx-app .akx-content .adm-page .tone-blue    { background:#EEF4FF; color:#3F63C9; }
html body.akx-shell .akx-app .akx-content .adm-page .tone-green   { background:#EAF8F1; color:#2A9E68; }
html body.akx-shell .akx-app .akx-content .adm-page .tone-purple  { background:#F2EEFF; color:#7659E8; }
html body.akx-shell .akx-app .akx-content .adm-page .tone-orange  { background:#FFF2E8; color:#D98042; }
html body.akx-shell .akx-app .akx-content .adm-page .tone-amber   { background:#FFF7DF; color:#B98A22; }
html body.akx-shell .akx-app .akx-content .adm-page .tone-teal    { background:#E7F5F1; color:#1E8C74; }
html body.akx-shell .akx-app .akx-content .adm-page .tone-navy    { background:#EAEDF3; color:#25364E; }
html body.akx-shell .akx-app .akx-content .adm-page .tone-neutral { background:#F4F6FA; color:#667085; }

/* ---------------- tablo --------------------------------------- */
html body.akx-shell .akx-app .akx-content .adm-page .adm-table { width: 100%; margin: 0; border-collapse: separate; border-spacing: 0; }
html body.akx-shell .akx-app .akx-content .adm-page .adm-table thead th {
  height: 40px;
  padding: 0 12px;
  background: #F8FAFC;
  border: 0;
  border-bottom: 1px solid #EEF1F5;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .05em;
  text-transform: uppercase;
  white-space: nowrap;
  color: #7A869A;
}
html body.akx-shell .akx-app .akx-content .adm-page .adm-table tbody td {
  height: 54px;
  padding: 8px 12px;
  border: 0;
  border-bottom: 1px solid #EEF1F5;
  font-size: 12.5px;
  vertical-align: middle;
  color: #33415C;
}
html body.akx-shell .akx-app .akx-content .adm-page .adm-table tbody tr:hover { background: #FAFBFD; }
html body.akx-shell .akx-app .akx-content .adm-page .adm-table tbody tr:last-child td { border-bottom: 0; }
html body.akx-shell .akx-app .akx-content .adm-page .adm-strong { font-size: 13px; font-weight: 700; color: #17213C; }
html body.akx-shell .akx-app .akx-content .adm-page .adm-date { color: #667085; white-space: nowrap; font-variant-numeric: tabular-nums; }
html body.akx-shell .akx-app .akx-content .adm-page .adm-figure { font-weight: 700; color: #17213C; font-variant-numeric: tabular-nums; white-space: nowrap; }

html body.akx-shell .akx-app .akx-content .adm-page .adm-person { display: inline-flex; align-items: center; gap: 11px; min-width: 0; }
html body.akx-shell .akx-app .akx-content .adm-page .adm-person-avatar {
  display: grid;
  place-items: center;
  flex: 0 0 36px;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #EEF4FF;
  font-size: 13px;
  font-weight: 700;
  color: #3F63C9;
}
html body.akx-shell .akx-app .akx-content .adm-page .adm-person-meta { display: flex; flex-direction: column; min-width: 0; }
html body.akx-shell .akx-app .akx-content .adm-page .adm-person-meta b {
  font-size: 13px; font-weight: 700; color: #17213C;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 240px;
}
html body.akx-shell .akx-app .akx-content .adm-page .adm-person-meta small {
  font-size: 11px; color: #98A2B3;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 240px;
}
html body.akx-shell .akx-app .akx-content .adm-page .adm-badge {
  display: inline-flex;
  align-items: center;
  height: 25px;
  padding: 0 11px;
  border-radius: 999px;
  font-size: 11.5px;
  font-weight: 600;
  white-space: nowrap;
}

/* ---------------- hizli erisim -------------------------------- */
html body.akx-shell .akx-app .akx-content .adm-page .adm-quick {
  display: flex;
  flex-direction: column;
  gap: 9px;
}
html body.akx-shell .akx-app .akx-content .adm-page .adm-tile {
  display: flex;
  align-items: center;
  gap: 11px;
  height: 54px;
  padding: 0 13px;
  background: #FFFFFF;
  border: 1px solid #E5EAF1;
  border-radius: 10px;
  text-decoration: none;
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
html body.akx-shell .akx-app .akx-content .adm-page .adm-tile:hover {
  border-color: #CCD6E4;
  box-shadow: 0 5px 15px rgba(22,34,60,.06);
  transform: translateY(-1px);
}
html body.akx-shell .akx-app .akx-content .adm-page .adm-tile-icon {
  display: grid;
  place-items: center;
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  border-radius: 10px;
  font-size: 15px;
}
html body.akx-shell .akx-app .akx-content .adm-page .adm-tile-label {
  flex: 1 1 auto;
  min-width: 0;
  font-size: 12.5px;
  font-weight: 600;
  color: #17213C;
}
html body.akx-shell .akx-app .akx-content .adm-page .adm-tile > i:last-child { font-size: 13px; color: #B4BECC; }

/* ---------------- bos durum ----------------------------------- */
html body.akx-shell .akx-app .akx-content .adm-page .adm-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  padding: 24px 16px;
  background: #FBFCFE;
  border: 1px dashed #DFE5EF;
  border-radius: 12px;
  text-align: center;
}
html body.akx-shell .akx-app .akx-content .adm-page .adm-empty i { font-size: 26px; color: #9AA6BC; }
html body.akx-shell .akx-app .akx-content .adm-page .adm-empty b { font-size: 14px; font-weight: 700; color: #33415C; }
html body.akx-shell .akx-app .akx-content .adm-page .adm-empty span { font-size: 12.5px; color: #98A2B3; }

/* ---------------- responsive ---------------------------------- */
@media (max-width: 1399px) {
  html body.akx-shell .akx-app .akx-content .adm-page .adm-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 1100px) {
  html body.akx-shell .akx-app .akx-content .adm-page .adm-grid { grid-template-columns: minmax(0, 1fr); }
  html body.akx-shell .akx-app .akx-content .adm-page { padding: 18px 16px 30px !important; }
}
@media (max-width: 700px) {
  html body.akx-shell .akx-app .akx-content .adm-page .adm-kpis { grid-template-columns: minmax(0, 1fr); }
  html body.akx-shell .akx-app .akx-content .adm-page .adm-hero-actions { width: 100%; }
  html body.akx-shell .akx-app .akx-content .adm-page .adm-hero-actions > * { flex: 1 1 auto; justify-content: center; }
  html body.akx-shell .akx-app .akx-content .adm-page .adm-table { min-width: 560px; }
  html body.akx-shell .akx-app .akx-content .adm-page .table-responsive { overflow-x: auto; }
}

/* ================================================================
   END FINAL v81
   ================================================================ */


/* ================================================================
   FINAL v82 — SUPER ADMIN PANELI (.sa-page) — referans tasarim

   Hero (metin + illustration + fayda satirlari) -> 4 KPI ->
   [Platform Dagilimi | Sistem Kullanimi | Hizli Islemler] ->
   [Son Ogrenciler | Son Koclar | Sistem Ozeti]
   Tum veriler gercek; saglik denetimi olmadigi icin "Sistem Ozeti".
   ================================================================ */

/* ---------------- sayfa zemini + kapsayici --------------------- */
html body.akx-shell .akx-app .akx-content:has(.sa-page) {
  background: linear-gradient(135deg,#F8FAFD 0%,#FBFCFE 45%,#FFF9F4 100%) !important;
  background-attachment: fixed !important;
  min-height: 100vh !important;
}
html body.akx-shell .akx-app .akx-content .sa-page {
  display: flex !important;
  flex-direction: column !important;
  gap: 18px !important;
  max-width: 1500px !important;
  margin: 0 auto !important;
  padding: 20px 26px 36px !important;
  background: transparent !important;
  color: #14213D;
}

/* ---------------- ust bar: baslik + alt baslik + kullanici ----- */
html body.akx-shell .akx-app:not(.akx-student) .akx-topbar {
  min-height: 66px !important;
  background: #FFFFFF !important;
  border-bottom: 1px solid #E8EDF3 !important;
  box-shadow: none !important;
}
html body.akx-shell .akx-app .akx-topbar .akx-page-titles {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  min-width: 0 !important;
}
html body.akx-shell .akx-app .akx-topbar .akx-page-titles .akx-page-title {
  margin: 0 !important;
  font-size: 21px !important;
  font-weight: 700 !important;
  letter-spacing: -.02em !important;
  color: #17213C !important;
  -webkit-text-fill-color: #17213C !important;
}
html body.akx-shell .akx-app .akx-topbar .akx-page-sub {
  margin: 0 !important;
  font-size: 12.5px !important;
  font-weight: 500 !important;
  color: #718096 !important;
  -webkit-text-fill-color: #718096 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
html body.akx-shell .akx-app .akx-topbar .akx-top-user-admin {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin-left: 6px !important;
  padding: 4px 12px 4px 4px !important;
  background: transparent !important;
  border: 0 !important;
  border-left: 1px solid #E8EDF3 !important;
  border-radius: 0 !important;
}
html body.akx-shell .akx-app .akx-topbar .akx-top-user-admin .akx-top-user-av {
  display: grid !important;
  place-items: center !important;
  width: 40px !important;
  height: 40px !important;
  margin-left: 12px !important;
  border-radius: 50% !important;
  background: #20354F !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}
html body.akx-shell .akx-app .akx-topbar .akx-top-user-admin .akx-top-user-txt {
  display: flex !important;
  flex-direction: column !important;
  line-height: 1.2 !important;
}
html body.akx-shell .akx-app .akx-topbar .akx-top-user-admin .akx-top-user-txt b {
  font-size: 13.5px !important; font-weight: 700 !important;
  color: #17213C !important; -webkit-text-fill-color: #17213C !important;
}
html body.akx-shell .akx-app .akx-topbar .akx-top-user-admin .akx-top-user-txt small {
  font-size: 11.5px !important; color: #8492A6 !important; -webkit-text-fill-color: #8492A6 !important;
}

/* ---------------- ton paleti ---------------------------------- */
html body.akx-shell .akx-app .akx-content .sa-page .tone-blue   { background:#EAF3FF; color:#3688E8; }
html body.akx-shell .akx-app .akx-content .sa-page .tone-green  { background:#EAF8F0; color:#27A96B; }
html body.akx-shell .akx-app .akx-content .sa-page .tone-orange { background:#FFF0E6; color:#F47A37; }
html body.akx-shell .akx-app .akx-content .sa-page .tone-purple { background:#F1EDFF; color:#7659E8; }
html body.akx-shell .akx-app .akx-content .sa-page .tone-teal   { background:#E7F5F2; color:#1E8C74; }
html body.akx-shell .akx-app .akx-content .sa-page .tone-amber  { background:#FFF6E3; color:#D09525; }

/* ================= HERO ================= */
html body.akx-shell .akx-app .akx-content .sa-page .sa-hero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 47fr) minmax(0, 35fr) minmax(0, 18fr);
  align-items: center;
  gap: 18px;
  min-height: 215px;
  padding: 26px 30px;
  background: linear-gradient(105deg,#FFFFFF 0%,#FFF9F4 52%,#FFF3E9 100%);
  border: 1px solid #E1E6ED;
  border-radius: 16px;
  box-shadow: 0 4px 16px rgba(22,34,60,.04);
  overflow: hidden;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 6px 10px;
  background: #FFF0E6;
  border-radius: 8px;
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .04em;
  color: #C65320;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-badge i { color: #F28A3E; }
html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-copy h2 {
  margin: 14px 0 0 0;
  font-size: 30px;
  font-weight: 750;
  line-height: 1.15;
  letter-spacing: -.03em;
  color: #14213D;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-copy p {
  margin: 10px 0 0 0;
  max-width: 540px;
  font-size: 13.5px;
  line-height: 1.5;
  color: #667085;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 18px;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-btn {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  height: 40px;
  padding: 0 18px;
  background: #FFFFFF;
  border: 1px solid #D8E0EA;
  border-radius: 8px;
  font-size: 13.5px;
  font-weight: 600;
  white-space: nowrap;
  text-decoration: none;
  color: #20354F;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-btn:hover {
  transform: translateY(-1px);
  border-color: #C3CFDD;
  box-shadow: 0 4px 12px rgba(22,34,60,.06);
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-btn.sa-btn-primary {
  background: #20354F;
  border-color: #20354F;
  color: #FFFFFF;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-btn.sa-btn-primary:hover { background: #2A4466; border-color: #2A4466; color: #FFFFFF; }

/* orta gorsel */
html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-visual {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 185px;
  min-width: 0;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-visual img {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 420px;
  height: 185px;
  object-fit: contain;
  object-position: center;
}
/* gorsel yoksa gorunen sade dekoratif analitik sekiller */
html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-visual img + .sa-hero-shapes { display: none; }
html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-shapes {
  position: relative;
  width: 100%;
  max-width: 360px;
  height: 170px;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-shapes::before {
  content: "";
  position: absolute;
  inset: 8px 20px 0 30px;
  border-radius: 50%;
  background: radial-gradient(circle at 50% 55%, rgba(75,143,247,.12), rgba(75,143,247,0) 70%);
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-shape-card {
  position: absolute;
  display: flex;
  flex-direction: column;
  gap: 7px;
  padding: 14px;
  background: rgba(255,255,255,.92);
  border: 1px solid #E4EAF3;
  border-radius: 14px;
  box-shadow: 0 10px 26px rgba(32,53,79,.08);
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-shape-card i { font-size: 20px; color: #20354F; }
html body.akx-shell .akx-app .akx-content .sa-page .sa-shape-card em {
  display: block;
  height: 6px;
  border-radius: 4px;
  background: #E7EDF6;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-shape-a { left: 6%; top: 18px; width: 150px; }
html body.akx-shell .akx-app .akx-content .sa-page .sa-shape-a em:nth-of-type(1) { width: 90%; }
html body.akx-shell .akx-app .akx-content .sa-page .sa-shape-a em:nth-of-type(2) { width: 70%; background: #CFE0FB; }
html body.akx-shell .akx-app .akx-content .sa-page .sa-shape-a em:nth-of-type(3) { width: 55%; }
html body.akx-shell .akx-app .akx-content .sa-page .sa-shape-b { right: 4%; top: 6px; width: 128px; }
html body.akx-shell .akx-app .akx-content .sa-page .sa-shape-b i { color: #F28A3E; }
html body.akx-shell .akx-app .akx-content .sa-page .sa-shape-b em:nth-of-type(1) { width: 80%; background: #FFE2CF; }
html body.akx-shell .akx-app .akx-content .sa-page .sa-shape-b em:nth-of-type(2) { width: 60%; }
html body.akx-shell .akx-app .akx-content .sa-page .sa-shape-bars {
  position: absolute;
  right: 18%;
  bottom: 8px;
  display: flex;
  align-items: flex-end;
  gap: 7px;
  padding: 12px 14px;
  background: rgba(255,255,255,.95);
  border: 1px solid #E4EAF3;
  border-radius: 14px;
  box-shadow: 0 10px 26px rgba(32,53,79,.08);
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-shape-bars b {
  display: block;
  width: 11px;
  border-radius: 4px 4px 2px 2px;
  background: #4B8FF7;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-shape-bars b:nth-child(1) { height: 22px; background: #C9DCFB; }
html body.akx-shell .akx-app .akx-content .sa-page .sa-shape-bars b:nth-child(2) { height: 34px; background: #9BC0F8; }
html body.akx-shell .akx-app .akx-content .sa-page .sa-shape-bars b:nth-child(3) { height: 28px; background: #6FA4F6; }
html body.akx-shell .akx-app .akx-content .sa-page .sa-shape-bars b:nth-child(4) { height: 46px; background: #4B8FF7; }
html body.akx-shell .akx-app .akx-content .sa-page .sa-shape-bars b:nth-child(5) { height: 58px; background: #20354F; }

/* sag: tarih + fayda satirlari */
html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-side {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-date {
  align-self: flex-end;
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
  color: #667085;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-benefits {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 0 0 auto 0;
  padding: 0;
  list-style: none;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-benefits li {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  font-weight: 600;
  white-space: nowrap;
  color: #33415C;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-benefits li > span {
  display: grid;
  place-items: center;
  flex: 0 0 30px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #FFFFFF;
  border: 1px solid #E4EAF1;
  font-size: 14px;
  color: #20354F;
}

/* ================= KPI ================= */
html body.akx-shell .akx-app .akx-content .sa-page .sa-kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-kpi {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 16px;
  min-height: 120px;
  padding: 17px 18px;
  background: #FFFFFF;
  border: 1px solid #DEE5ED;
  border-radius: 14px;
  box-shadow: 0 3px 12px rgba(22,34,60,.04);
  text-decoration: none;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-kpi:hover {
  transform: translateY(-1px);
  border-color: #C9D5E3;
  box-shadow: 0 6px 16px rgba(22,34,60,.06);
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-kpi-icon {
  display: grid;
  place-items: center;
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
  border-radius: 12px;
  font-size: 22px;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-kpi-body { display: flex; flex-direction: column; min-width: 0; }
html body.akx-shell .akx-app .akx-content .sa-page .sa-kpi-body b {
  font-size: 30px;
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: -.03em;
  color: #14213D;
  font-variant-numeric: tabular-nums;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-kpi-body strong {
  margin-top: 4px;
  font-size: 13px;
  font-weight: 650;
  color: #14213D;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-kpi-body small {
  margin-top: 10px;
  font-size: 11.5px;
  line-height: 1.4;
  color: #8492A6;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-kpi-go {
  display: grid;
  place-items: center;
  flex: 0 0 30px;
  width: 30px;
  height: 30px;
  margin-left: auto;
  border-radius: 50%;
  background: #F4F6FA;
  font-size: 12px;
  color: #33415C;
}

/* ================= KART + SATIRLAR ================= */
html body.akx-shell .akx-app .akx-content .sa-page .sa-row {
  display: grid;
  gap: 16px;
  align-items: stretch;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-row-analytics { grid-template-columns: minmax(0, 1fr) minmax(0, 1.35fr) minmax(0, 1fr); }
html body.akx-shell .akx-app .akx-content .sa-page .sa-row-bottom    { grid-template-columns: minmax(0, 1.15fr) minmax(0, 1.15fr) minmax(0, .9fr); }
html body.akx-shell .akx-app .akx-content .sa-page .sa-row-analytics > .sa-card { min-height: 290px; }
html body.akx-shell .akx-app .akx-content .sa-page .sa-row-bottom > .sa-card    { min-height: 270px; }

html body.akx-shell .akx-app .akx-content .sa-page .sa-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 17px 18px;
  background: #FFFFFF;
  border: 1px solid #DDE4EC;
  border-radius: 14px;
  box-shadow: 0 3px 12px rgba(22,34,60,.04);
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-card-head {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  margin: 0 0 14px 0;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-card-head > div { flex: 1 1 auto; min-width: 0; }
html body.akx-shell .akx-app .akx-content .sa-page .sa-card-icon {
  display: grid;
  place-items: center;
  flex: 0 0 36px;
  width: 36px;
  height: 36px;
  border-radius: 9px;
  font-size: 16px;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-card-head h3 {
  margin: 0;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: -.015em;
  color: #14213D;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-card-head small {
  display: block;
  margin-top: 2px;
  font-size: 11.5px;
  color: #8492A6;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-pill {
  display: inline-flex;
  align-items: center;
  height: 30px;
  padding: 0 12px;
  background: #FFFFFF;
  border: 1px solid #E4EAF1;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
  color: #33415C;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 2px;
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
  text-decoration: none;
  color: #3688E8;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-link:hover { color: #2166C4; }

/* ---------------- donut ----------------------------------------- */
html body.akx-shell .akx-app .akx-content .sa-page .sa-donut-wrap {
  display: flex;
  align-items: center;
  gap: 22px;
  flex: 1 1 auto;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-donut {
  position: relative;
  flex: 0 0 158px;
  width: 158px;
  height: 158px;
  border-radius: 50%;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-donut-hole {
  position: absolute;
  inset: 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #FFFFFF;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-donut-hole b {
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
  color: #14213D;
  font-variant-numeric: tabular-nums;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-donut-hole small { margin-top: 3px; font-size: 11.5px; color: #8492A6; }
html body.akx-shell .akx-app .akx-content .sa-page .sa-legend {
  display: flex;
  flex-direction: column;
  gap: 14px;
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-legend li {
  display: grid;
  grid-template-columns: 10px minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 9px;
  font-size: 12.5px;
  color: #33415C;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-legend li i { width: 10px; height: 10px; border-radius: 50%; }
html body.akx-shell .akx-app .akx-content .sa-page .sa-legend li b { font-weight: 700; color: #14213D; font-variant-numeric: tabular-nums; }
html body.akx-shell .akx-app .akx-content .sa-page .sa-legend li em {
  min-width: 46px;
  font-style: normal;
  text-align: right;
  font-size: 11.5px;
  color: #8492A6;
  font-variant-numeric: tabular-nums;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-note {
  margin: 12px 0 0 0;
  font-size: 10.5px;
  color: #A0ABBB;
}

/* ---------------- grafik ---------------------------------------- */
html body.akx-shell .akx-app .akx-content .sa-page .sa-chart { flex: 1 1 auto; min-height: 190px; margin: 0 -6px -6px -4px; }

/* ---------------- hizli islemler -------------------------------- */
html body.akx-shell .akx-app .akx-content .sa-page .sa-quick {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-qitem {
  display: flex;
  align-items: center;
  gap: 10px;
  height: 50px;
  padding: 0 11px;
  background: #FFFFFF;
  border: 1px solid #E4EAF1;
  border-radius: 9px;
  text-decoration: none;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-qitem:hover {
  transform: translateY(-1px);
  border-color: #C9D5E3;
  box-shadow: 0 4px 12px rgba(22,34,60,.055);
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-qicon {
  display: grid;
  place-items: center;
  flex: 0 0 30px;
  width: 30px;
  height: 30px;
  border-radius: 8px;
  font-size: 14px;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-qitem > span:nth-child(2) {
  flex: 1 1 auto;
  min-width: 0;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  color: #14213D;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-qitem > i:last-child { font-size: 11px; color: #A0ABBB; }

/* ---------------- tablolar -------------------------------------- */
html body.akx-shell .akx-app .akx-content .sa-page .sa-table { width: 100%; margin: 0; border-collapse: separate; border-spacing: 0; }
html body.akx-shell .akx-app .akx-content .sa-page .sa-table thead th {
  height: 36px;
  padding: 0 10px;
  background: #F8FAFC;
  border: 0;
  border-bottom: 1px solid #EEF1F5;
  font-size: 11.5px;
  font-weight: 600;
  white-space: nowrap;
  color: #667085;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-table thead th:first-child { border-top-left-radius: 8px; }
html body.akx-shell .akx-app .akx-content .sa-page .sa-table thead th:last-child  { border-top-right-radius: 8px; }
html body.akx-shell .akx-app .akx-content .sa-page .sa-table tbody td {
  height: 42px;
  padding: 6px 10px;
  border: 0;
  border-bottom: 1px solid #F0F3F7;
  font-size: 12px;
  vertical-align: middle;
  color: #33415C;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-table tbody tr:last-child td { border-bottom: 0; }
html body.akx-shell .akx-app .akx-content .sa-page .sa-table tbody tr:hover { background: #FAFBFD; }
html body.akx-shell .akx-app .akx-content .sa-page .sa-idx { width: 28px; color: #8492A6; font-variant-numeric: tabular-nums; }
html body.akx-shell .akx-app .akx-content .sa-page .sa-date { white-space: nowrap; color: #667085; font-variant-numeric: tabular-nums; }
html body.akx-shell .akx-app .akx-content .sa-page .sa-person { display: inline-flex; align-items: center; gap: 9px; min-width: 0; }
html body.akx-shell .akx-app .akx-content .sa-page .sa-av {
  display: grid;
  place-items: center;
  flex: 0 0 26px;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  font-size: 10.5px;
  font-weight: 700;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-name {
  max-width: 170px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 600;
  color: #14213D;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-mini {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  height: 28px;
  padding: 0 10px;
  background: #FFFFFF;
  border: 1px solid #DDE4EC;
  border-radius: 7px;
  font-size: 11.5px;
  font-weight: 600;
  white-space: nowrap;
  text-decoration: none;
  color: #20354F;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-mini:hover { border-color: #C3CFDD; background: #F8FAFC; }

/* ---------------- sistem ozeti ---------------------------------- */
html body.akx-shell .akx-app .akx-content .sa-page .sa-summary {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-summary li {
  display: flex;
  align-items: center;
  gap: 11px;
  min-height: 42px;
  padding: 0 12px;
  background: #FFFFFF;
  border: 1px solid #E7EBF1;
  border-radius: 9px;
  font-size: 12.5px;
  color: #33415C;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-summary li > span:nth-child(2) { flex: 1 1 auto; }
html body.akx-shell .akx-app .akx-content .sa-page .sa-summary li b {
  font-size: 14px;
  font-weight: 700;
  color: #14213D;
  font-variant-numeric: tabular-nums;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-dot {
  flex: 0 0 8px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-dot.tone-purple { background: #7659E8; }
html body.akx-shell .akx-app .akx-content .sa-page .sa-dot.tone-green  { background: #27A96B; }
html body.akx-shell .akx-app .akx-content .sa-page .sa-dot.tone-amber  { background: #D09525; }
html body.akx-shell .akx-app .akx-content .sa-page .sa-dot.tone-blue   { background: #3688E8; }

/* ---------------- bos durum ------------------------------------- */
html body.akx-shell .akx-app .akx-content .sa-page .sa-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  flex: 1 1 auto;
  padding: 20px 14px;
  background: #FBFCFE;
  border: 1px dashed #DFE5EF;
  border-radius: 12px;
  text-align: center;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-empty i { font-size: 26px; color: #9AA6BC; }
html body.akx-shell .akx-app .akx-content .sa-page .sa-empty b { font-size: 13.5px; font-weight: 700; color: #33415C; }
html body.akx-shell .akx-app .akx-content .sa-page .sa-empty span { font-size: 12px; color: #98A2B3; }

/* ================= SOL PANEL (yonetici rolleri) ================= */
html body.akx-shell .akx-app:not(.akx-student) .akx-sidebar {
  background: linear-gradient(180deg,#182A43 0%,#10233A 100%) !important;
  border-right: 0 !important;
  box-shadow: none !important;
}
html body.akx-shell .akx-app:not(.akx-student) .akx-sidebar .akx-menu-link {
  min-height: 43px !important;
  margin: 2px 10px !important;
  border-radius: 9px !important;
  color: rgba(255,255,255,.78) !important;
  -webkit-text-fill-color: rgba(255,255,255,.78) !important;
}
html body.akx-shell .akx-app:not(.akx-student) .akx-sidebar .akx-menu-link:hover {
  background: rgba(255,255,255,.07) !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}
html body.akx-shell .akx-app:not(.akx-student) .akx-sidebar .akx-menu-link.active:not(.akx-menu-toggle) {
  background: linear-gradient(90deg,#F48D5E 0%,#FFAA72 100%) !important;
  background-image: linear-gradient(90deg,#F48D5E 0%,#FFAA72 100%) !important;
  box-shadow: 0 4px 14px rgba(244,141,94,.20) !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}
html body.akx-shell .akx-app:not(.akx-student) .akx-sidebar .akx-menu-link.active:not(.akx-menu-toggle) i,
html body.akx-shell .akx-app:not(.akx-student) .akx-sidebar .akx-menu-link.active:not(.akx-menu-toggle) .bi {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}
/* acik grup basligi: turuncu degil, hafif vurgu */
html body.akx-shell .akx-app:not(.akx-student) .akx-sidebar .akx-menu-toggle.active {
  background: rgba(255,255,255,.07) !important;
  background-image: none !important;
  box-shadow: none !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}
html body.akx-shell .akx-app:not(.akx-student) .akx-sidebar .akx-submenu-link.active {
  color: #FFB27E !important;
  -webkit-text-fill-color: #FFB27E !important;
  font-weight: 600 !important;
}

/* ================= RESPONSIVE ================= */
@media (max-width: 1399px) {
  html body.akx-shell .akx-app .akx-content .sa-page .sa-hero { grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); }
  html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-side { display: none; }
  html body.akx-shell .akx-app .akx-content .sa-page .sa-row-analytics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html body.akx-shell .akx-app .akx-content .sa-page .sa-row-analytics > .sa-card:last-child { grid-column: 1 / -1; }
  html body.akx-shell .akx-app .akx-content .sa-page .sa-row-analytics > .sa-card:last-child .sa-quick { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  html body.akx-shell .akx-app .akx-content .sa-page .sa-row-bottom { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html body.akx-shell .akx-app .akx-content .sa-page .sa-row-bottom > .sa-card:last-child { grid-column: 1 / -1; }
}
@media (max-width: 1100px) {
  html body.akx-shell .akx-app .akx-content .sa-page { padding: 18px 16px 30px !important; }
  html body.akx-shell .akx-app .akx-content .sa-page .sa-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html body.akx-shell .akx-app .akx-content .sa-page .sa-row-analytics,
  html body.akx-shell .akx-app .akx-content .sa-page .sa-row-bottom { grid-template-columns: minmax(0, 1fr); }
  html body.akx-shell .akx-app .akx-content .sa-page .sa-row-analytics > .sa-card:last-child .sa-quick { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  html body.akx-shell .akx-app .akx-content .sa-page .sa-hero { grid-template-columns: minmax(0, 1fr); padding: 22px 20px; }
  html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-visual { display: none; }
  html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-copy h2 { font-size: 24px; }
  html body.akx-shell .akx-app .akx-content .sa-page .sa-kpis { grid-template-columns: minmax(0, 1fr); }
  html body.akx-shell .akx-app .akx-content .sa-page .sa-donut-wrap { flex-direction: column; align-items: stretch; }
  html body.akx-shell .akx-app .akx-content .sa-page .sa-donut { align-self: center; }
  html body.akx-shell .akx-app .akx-content .sa-page .sa-table { min-width: 460px; }
  html body.akx-shell .akx-app .akx-content .sa-page .table-responsive { overflow-x: auto; }
  html body.akx-shell .akx-app .akx-topbar .akx-page-sub { display: none !important; }
  html body.akx-shell .akx-app .akx-topbar .akx-top-user-admin .akx-top-user-txt { display: none !important; }
}

/* ================================================================
   END FINAL v82
   ================================================================ */

/* =====================================================================
   FINAL v83 — Super Admin panosu: donut lejanti + hizli islemler sigdirma
   ===================================================================== */
@media (min-width: 1400px) {
  html body.akx-shell .akx-app .akx-content .sa-page .sa-row-analytics { grid-template-columns: minmax(0, 1.08fr) minmax(0, 1.2fr) minmax(0, 1.12fr); }
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-donut-wrap { gap: 18px; }
html body.akx-shell .akx-app .akx-content .sa-page .sa-donut { flex: 0 0 136px; width: 136px; height: 136px; }
html body.akx-shell .akx-app .akx-content .sa-page .sa-donut-hole { inset: 21px; }
html body.akx-shell .akx-app .akx-content .sa-page .sa-legend { gap: 12px; }
html body.akx-shell .akx-app .akx-content .sa-page .sa-legend li {
  grid-template-columns: 10px minmax(0, 1fr) auto;
  grid-template-rows: auto auto;
  column-gap: 9px;
  row-gap: 1px;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-legend li i    { grid-column: 1; grid-row: 1; }
html body.akx-shell .akx-app .akx-content .sa-page .sa-legend li span { grid-column: 2; grid-row: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; }
html body.akx-shell .akx-app .akx-content .sa-page .sa-legend li b    { grid-column: 3; grid-row: 1 / span 2; align-self: center; font-size: 15px; }
html body.akx-shell .akx-app .akx-content .sa-page .sa-legend li em   { grid-column: 2; grid-row: 2; min-width: 0; text-align: left; }
html body.akx-shell .akx-app .akx-content .sa-page .sa-quick { gap: 8px; }
html body.akx-shell .akx-app .akx-content .sa-page .sa-qitem { gap: 8px; padding: 0 9px; }
html body.akx-shell .akx-app .akx-content .sa-page .sa-qitem > span:nth-child(2) { font-size: 11.8px; }
@media (max-width: 1399px) and (min-width: 761px) {
  html body.akx-shell .akx-app .akx-content .sa-page .sa-kpi .sa-kpi-body small { display: none; }
  html body.akx-shell .akx-app .akx-content .sa-page .sa-kpi { gap: 12px; }
}
/* END FINAL v83 */

/* =====================================================================
   FINAL v84 — Super Admin hero: tek parca illustrasyon yerlesimi
   (yalnizca .sa-hero ve .sa-hero-visual; panonun geri kalani ayni)
   ===================================================================== */
html body.akx-shell .akx-app .akx-content .sa-page .sa-hero {
  grid-template-columns: minmax(0, 45fr) minmax(0, 35fr) minmax(0, 20fr);
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-visual {
  align-self: center;
  height: 180px;
  background: none;
  border: 0;
  box-shadow: none;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-visual img {
  display: block;
  width: 100%;
  max-width: 400px;
  height: 180px;
  object-fit: contain;
  object-position: center;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-shapes { display: none !important; }

/* 1399px kuralini ezer: 900px'e kadar uc kolon ve sag fayda listesi kalir */
@media (max-width: 1399px) and (min-width: 901px) {
  html body.akx-shell .akx-app .akx-content .sa-page .sa-hero { grid-template-columns: minmax(0, 45fr) minmax(0, 35fr) minmax(0, 20fr); }
  html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-side { display: flex; }
  html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-visual,
  html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-visual img { height: 168px; }
}
@media (max-width: 900px) {
  html body.akx-shell .akx-app .akx-content .sa-page .sa-hero { grid-template-columns: minmax(0, 55fr) minmax(0, 45fr); }
  html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-side { display: none; }
  html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-visual,
  html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-visual img { height: 140px; }
}
@media (max-width: 760px) and (min-width: 651px) {
  html body.akx-shell .akx-app .akx-content .sa-page .sa-hero { grid-template-columns: minmax(0, 55fr) minmax(0, 45fr); }
  html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-visual { display: flex; }
}
@media (max-width: 650px) {
  html body.akx-shell .akx-app .akx-content .sa-page .sa-hero { grid-template-columns: minmax(0, 1fr); }
  html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-visual { display: none; }
}
@media (max-width: 1399px) and (min-width: 901px) {
  html body.akx-shell .akx-app .akx-content .sa-page .sa-hero { grid-template-columns: minmax(0, 47fr) minmax(0, 33fr) minmax(0, 20fr); gap: 14px; padding: 24px 22px; }
  html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-actions { flex-wrap: nowrap; }
  html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-copy p br { display: none; }
  html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-benefits li { font-size: 12px; }
}
/* END FINAL v84 */

/* =====================================================================
   FINAL v85 — Super Admin hero: superadmin-hero.png yerlesimi
   Sol metin %43 · gorsel %37 · fayda listesi %20; pano geri kalani ayni.
   ===================================================================== */
html body.akx-shell .akx-app .akx-content .sa-page .sa-hero {
  grid-template-columns: minmax(0, 43fr) minmax(0, 37fr) minmax(0, 20fr);
  align-items: center;
  gap: 16px;
  min-height: 150px;
  padding: 18px 22px;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-copy { min-width: 0; }
html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-badge { padding: 4px 9px; }
html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-copy h2 { margin-top: 6px; line-height: 1.1; }
html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-copy p { margin-top: 5px; max-width: 470px; line-height: 1.4; }
html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-actions { gap: 10px; margin-top: 10px; }
html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-actions .sa-btn { height: 36px; }

/* orta bolum: tek parca illustrasyon, kendi kartı/cercevesi yok */
html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-visual {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  height: auto;
  min-width: 0;
  overflow: hidden;
  background: none;
  border: 0;
  box-shadow: none;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-visual img {
  display: block;
  width: 100%;
  max-width: 390px;
  height: 155px;
  object-fit: contain;
  object-position: center;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  /* PNG'nin acik zemini hero gradientine yumusak gecsin; parlaklik dusmez */
  -webkit-mask-image: radial-gradient(120% 118% at 50% 50%, #000 66%, rgba(0,0,0,0) 100%);
  mask-image: radial-gradient(120% 118% at 50% 50%, #000 66%, rgba(0,0,0,0) 100%);
}

/* sag bolum: compact fayda satirlari */
html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-side { gap: 10px; }
html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-date { font-size: 11.5px; }
html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-benefits { gap: 13px; }
html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-benefits li { gap: 9px; font-size: 12.5px; }
html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-benefits li > span {
  flex: 0 0 26px;
  width: 26px;
  height: 26px;
  background: #FFF1E6;
  border: 0;
  box-shadow: none;
  font-size: 13px;
  color: #C65320;
}

/* 1200px ustu: sol metin + gorsel + fayda listesi */
@media (min-width: 1200px) {
  html body.akx-shell .akx-app .akx-content .sa-page .sa-hero { grid-template-columns: minmax(0, 43fr) minmax(0, 37fr) minmax(0, 20fr); gap: 16px; padding: 18px 22px; }
  html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-side { display: flex; }
  html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-visual { height: auto; }
  html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-visual img { height: 155px; max-width: 390px; }
}
/* 900-1199px: sol metin + gorsel, fayda listesi gizli */
@media (max-width: 1199px) and (min-width: 900px) {
  html body.akx-shell .akx-app .akx-content .sa-page .sa-hero { grid-template-columns: minmax(0, 58fr) minmax(0, 42fr); gap: 14px; padding: 18px 20px; }
  html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-side { display: none !important; }
  html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-visual { display: flex; height: auto; }
  html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-visual img { height: 142px; max-width: 360px; }
}
/* 650-899px: gorsel kuculur */
@media (max-width: 899px) and (min-width: 650px) {
  html body.akx-shell .akx-app .akx-content .sa-page .sa-hero { grid-template-columns: minmax(0, 60fr) minmax(0, 40fr); gap: 12px; padding: 18px 18px; }
  html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-side { display: none !important; }
  html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-visual { display: flex; height: auto; }
  html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-visual img { height: 118px; max-width: 300px; }
  html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-copy h2 { font-size: 26px; }
}
/* 650px alti: sadece baslik, aciklama ve butonlar */
@media (max-width: 649px) {
  html body.akx-shell .akx-app .akx-content .sa-page .sa-hero { grid-template-columns: minmax(0, 1fr); padding: 18px; }
  html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-visual { display: none !important; }
  html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-side { display: none !important; }
}
/* END FINAL v85 */

/* =====================================================================
   FINAL v86 — Super Admin panosu: referans gorsele gore premium duzenleme
   Lacivert/beyaz zemin, mavi ana accent, yesil ikincil accent.
   Yalnizca yonetici kabugu (.akx-app:not(.akx-student)) ve .sa-page.
   ===================================================================== */

/* ---------------- sayfa zemini ---------------------------------- */
html body.akx-shell .akx-app .akx-content:has(.sa-page) {
  background: linear-gradient(135deg,#F7FAFE 0%,#FAFCFF 55%,#FFF9F4 100%) !important;
}

/* ---------------- sol panel: lacivert + mavi active -------------- */
html body.akx-shell .akx-app:not(.akx-student) .akx-sidebar {
  background: linear-gradient(180deg,#10345D 0%,#0B2747 100%) !important;
}
html body.akx-shell .akx-app:not(.akx-student) .akx-sidebar .akx-menu-link {
  min-height: 42px !important;
  color: rgba(255,255,255,.82) !important;
  -webkit-text-fill-color: rgba(255,255,255,.82) !important;
}
html body.akx-shell .akx-app:not(.akx-student) .akx-sidebar .akx-menu-link:hover {
  background: rgba(255,255,255,.08) !important;
}
html body.akx-shell .akx-app:not(.akx-student) .akx-sidebar .akx-menu-link.active:not(.akx-menu-toggle) {
  background: linear-gradient(90deg,#287BE8 0%,#4AA2F7 100%) !important;
  background-image: linear-gradient(90deg,#287BE8 0%,#4AA2F7 100%) !important;
  box-shadow: 0 5px 16px rgba(47,128,237,.24) !important;
}
html body.akx-shell .akx-app:not(.akx-student) .akx-sidebar .akx-submenu-link.active {
  color: #8FC2FF !important;
  -webkit-text-fill-color: #8FC2FF !important;
}

/* ---------------- ust bar ---------------------------------------- */
html body.akx-shell .akx-app:not(.akx-student) .akx-topbar {
  min-height: 64px !important;
  border-bottom: 1px solid #E5EBF3 !important;
}
html body.akx-shell .akx-app .akx-topbar .akx-page-titles .akx-page-title {
  font-size: 22px !important;
  color: #102A56 !important;
  -webkit-text-fill-color: #102A56 !important;
}
html body.akx-shell .akx-app .akx-topbar .akx-top-user-admin .akx-top-user-av {
  background: linear-gradient(135deg,#2F80ED 0%,#438FF2 100%) !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

/* ---------------- ton paleti (mavi + yesil agirlikli) ------------ */
html body.akx-shell .akx-app .akx-content .sa-page .tone-blue   { background: #EDF5FF; color: #2F80ED; }
html body.akx-shell .akx-app .akx-content .sa-page .tone-green  { background: #EAF8F2; color: #24B47E; }
html body.akx-shell .akx-app .akx-content .sa-page .tone-purple { background: #F1EDFF; color: #7659E8; }
html body.akx-shell .akx-app .akx-content .sa-page .tone-orange { background: #FFF2E8; color: #F28A47; }
html body.akx-shell .akx-app .akx-content .sa-page .tone-amber  { background: #FFF6E6; color: #E08C2E; }
html body.akx-shell .akx-app .akx-content .sa-page .sa-dot.tone-purple { background: #7659E8; }
html body.akx-shell .akx-app .akx-content .sa-page .sa-dot.tone-green  { background: #24B47E; }
html body.akx-shell .akx-app .akx-content .sa-page .sa-dot.tone-amber  { background: #F28A47; }
html body.akx-shell .akx-app .akx-content .sa-page .sa-dot.tone-blue   { background: #2F80ED; }

/* ---------------- hero ------------------------------------------- */
html body.akx-shell .akx-app .akx-content .sa-page .sa-hero {
  min-height: 205px;
  padding: 20px 26px;
  background: linear-gradient(105deg,#FFFFFF 0%,#F7FAFF 42%,#F2F7FF 70%,#FFF8F2 100%);
  border: 1px solid #DFE7F0;
  border-radius: 16px;
  box-shadow: 0 3px 14px rgba(22,52,90,.04);
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-badge {
  padding: 6px 10px;
  background: #E7F6F1;
  border-radius: 8px;
  color: #128060;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-badge i { color: #128060; }
html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-copy h2 {
  margin-top: 8px;
  font-size: 31px;
  font-weight: 750;
  line-height: 1.12;
  color: #102A56;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-copy p {
  margin-top: 6px;
  font-size: 13.5px;
  line-height: 1.5;
  color: #57708F;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-actions { margin-top: 12px; gap: 12px; }
html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-actions .sa-btn {
  height: 40px;
  border-radius: 8px;
  background: #FFFFFF;
  border: 1px solid #D6E1EC;
  color: #17385E;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-actions .sa-btn.sa-btn-primary {
  background: linear-gradient(135deg,#12345D 0%,#174A7D 100%);
  border-color: #12345D;
  color: #FFFFFF;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-actions .sa-btn.sa-btn-primary:hover {
  background: linear-gradient(135deg,#174A7D 0%,#1E5C99 100%);
  border-color: #174A7D;
}
/* orta kolon: seffaf illustrasyon, kendi zemini/cercevesi yok */
html body.akx-shell .akx-app .akx-content .sa-page .sa-hero {
  grid-template-columns: minmax(0, 42fr) minmax(0, 38fr) minmax(0, 20fr);
  column-gap: 24px;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-visual {
  align-self: center;
  overflow: visible;
  background: none;
  border: 0;
  box-shadow: none;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-visual img {
  width: 100%;
  max-width: 450px;
  height: 175px;
  object-fit: contain;
  object-position: center;
  background: transparent;
  border: 0;
  box-shadow: none;
  mix-blend-mode: normal;
  -webkit-mask-image: none;
  mask-image: none;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-side { gap: 10px; }
html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-date { font-size: 11.5px; color: #64748B; }
html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-benefits { gap: 11px; }
html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-benefits li {
  gap: 10px;
  font-size: 13px;
  font-weight: 600;
  color: #17385E;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-benefits li > span {
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  border: 1px solid #E5ECF4;
  background: #FFFFFF;
  box-shadow: 0 2px 6px rgba(22,52,90,.04);
  font-size: 17px;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-benefits li > span.tone-blue   { color: #2F80ED; }
html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-benefits li > span.tone-green  { color: #24B47E; }
html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-benefits li > span.tone-purple { color: #7659E8; }

/* ---------------- KPI kartlari ------------------------------------ */
html body.akx-shell .akx-app .akx-content .sa-page .sa-kpi {
  align-items: center;
  gap: 14px;
  min-height: 110px;
  padding: 14px 18px;
  border: 1px solid #DEE6EF;
  border-radius: 13px;
  box-shadow: 0 3px 10px rgba(22,52,90,.035);
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-kpi-icon { flex: 0 0 46px; width: 46px; height: 46px; }
html body.akx-shell .akx-app .akx-content .sa-page .sa-kpi:hover {
  border-color: #C7D5E5;
  box-shadow: 0 5px 14px rgba(22,52,90,.055);
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-kpi-body b { color: #102A56; }
html body.akx-shell .akx-app .akx-content .sa-page .sa-kpi-body strong { color: #102A56; }
html body.akx-shell .akx-app .akx-content .sa-page .sa-kpi-body small {
  margin-top: 5px;
  font-size: 11px;
  line-height: 1.35;
  color: #94A3B8;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-kpi-go {
  position: absolute;
  top: 12px;
  right: 12px;
  margin-left: 0;
  width: 26px;
  height: 26px;
  flex: 0 0 26px;
  background: #F1F6FC;
  color: #2F80ED;
}

/* alt satir: tablolar biraz daha genis, sistem ozeti daha dar (yalniz masaustu) */
@media (min-width: 1400px) {
  html body.akx-shell .akx-app .akx-content .sa-page .sa-row-bottom {
    grid-template-columns: minmax(0, 1.28fr) minmax(0, 1.12fr) minmax(0, .8fr);
  }
}

/* ---------------- kartlar ----------------------------------------- */
html body.akx-shell .akx-app .akx-content .sa-page .sa-card {
  border: 1px solid #DDE6F0;
  border-radius: 13px;
  box-shadow: 0 3px 12px rgba(22,52,90,.035);
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-card-head h3 { color: #102A56; }
html body.akx-shell .akx-app .akx-content .sa-page .sa-card-head small { color: #94A3B8; }
html body.akx-shell .akx-app .akx-content .sa-page .sa-pill { border-color: #DDE6F0; color: #17385E; }
html body.akx-shell .akx-app .akx-content .sa-page .sa-link { color: #2F80ED; }

/* ---------------- donut + lejant ---------------------------------- */
html body.akx-shell .akx-app .akx-content .sa-page .sa-donut-hole { inset: 24px; }
html body.akx-shell .akx-app .akx-content .sa-page .sa-donut-hole b { color: #102A56; }
html body.akx-shell .akx-app .akx-content .sa-page .sa-legend li span { color: #17385E; }
html body.akx-shell .akx-app .akx-content .sa-page .sa-legend li b { color: #102A56; }
html body.akx-shell .akx-app .akx-content .sa-page .sa-note { color: #94A3B8; }

/* ---------------- hizli islemler ---------------------------------- */
html body.akx-shell .akx-app .akx-content .sa-page .sa-quick { gap: 9px; }
html body.akx-shell .akx-app .akx-content .sa-page .sa-qitem {
  height: 48px;
  border: 1px solid #E1E8F0;
  border-radius: 9px;
  box-shadow: none;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-qitem:hover {
  border-color: #C7D5E5;
  box-shadow: 0 5px 14px rgba(22,52,90,.055);
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-qitem > span:nth-child(2) {
  font-size: 11.3px;
  line-height: 1.2;
  letter-spacing: -.01em;
  color: #17385E;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-qicon { flex: 0 0 28px; width: 28px; height: 28px; }
@media (min-width: 1400px) {
  html body.akx-shell .akx-app .akx-content .sa-page .sa-row-analytics {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.22fr) minmax(0, 1.12fr);
  }
}

/* ---------------- tablolar: duz, hizali, yatay scrollsuz ---------- */
html body.akx-shell .akx-app .akx-content .sa-page .table-responsive { overflow-x: visible; }
html body.akx-shell .akx-app .akx-content .sa-page .sa-table { table-layout: fixed; }
html body.akx-shell .akx-app .akx-content .sa-page .sa-table thead th {
  height: 38px !important;
  padding: 0 5px !important;
  background: #F6F9FC !important;
  border-bottom: 1px solid #DFE7F0 !important;
  font-size: 9.5px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #64748B !important;
  -webkit-text-fill-color: #64748B !important;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-table tbody td {
  height: 42px !important;
  padding: 4px 5px !important;
  border-bottom: 1px solid #EDF1F5 !important;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 11.5px !important;
  color: #43566F !important;
  -webkit-text-fill-color: #43566F !important;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-table .sa-name {
  color: #102A56 !important;
  -webkit-text-fill-color: #102A56 !important;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-table tbody tr:hover { background: #F8FBFF; }
html body.akx-shell .akx-app .akx-content .sa-page .sa-table th:first-child,
html body.akx-shell .akx-app .akx-content .sa-page .sa-table td:first-child { width: 22px; padding-left: 6px !important; }
html body.akx-shell .akx-app .akx-content .sa-page .sa-table th:last-child,
html body.akx-shell .akx-app .akx-content .sa-page .sa-table td:last-child { width: 62px; padding-right: 6px !important; }
html body.akx-shell .akx-app .akx-content .sa-page .sa-table td.sa-date,
html body.akx-shell .akx-app .akx-content .sa-page .sa-table th.sa-date-col { width: 80px; }
html body.akx-shell .akx-app .akx-content .sa-page .sa-table td.sa-date { font-size: 11px !important; }
html body.akx-shell .akx-app .akx-content .sa-page .sa-table th.sa-class-col,
html body.akx-shell .akx-app .akx-content .sa-page .sa-table td.sa-class {
  width: 40px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-table .sa-person { display: flex; gap: 7px; }
html body.akx-shell .akx-app .akx-content .sa-page .sa-table .sa-av { flex: 0 0 22px; width: 22px; height: 22px; font-size: 9.5px; }
html body.akx-shell .akx-app .akx-content .sa-page .sa-mini { height: 26px; padding: 0 8px; font-size: 11px; gap: 4px; }
html body.akx-shell .akx-app .akx-content .sa-page .sa-name { max-width: 100%; color: #102A56; }
html body.akx-shell .akx-app .akx-content .sa-page .sa-person { max-width: 100%; }
html body.akx-shell .akx-app .akx-content .sa-page .sa-mini { border-color: #DDE6F0; color: #17385E; }
html body.akx-shell .akx-app .akx-content .sa-page .sa-mini:hover { border-color: #C7D5E5; background: #F6F9FC; }

/* ---------------- sistem ozeti ------------------------------------ */
html body.akx-shell .akx-app .akx-content .sa-page .sa-summary { gap: 9px; }
html body.akx-shell .akx-app .akx-content .sa-page .sa-summary li {
  min-height: 40px;
  border: 1px solid #E5EBF2;
  border-radius: 8px;
  color: #43566F;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-summary li b { color: #102A56; }

/* ---------------- responsive ------------------------------------- */
@media (min-width: 1200px) {
  html body.akx-shell .akx-app .akx-content .sa-page .sa-hero { grid-template-columns: minmax(0, 42fr) minmax(0, 38fr) minmax(0, 20fr); column-gap: 24px; }
  html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-visual img { height: 175px; max-width: 450px; }
}
@media (max-width: 1199px) and (min-width: 900px) {
  html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-visual img { height: 158px; max-width: 400px; }
}
@media (max-width: 1100px) {
  html body.akx-shell .akx-app .akx-content .sa-page .table-responsive { overflow-x: auto; }
  html body.akx-shell .akx-app .akx-content .sa-page .sa-table { table-layout: auto; }
}
/* END FINAL v86 */

/* =====================================================================
   FINAL v87 — Yalnizca hero illustration: buyuk duzgun laptop SVG
   Dashboardun diger bolumlerine dokunulmaz.
   ===================================================================== */
html body.akx-shell .akx-app .akx-content .sa-page .sa-hero {
  grid-template-columns: minmax(0, 42fr) minmax(0, 38fr) minmax(0, 20fr);
  column-gap: 26px;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-visual {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  overflow: visible;
  background: none;
  border: 0;
  box-shadow: none;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-visual img,
html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-visual .superadmin-hero-image {
  display: block;
  width: 100%;
  max-width: 450px;
  height: 175px;
  object-fit: contain;
  object-position: center;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  mix-blend-mode: normal;
  -webkit-mask-image: none;
  mask-image: none;
}
@media (min-width: 1200px) {
  html body.akx-shell .akx-app .akx-content .sa-page .sa-hero {
    grid-template-columns: minmax(0, 42fr) minmax(0, 38fr) minmax(0, 20fr);
    column-gap: 26px;
  }
  html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-visual img,
  html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-visual .superadmin-hero-image {
    height: 175px;
    max-width: 450px;
  }
}
@media (max-width: 1199px) and (min-width: 900px) {
  html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-visual img,
  html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-visual .superadmin-hero-image {
    height: 162px;
    max-width: 420px;
  }
}
@media (max-width: 899px) and (min-width: 650px) {
  html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-visual img,
  html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-visual .superadmin-hero-image {
    height: 128px;
    max-width: 320px;
  }
}
/* END FINAL v87 */

/* =====================================================================
   FINAL v88 — Super Admin panosu: referans oran / spacing / geometri
   Yalnizca .sa-page ve yonetici kabugu. Backend/route dokunulmaz.
   ===================================================================== */
html body.akx-shell .akx-app .akx-content:has(.sa-page) {
  background: linear-gradient(135deg,#F7FAFE 0%,#FAFCFF 60%,#FFF9F4 100%) !important;
}
html body.akx-shell .akx-app .akx-content .sa-page {
  gap: 15px !important;
  max-width: 1600px !important;
  padding: 18px 22px 30px !important;
}

html body.akx-shell .akx-app:not(.akx-student) .akx-sidebar {
  background: linear-gradient(180deg,#103A68 0%,#0A2C50 100%) !important;
}
html body.akx-shell .akx-app:not(.akx-student) .akx-sidebar .akx-menu-link {
  min-height: 42px !important;
  margin: 2px 9px !important;
  border-radius: 8px !important;
  color: rgba(255,255,255,.84) !important;
  -webkit-text-fill-color: rgba(255,255,255,.84) !important;
}
html body.akx-shell .akx-app:not(.akx-student) .akx-sidebar .akx-menu-link.active:not(.akx-menu-toggle) {
  background: linear-gradient(90deg,#287BE8 0%,#3998F4 100%) !important;
  background-image: linear-gradient(90deg,#287BE8 0%,#3998F4 100%) !important;
  box-shadow: 0 5px 16px rgba(47,128,237,.22) !important;
}

html body.akx-shell .akx-app:not(.akx-student) .akx-topbar {
  min-height: 64px !important;
  height: 64px !important;
  background: #FFFFFF !important;
  border-bottom: 1px solid #E4EBF3 !important;
}
html body.akx-shell .akx-app .akx-topbar .akx-page-titles .akx-page-title {
  font-size: 22px !important;
  font-weight: 700 !important;
  color: #102A56 !important;
  -webkit-text-fill-color: #102A56 !important;
}
html body.akx-shell .akx-app .akx-topbar .akx-page-sub {
  font-size: 12px !important;
  color: #6F83A0 !important;
  -webkit-text-fill-color: #6F83A0 !important;
}

html body.akx-shell .akx-app .akx-content .sa-page .sa-hero {
  grid-template-columns: minmax(0, 39fr) minmax(0, 41fr) minmax(0, 20fr);
  column-gap: 18px;
  min-height: 222px;
  max-height: 235px;
  padding: 22px 26px;
  overflow: visible;
  background: linear-gradient(105deg,#F8FBFF 0%,#F2F7FF 60%,#FFF8F2 100%);
  border: 1px solid #DCE6F0;
  border-radius: 15px;
  box-shadow: 0 3px 14px rgba(22,52,90,.035);
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-badge {
  padding: 6px 10px;
  background: #DFF5EC;
  border-radius: 7px;
  color: #13805E;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-badge i { color: #13805E; }
html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-copy h2 {
  margin-top: 8px;
  font-size: 31px;
  font-weight: 750;
  line-height: 1.12;
  color: #102A56;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-copy p {
  margin-top: 6px;
  font-size: 13.5px;
  line-height: 1.5;
  color: #4E6B8D;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-actions { margin-top: 14px; gap: 10px; }
html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-actions .sa-btn {
  height: 42px;
  border-radius: 8px;
  background: #FFFFFF;
  border: 1px solid #D5E0EC;
  color: #15385E;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-actions .sa-btn.sa-btn-primary {
  background: linear-gradient(135deg,#10345D,#164A7D);
  border-color: #10345D;
  color: #FFFFFF;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-visual img,
html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-visual .superadmin-hero-image {
  max-width: 430px;
  height: 190px;
  background: transparent;
  border: 0;
  box-shadow: none;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-benefits { gap: 16px; }
html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-benefits li { font-size: 13px; color: #17385E; }
html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-benefits li > span {
  flex: 0 0 45px;
  width: 45px;
  height: 45px;
  background: #FFFFFF;
  border: 1px solid #E3EAF2;
  box-shadow: 0 2px 6px rgba(22,52,90,.05);
}

html body.akx-shell .akx-app .akx-content .sa-page .sa-kpis { gap: 14px; }
html body.akx-shell .akx-app .akx-content .sa-page .sa-kpi {
  min-height: 107px;
  height: 107px;
  padding: 14px 16px;
  overflow: hidden;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-kpi-icon { flex: 0 0 50px; width: 50px; height: 50px; border-radius: 12px; }
html body.akx-shell .akx-app .akx-content .sa-page .sa-kpi-body small { margin-top: 3px; }

html body.akx-shell .akx-app .akx-content .sa-page .sa-row { gap: 14px; }
html body.akx-shell .akx-app .akx-content .sa-page .sa-row-analytics {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.35fr) minmax(0, 1fr);
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-row-analytics > .sa-card { min-height: 262px; }
html body.akx-shell .akx-app .akx-content .sa-page .sa-row-bottom {
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 1.15fr) minmax(0, .9fr);
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-row-bottom > .sa-card { min-height: 270px; }

html body.akx-shell .akx-app .akx-content .sa-page .sa-table thead th {
  height: 36px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
  background: #F5F8FC !important;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-table tbody td { height: 40px !important; }
html body.akx-shell .akx-app .akx-content .sa-page .sa-summary li { min-height: 39px; }

@media (min-width: 1200px) {
  html body.akx-shell .akx-app .akx-content .sa-page .sa-hero {
    grid-template-columns: minmax(0, 39fr) minmax(0, 41fr) minmax(0, 20fr);
  }
  html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-visual img,
  html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-visual .superadmin-hero-image {
    height: 190px;
    max-width: 430px;
  }
  html body.akx-shell .akx-app .akx-content .sa-page .sa-row-analytics {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.35fr) minmax(0, 1fr);
  }
  html body.akx-shell .akx-app .akx-content .sa-page .sa-row-bottom {
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 1.15fr) minmax(0, .9fr);
  }
}
@media (max-width: 1199px) and (min-width: 900px) {
  html body.akx-shell .akx-app .akx-content .sa-page .sa-hero { max-height: none; }
  html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-visual img,
  html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-visual .superadmin-hero-image {
    height: 170px;
    max-width: 400px;
  }
}
@media (max-width: 760px) {
  html body.akx-shell .akx-app .akx-content .sa-page .sa-hero { max-height: none; }
}
/* END FINAL v88 */

/* =====================================================================
   FINAL v89 — Hero laptop gorselini buyut (yalnizca illustration)
   ===================================================================== */
html body.akx-shell .akx-app .akx-content .sa-page .sa-hero {
  grid-template-columns: minmax(0, 36fr) minmax(0, 46fr) minmax(0, 18fr);
  min-height: 238px;
  max-height: 252px;
  padding: 16px 22px;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-visual img,
html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-visual .superadmin-hero-image {
  width: 100%;
  max-width: 520px;
  height: 220px;
  object-fit: contain;
  object-position: center;
}
@media (min-width: 1200px) {
  html body.akx-shell .akx-app .akx-content .sa-page .sa-hero {
    grid-template-columns: minmax(0, 36fr) minmax(0, 46fr) minmax(0, 18fr);
  }
  html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-visual img,
  html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-visual .superadmin-hero-image {
    height: 220px;
    max-width: 520px;
  }
}
@media (max-width: 1199px) and (min-width: 900px) {
  html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-visual img,
  html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-visual .superadmin-hero-image {
    height: 188px;
    max-width: 460px;
  }
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-copy {
  align-self: start;
  padding-top: 0;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-badge {
  margin-top: -4px;
}
/* END FINAL v89 */

/* =====================================================================
   FINAL v90 — Kart/kutucuk hizasi: ayni gap, esit yukseklik, duz header
   ===================================================================== */
html body.akx-shell .akx-app .akx-content .sa-page .sa-hero {
  align-items: start;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-copy,
html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-visual,
html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-side {
  align-self: start;
}

html body.akx-shell .akx-app .akx-content .sa-page .sa-kpis,
html body.akx-shell .akx-app .akx-content .sa-page .sa-row {
  gap: 14px;
  align-items: stretch;
}

html body.akx-shell .akx-app .akx-content .sa-page .sa-kpi {
  display: flex;
  align-items: center;
  height: 108px;
  min-height: 108px;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-kpi-go {
  position: static;
  margin-left: auto;
  align-self: center;
}

html body.akx-shell .akx-app .akx-content .sa-page .sa-row-analytics > .sa-card,
html body.akx-shell .akx-app .akx-content .sa-page .sa-row-bottom > .sa-card {
  height: 100%;
  min-height: 268px;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-card-head {
  align-items: center;
  min-height: 40px;
  margin: 0 0 12px 0;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-card-head small {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-link {
  margin-top: 0;
  flex: 0 0 auto;
  white-space: nowrap;
}

html body.akx-shell .akx-app .akx-content .sa-page .sa-quick {
  flex: 1 1 auto;
  align-content: stretch;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-chart {
  flex: 1 1 auto;
  min-height: 0;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-summary {
  flex: 1 1 auto;
  justify-content: space-between;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-donut-wrap { flex: 1 1 auto; }
html body.akx-shell .akx-app .akx-content .sa-page .sa-note { margin-top: auto; padding-top: 10px; }

html body.akx-shell .akx-app .akx-content .sa-page .sa-table thead th {
  text-transform: none !important;
  letter-spacing: 0 !important;
  font-size: 11px !important;
  white-space: nowrap;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-table th.sa-class-col,
html body.akx-shell .akx-app .akx-content .sa-page .sa-table td.sa-class { width: 56px; }
html body.akx-shell .akx-app .akx-content .sa-page .sa-table td.sa-date,
html body.akx-shell .akx-app .akx-content .sa-page .sa-table th.sa-date-col { width: 92px; }

html body.akx-shell .akx-app .akx-content .sa-page .table-responsive {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}
html body.akx-shell .akx-app .akx-content .sa-page .table-responsive .sa-table { flex: 1 1 auto; }
/* END FINAL v90 */

/* =====================================================================
   FINAL v91 — Sadece yesil badge ustte; baslik/laptop/sag dikey hizada
   Alt kartlar esit yukseklik ve hizada kalir.
   ===================================================================== */
html body.akx-shell .akx-app .akx-content .sa-page .sa-hero {
  position: relative;
  align-items: center;
  overflow: visible;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-copy,
html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-visual,
html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-side {
  align-self: center;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-copy {
  padding-top: 0;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-badge {
  position: absolute;
  top: 14px;
  left: 22px;
  margin-top: 0;
  z-index: 2;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-copy h2 {
  margin-top: 0;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-date {
  position: absolute;
  top: 14px;
  right: 22px;
  margin: 0;
  align-self: auto;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-side {
  justify-content: center;
  gap: 16px;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-benefits {
  margin: 0;
}

html body.akx-shell .akx-app .akx-content .sa-page .sa-kpis,
html body.akx-shell .akx-app .akx-content .sa-page .sa-row-analytics,
html body.akx-shell .akx-app .akx-content .sa-page .sa-row-bottom {
  align-items: stretch;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-kpis .sa-kpi { height: 108px; }
html body.akx-shell .akx-app .akx-content .sa-page .sa-row-analytics > .sa-card,
html body.akx-shell .akx-app .akx-content .sa-page .sa-row-bottom > .sa-card {
  min-height: 268px;
}
/* END FINAL v91 */

/* =====================================================================
   FINAL v92 — Satirdaki kartlar ust-alt es kenar; ust ve alt satir
   ayni 3 kolon cizzgisinde.
   ===================================================================== */
html body.akx-shell .akx-app .akx-content .sa-page .sa-kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  align-items: stretch;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-kpi {
  height: 108px !important;
  min-height: 108px !important;
}

html body.akx-shell .akx-app .akx-content .sa-page .sa-row-analytics,
html body.akx-shell .akx-app .akx-content .sa-page .sa-row-bottom {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 1.2fr) minmax(0, 1fr) !important;
  gap: 14px;
  align-items: stretch;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-row-analytics > .sa-card,
html body.akx-shell .akx-app .akx-content .sa-page .sa-row-bottom > .sa-card {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  height: auto !important;
  min-height: 0 !important;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-quick,
html body.akx-shell .akx-app .akx-content .sa-page .sa-summary,
html body.akx-shell .akx-app .akx-content .sa-page .sa-donut-wrap,
html body.akx-shell .akx-app .akx-content .sa-page .sa-chart,
html body.akx-shell .akx-app .akx-content .sa-page .table-responsive {
  flex: 1 1 auto;
}
@media (min-width: 1200px) {
  html body.akx-shell .akx-app .akx-content .sa-page .sa-row-analytics,
  html body.akx-shell .akx-app .akx-content .sa-page .sa-row-bottom {
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 1.2fr) minmax(0, 1fr) !important;
  }
}
@media (min-width: 1400px) {
  html body.akx-shell .akx-app .akx-content .sa-page .sa-row-analytics,
  html body.akx-shell .akx-app .akx-content .sa-page .sa-row-bottom {
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 1.2fr) minmax(0, 1fr) !important;
  }
}
/* END FINAL v92 */

/* =====================================================================
   FINAL v93 — Pixel polish: laptop +12% ve 13px sola; tablo body +1px.
   Hero yuksekligi / layout / renk / kart / grafik degismez.
   ===================================================================== */
html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-visual {
  overflow: visible;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-visual img,
html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-visual .superadmin-hero-image {
  width: 100%;
  max-width: 520px;
  height: 220px;
  object-fit: contain;
  object-position: center;
  transform: translateX(-13px) scale(1.12);
  transform-origin: center center;
}
@media (min-width: 1200px) {
  html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-visual img,
  html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-visual .superadmin-hero-image {
    height: 220px;
    max-width: 520px;
    object-fit: contain;
    transform: translateX(-13px) scale(1.12);
    transform-origin: center center;
  }
}
@media (max-width: 1199px) and (min-width: 900px) {
  html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-visual img,
  html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-visual .superadmin-hero-image {
    height: 188px;
    max-width: 460px;
    object-fit: contain;
    transform: translateX(-12px) scale(1.12);
    transform-origin: center center;
  }
}

html body.akx-shell .akx-app .akx-content .sa-page .sa-table tbody td {
  font-size: 12.5px !important;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-table td.sa-date {
  font-size: 12px !important;
}
/* END FINAL v93 */

/* =====================================================================
   FINAL v94 — Grafik alani +10% (kart ayni); tablo body +1px / row +2px.
   ===================================================================== */
html body.akx-shell .akx-app .akx-content .sa-page .sa-chart {
  min-height: 190px;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-table tbody td {
  font-size: 13.5px !important;
  height: 42px !important;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-table td.sa-date {
  font-size: 13px !important;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-table .sa-name {
  font-size: 13.5px !important;
  font-weight: 700 !important;
  color: #102A56 !important;
  -webkit-text-fill-color: #102A56 !important;
}
/* END FINAL v94 */

/* =====================================================================
   FINAL v95 — Sol baslik/buton laptop hizasina; yesil badge ustte kalir.
   ===================================================================== */
html body.akx-shell .akx-app .akx-content .sa-page .sa-hero {
  position: relative;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-copy {
  position: static;
  transform: none;
  margin-top: 0;
  padding-top: 22px;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-copy h2 {
  margin-top: 0;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-hero-badge {
  position: absolute;
  top: 14px;
  left: 22px;
  z-index: 2;
}
/* END FINAL v95 */

/* =====================================================================
   FINAL v96 — Giris ekrani lacivert (sidebar / Super Admin paleti)
   Kart beyaz kalir; yalnizca zemin, buton ve vurgu renkleri.
   ===================================================================== */
html body.akx-auth-body {
  background: #0A2C50 !important;
}
html body.akx-auth-body .auth-page {
  background:
    radial-gradient(38rem 26rem at 12% 8%, rgba(47, 128, 237, .18), transparent 70%),
    radial-gradient(32rem 22rem at 88% 92%, rgba(16, 58, 104, .35), transparent 72%),
    linear-gradient(135deg, #082445 0%, #103A68 48%, #0A2C50 100%) !important;
}
html body.akx-auth-body .auth-card {
  border-color: #D6E3F0 !important;
  box-shadow:
    0 24px 60px -28px rgba(8, 28, 58, .70),
    0 2px 6px rgba(8, 28, 58, .12) !important;
}
html body.akx-auth-body .auth-card::before {
  background: linear-gradient(90deg, #103A68, #2F80ED 55%, #103A68) !important;
}
html body.akx-auth-body .auth-card .form-control:focus {
  border-color: #2F80ED !important;
  box-shadow: 0 0 0 3px rgba(47, 128, 237, .18) !important;
}
html body.akx-auth-body .pw-toggle:hover { color: #103A68 !important; }
html body.akx-auth-body .auth-card .btn-primary,
html body.akx-auth-body .auth-card .btn.btn-primary {
  background: linear-gradient(135deg, #10345D, #164A7D) !important;
  background-image: linear-gradient(135deg, #10345D, #164A7D) !important;
  box-shadow: 0 10px 22px -14px rgba(16, 52, 93, .75) !important;
}
html body.akx-auth-body .auth-card .btn-primary:hover {
  box-shadow: 0 14px 26px -14px rgba(16, 52, 93, .88) !important;
}
html body.akx-auth-body .auth-card .btn-primary:focus-visible {
  outline: 3px solid rgba(47, 128, 237, .45) !important;
}
html body.akx-auth-body .auth-card .auth-alt a {
  color: #164A7D !important;
}
html body.akx-auth-body .auth-card .auth-alt a:hover {
  color: #0A2C50 !important;
}
/* END FINAL v96 */

/* =====================================================================
   FINAL v97 — Super Admin canvas: eski .akx-content zeminini ez.
   --srt-canvas / #F4F7F9 / petrol gradient SA panosuna uygulanmaz.
   ===================================================================== */
html body.akx-shell .akx-app.akx-sa .akx-content.sa-canvas,
html body.akx-shell .akx-app .akx-main .akx-content.sa-canvas,
html body.akx-shell .akx-app .akx-content.sa-canvas,
html body.akx-shell .akx-app .akx-content:has(> .sa-page),
html body.akx-shell .akx-app .akx-content:has(.sa-page) {
  background: linear-gradient(135deg,#F7FAFE 0%,#FAFCFF 60%,#FFF9F4 100%) !important;
  background-image: linear-gradient(135deg,#F7FAFE 0%,#FAFCFF 60%,#FFF9F4 100%) !important;
  background-color: #F7FAFE !important;
  background-attachment: scroll !important;
}
html body.akx-shell .akx-app.akx-sa .akx-content.sa-canvas .sa-page,
html body.akx-shell .akx-app .akx-content.sa-canvas .sa-page {
  background: transparent !important;
  background-image: none !important;
}
/* END FINAL v97 */

/* =====================================================================
   FINAL v98 — Super Admin Hizli Islemler: koc paneli gibi duzenle.
   ===================================================================== */
html body.akx-shell .akx-app .akx-content .sa-page .sa-quick-edit {
  flex: 0 0 36px;
  margin-left: auto;
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  padding: 0;
  border: 1px solid #E2E8F0;
  border-radius: 12px;
  background: #FFFFFF;
  color: #64748B;
  font-size: 16px;
  line-height: 1;
  cursor: pointer;
  box-shadow: none;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-quick-edit:hover {
  border-color: #CBD5E1;
  background: #F8FAFC;
  color: #334155;
}
html body.akx-shell .akx-app .akx-content .sa-page #saQuickCard.is-editing .sa-quick-edit {
  background: #10345D;
  border-color: #10345D;
  color: #FFFFFF;
}
html body.akx-shell .akx-app .akx-content .sa-page .sa-qitem .sa-qmark { display: none; }
html body.akx-shell .akx-app .akx-content .sa-page .sa-qitem.is-off { display: none; }
html body.akx-shell .akx-app .akx-content .sa-page .sa-quick-hint {
  display: none;
  margin: 10px 0 0 0;
  font-size: 11.5px;
  color: #94A3B8;
}
html body.akx-shell .akx-app .akx-content .sa-page #saQuickCard.is-editing .sa-quick-hint { display: block; }
html body.akx-shell .akx-app .akx-content .sa-page #saQuickCard.is-editing .sa-qitem {
  cursor: pointer;
}
html body.akx-shell .akx-app .akx-content .sa-page #saQuickCard.is-editing .sa-qitem.is-off {
  display: flex;
  opacity: .62;
  border-style: dashed;
  background: #FAFCFF;
}
html body.akx-shell .akx-app .akx-content .sa-page #saQuickCard.is-editing .sa-qitem .sa-qchev { display: none; }
html body.akx-shell .akx-app .akx-content .sa-page #saQuickCard.is-editing .sa-qitem .sa-qmark {
  display: grid;
  place-items: center;
  flex: 0 0 18px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  font-size: 11px;
  color: #94A3B8;
  border: 1px solid #DDE6F0;
}
html body.akx-shell .akx-app .akx-content .sa-page #saQuickCard.is-editing .sa-qitem.is-on .sa-qmark {
  background: #10345D;
  border-color: #10345D;
  color: #FFFFFF;
}
html body.akx-shell .akx-app.akx-coach .akx-sidebar {
  background: linear-gradient(180deg, #0A2F54 0%, #061A36 100%) !important;
  border-right: 0 !important;
}
html body.akx-shell .akx-app.akx-coach .akx-sidebar .akx-menu-link {
  min-height: 42px !important;
  height: 42px !important;
  margin: 2px 9px !important;
  border-radius: 8px !important;
  color: rgba(255,255,255,.84) !important;
  -webkit-text-fill-color: rgba(255,255,255,.84) !important;
}
html body.akx-shell .akx-app.akx-coach .akx-sidebar .akx-menu-link.active,
html body.akx-shell .akx-app.akx-coach .akx-sidebar .akx-menu-link.active:not(.akx-menu-toggle),
html body.akx-shell .akx-app.akx-coach .akx-sidebar .akx-menu-toggle.active {
  background: linear-gradient(135deg, #E96508 0%, #F47A20 100%) !important;
  background-image: linear-gradient(135deg, #E96508 0%, #F47A20 100%) !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  box-shadow: 0 5px 14px rgba(244,122,32,.28) !important;
  border: 0 !important;
}
html body.akx-shell .akx-app.akx-coach .akx-sidebar .akx-menu-link.active > i:first-child,
html body.akx-shell .akx-app.akx-coach .akx-sidebar .akx-menu-link.active .bi,
html body.akx-shell .akx-app.akx-coach .akx-sidebar .akx-menu-link.active:not(.akx-menu-toggle) i,
html body.akx-shell .akx-app.akx-coach .akx-sidebar .akx-menu-link.active:not(.akx-menu-toggle) .bi {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}
html body.akx-shell .akx-app.akx-coach .akx-content.ch-canvas {
  background: linear-gradient(135deg, #F7FAFE 0%, #FAFCFF 55%, #FFF8F2 100%) !important;
  background-image: linear-gradient(135deg, #F7FAFE 0%, #FAFCFF 55%, #FFF8F2 100%) !important;
}
html body.akx-shell .akx-app.akx-coach .akx-topbar {
  background: #FFFFFF !important;
  border-bottom: 1px solid #E4EBF3 !important;
  min-height: 64px !important;
}
html body.akx-shell .akx-app.akx-coach .akx-topbar .akx-page-title {
  font-size: 22px !important;
  font-weight: 700 !important;
  color: #102A56 !important;
}
html body.akx-shell .akx-app.akx-coach .akx-topbar .akx-page-sub {
  font-size: 12px !important;
  color: #6F83A0 !important;
  margin: 0 !important;
}
/* END FINAL v100 */

/* =====================================================================
   KONU ANALIZI v1 (.ka-page) — Ogrenci > Konu Analizi yeniden tasarim
   Ders secimi -> konu yonetimi -> konu analiz tablosu -> net girisi ->
   net gelisim / konu dagilimi / ozet analiz. Yalnizca gorunum.
   Palet: navy #172A55, mavi #4F7DF3, yesil #55B987, turuncu #F47A20,
   mor #7657F5, kirmizi #EF5261, kenar #E3E8F0, zemin #F7F9FC.
   ===================================================================== */
html body .akx-app .akx-content:has(.ka-page) { background: #F7F9FC !important; background-image: none !important; }
html body .akx-app .akx-content .student-module-page.ka-page {
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
  width: calc(100% - 40px) !important;
  max-width: 1500px !important;
  margin: 0 auto !important;
  padding: 16px 0 32px !important;
  color: #172A55;
  font-family: "Inter", system-ui, sans-serif;
}
html body .akx-app .akx-content .ka-page > * { min-width: 0; margin: 0 !important; }
html body .akx-app .akx-content .ka-page .tone-green  { background: #EAF7F0; color: #2F9E6A; }
html body .akx-app .akx-content .ka-page .tone-blue   { background: #EDF2FF; color: #4F7DF3; }
html body .akx-app .akx-content .ka-page .tone-orange { background: #FFF1E6; color: #F47A20; }
html body .akx-app .akx-content .ka-page .tone-purple { background: #F1EDFF; color: #7657F5; }
html body .akx-app .akx-content .ka-page .tone-amber  { background: #FFF4E2; color: #E0901F; }
html body .akx-app .akx-content .ka-page .tone-red    { background: #FFEDEF; color: #EF5261; }

/* ---- ogrenci seridi ---- */
html body .akx-app .akx-content .ka-page .ka-student {
  display: flex;
  align-items: center;
  gap: 16px;
  min-height: 84px;
  padding: 14px 22px;
  background: linear-gradient(105deg, #FFF8F2 0%, #FFF3E8 60%, #FFEEDF 100%);
  border: 1px solid #F2E3D5;
  border-radius: 14px;
}
html body .akx-app .akx-content .ka-page .ka-student-av {
  display: grid;
  place-items: center;
  flex: 0 0 54px;
  width: 54px;
  height: 54px;
  border-radius: 50%;
  background: linear-gradient(135deg, #6D9BF7 0%, #4F7DF3 100%);
  font-size: 19px;
  font-weight: 700;
  color: #FFFFFF;
}
html body .akx-app .akx-content .ka-page .ka-student-id { min-width: 0; }
html body .akx-app .akx-content .ka-page .ka-student-id h2 {
  margin: 0 !important;
  font-size: 22px !important;
  font-weight: 750 !important;
  letter-spacing: -.02em;
  color: #172A55 !important;
}
html body .akx-app .akx-content .ka-page .ka-student-id p {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 14px;
  margin: 4px 0 0 !important;
  font-size: 13px;
  color: #667085;
}
html body .akx-app .akx-content .ka-page .ka-student-id p span + span::before {
  content: "•";
  margin-right: 14px;
  color: #C3CCD8;
}
html body .akx-app .akx-content .ka-page .ka-student-lesson { font-weight: 700; color: #F47A20; }
html body .akx-app .akx-content .ka-page .ka-student-motto {
  margin-left: auto;
  font-family: "Segoe Script", "Brush Script MT", cursive;
  font-size: 17px;
  color: #172A55;
  opacity: .78;
  white-space: nowrap;
}

/* ---- kart temeli ---- */
html body .akx-app .akx-content .ka-page .ka-card {
  padding: 16px 18px;
  background: #FFFFFF;
  border: 1px solid #E3E8F0;
  border-radius: 14px;
  box-shadow: 0 3px 12px rgba(22,34,60,.04);
}
html body .akx-app .akx-content .ka-page .ka-card-head {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin: 0 0 14px;
}
html body .akx-app .akx-content .ka-page .ka-card-head-row { align-items: center; }
html body .akx-app .akx-content .ka-page .ka-head-icon {
  display: grid;
  place-items: center;
  flex: 0 0 36px;
  width: 36px;
  height: 36px;
  border-radius: 10px;
  font-size: 16px;
}
html body .akx-app .akx-content .ka-page .ka-card-head h3 {
  margin: 0 !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  letter-spacing: -.01em;
  color: #172A55 !important;
}
html body .akx-app .akx-content .ka-page .ka-card-head p { margin: 3px 0 0 !important; font-size: 12.5px; color: #667085; }
html body .akx-app .akx-content .ka-page .ka-head-title { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
html body .akx-app .akx-content .ka-page .ka-count { font-size: 12px; color: #94A3B8; }
html body .akx-app .akx-content .ka-page .ka-label {
  display: block;
  margin: 0 0 6px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #475467 !important;
}
html body .akx-app .akx-content .ka-page .ka-note { display: block; margin: 10px 0 0 !important; font-size: 12px; color: #94A3B8; }

/* ---- butonlar / select ---- */
html body .akx-app .akx-content .ka-page .ka-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  height: 38px;
  padding: 0 14px;
  border-radius: 9px;
  font-size: 13px;
  font-weight: 600;
  white-space: nowrap;
  text-decoration: none;
  cursor: pointer;
  transition: background-color .15s ease, border-color .15s ease, box-shadow .15s ease;
}
html body .akx-app .akx-content .ka-page .ka-btn-soft,
html body .akx-app .akx-content .ka-page .ka-btn-outline {
  background: #FFFFFF;
  border: 1px solid #C9D6F5;
  color: #3A63D6;
}
html body .akx-app .akx-content .ka-page .ka-btn-soft:hover,
html body .akx-app .akx-content .ka-page .ka-btn-outline:hover,
html body .akx-app .akx-content .ka-page .ka-btn-soft.is-open { background: #F2F6FF; border-color: #9FB6EE; }
html body .akx-app .akx-content .ka-page .ka-btn-primary {
  background: #F47A20;
  border: 1px solid #F47A20;
  color: #FFFFFF;
  box-shadow: 0 4px 12px rgba(244,122,32,.18);
}
html body .akx-app .akx-content .ka-page .ka-btn-primary:hover { background: #E86C12; border-color: #E86C12; }
html body .akx-app .akx-content .ka-page .ka-btn-primary-sm {
  height: 36px;
  background: #172A55;
  border: 1px solid #172A55;
  color: #FFFFFF;
}
html body .akx-app .akx-content .ka-page .ka-select {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  height: 38px !important;
  min-width: 0;
  padding: 0 12px !important;
  background-color: #FFFFFF !important;
  border: 1px solid #D5DDE8 !important;
  border-radius: 9px !important;
  font-size: 13px !important;
  font-weight: 600;
  color: #172A55 !important;
  box-shadow: none !important;
}
html body .akx-app .akx-content .ka-page select.ka-select { display: block; padding-right: 32px !important; }

/* ---- filtre karti ---- */
html body .akx-app .akx-content .ka-page .ka-filter-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr);
  gap: 14px;
  align-items: start;
}
html body .akx-app .akx-content .ka-page .ka-lesson-box,
html body .akx-app .akx-content .ka-page .ka-week-filter {
  padding: 12px 14px;
  background: #FAFBFD;
  border: 1px solid #EDF1F6;
  border-radius: 12px;
}
html body .akx-app .akx-content .ka-page .ka-lesson-row { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
html body .akx-app .akx-content .ka-page .ka-lesson-dd { flex: 1 1 180px; min-width: 160px; max-width: 260px; }
html body .akx-app .akx-content .ka-page .ka-lesson-toggle { width: 100%; cursor: pointer; }
html body .akx-app .akx-content .ka-page .ka-lesson-toggle span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html body .akx-app .akx-content .ka-page .ka-lesson-toggle i { font-size: 12px; color: #667085; }

/* ders acilir menusu (mevcut pill yapisi) */
html body .akx-app .akx-content .ka-page .ka-lesson-menu {
  display: none;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  gap: 10px !important;
  width: 340px;
  max-width: calc(100vw - 32px) !important;
  max-height: 360px;
  overflow-y: auto;
  padding: 10px !important;
  background: #FFFFFF;
  border: 1px solid #E3E8F0 !important;
  border-radius: 12px !important;
  box-shadow: 0 12px 28px rgba(22,34,60,.12) !important;
}
html body .akx-app .akx-content .ka-page .ka-lesson-menu.show { display: flex; }
html body .akx-app .akx-content .ka-page .ka-lesson-menu .lesson-pill-group { display: flex; flex-direction: column; gap: 6px; margin: 0; padding: 0; background: none; border: 0; }
html body .akx-app .akx-content .ka-page .ka-lesson-menu .lesson-pill-group-label {
  margin: 0;
  padding: 0 4px;
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: .08em;
  color: #94A3B8;
}
html body .akx-app .akx-content .ka-page .ka-lesson-menu .lesson-pill-group-row { display: flex; flex-direction: column; flex-wrap: nowrap !important; gap: 2px; }
html body .akx-app .akx-content .ka-page .ka-lesson-menu .lesson-pill-wrap {
  display: flex;
  align-items: center;
  gap: 4px;
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 8px;
  box-shadow: none;
}
html body .akx-app .akx-content .ka-page .ka-lesson-menu .lesson-pill {
  flex: 1 1 auto;
  display: block;
  min-width: 0;
  padding: 8px 10px !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #172A55 !important;
  text-decoration: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
html body .akx-app .akx-content .ka-page .ka-lesson-menu .lesson-pill-wrap:hover { background: #F4F7FB; }
html body .akx-app .akx-content .ka-page .ka-lesson-menu .lesson-pill-wrap.is-active { background: #FFF1E6; }
html body .akx-app .akx-content .ka-page .ka-lesson-menu .lesson-pill.is-active { color: #E0680F !important; }
html body .akx-app .akx-content .ka-page .ka-lesson-menu .lesson-pill-remove {
  flex: 0 0 26px;
  width: 26px;
  height: 26px;
  margin-right: 4px;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 6px;
  font-size: 16px;
  line-height: 1;
  color: #A0ABBB;
}
html body .akx-app .akx-content .ka-page .ka-lesson-menu .lesson-pill-remove:hover { background: #FFEDEF; color: #EF5261; }
html body .akx-app .akx-content .ka-page .ka-lesson-empty { padding: 8px; font-size: 12.5px; color: #94A3B8; }

/* listeden / manuel ders ekleme panelleri */
html body .akx-app .akx-content .ka-page .ka-lesson-panels {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: 0 !important;
}
html body .akx-app .akx-content .ka-page .ka-panel:not([hidden]) {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 10px;
}
html body .akx-app .akx-content .ka-page .ka-panel .analysis-lesson-combo { position: relative; flex: 1 1 auto; min-width: 0; }
html body .akx-app .akx-content .ka-page .ka-panel .analysis-lesson-combo > i {
  position: absolute; left: 11px; top: 50%; transform: translateY(-50%); font-size: 13px; color: #94A3B8; z-index: 2;
}
html body .akx-app .akx-content .ka-page .ka-panel .form-control {
  height: 36px !important;
  border: 1px solid #D5DDE8 !important;
  border-radius: 9px !important;
  font-size: 13px !important;
  box-shadow: none !important;
}
html body .akx-app .akx-content .ka-page .ka-panel .analysis-lesson-combo .form-control { padding-left: 32px !important; }
html body .akx-app .akx-content .ka-page .ka-panel .analysis-lesson-manual { flex: 1 1 auto; min-width: 0; width: auto !important; max-width: none !important; }
html body .akx-app .akx-content .ka-page .analysis-lesson-mini-status:not([hidden]) { margin: 8px 0 0 !important; font-size: 12px; color: #667085; }

/* hafta filtresi */
html body .akx-app .akx-content .ka-page .ka-week-filter {
  display: grid !important;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, .7fr) minmax(0, 1.3fr) auto;
  align-items: end;
  gap: 10px !important;
  margin: 0 !important;
}
html body .akx-app .akx-content .ka-page .ka-week-filter .lwf-field { display: block !important; min-width: 0; margin: 0 !important; }
html body .akx-app .akx-content .ka-page .ka-range-box { justify-content: flex-start; font-weight: 500; background: #FFFFFF !important; overflow: hidden; }
html body .akx-app .akx-content .ka-page .ka-range-box i { color: #667085; }
html body .akx-app .akx-content .ka-page .ka-range-box span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html body .akx-app .akx-content .ka-page .ka-refresh { height: 38px; padding: 0 18px; }

/* ---- konu yonetimi ---- */
html body .akx-app .akx-content .ka-page .ka-topics-card .ka-card-head { margin-bottom: 12px; }
html body .akx-app .akx-content .ka-page .ka-topic-add {
  display: flex !important;
  align-items: center;
  gap: 8px;
  margin: 0 !important;
  flex: 0 1 380px;
}
html body .akx-app .akx-content .ka-page .ka-topic-add .form-control {
  height: 38px !important;
  min-width: 0;
  border: 1px solid #D5DDE8 !important;
  border-radius: 9px !important;
  font-size: 13px !important;
  box-shadow: none !important;
}
html body .akx-app .akx-content .ka-page .ka-chips {
  display: flex !important;
  flex-wrap: wrap;
  gap: 8px !important;
  grid-template-columns: none !important;
  margin: 0 !important;
}
html body .akx-app .akx-content .ka-page .ka-chip {
  display: inline-flex !important;
  align-items: center;
  gap: 4px;
  width: auto !important;
  max-width: 100%;
  min-height: 36px;
  margin: 0 !important;
  padding: 3px 4px 3px 10px !important;
  background: #FFFFFF !important;
  border: 1px solid #E3E8F0 !important;
  border-radius: 9px !important;
  box-shadow: none !important;
}
html body .akx-app .akx-content .ka-page .ka-chip:hover { border-color: #C9D5E3 !important; }
html body .akx-app .akx-content .ka-page .ka-chip form { display: inline-flex; align-items: center; gap: 4px; margin: 0; }
html body .akx-app .akx-content .ka-page .ka-chip-no { font-size: 12.5px; font-weight: 700; color: #94A3B8; }
html body .akx-app .akx-content .ka-page .ka-chip .topic-title-input {
  field-sizing: content;
  width: auto !important;
  min-width: 4ch;
  max-width: 260px;
  height: 28px !important;
  padding: 0 4px !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  color: #172A55 !important;
}
html body .akx-app .akx-content .ka-page .ka-chip .topic-title-input:not([readonly]) { background: #FFFFFF !important; border-color: #9FB6EE !important; }
html body .akx-app .akx-content .ka-page .ka-chip .btn {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  padding: 0 !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  border-radius: 7px !important;
  font-size: 12.5px;
  color: #667085 !important;
  box-shadow: none !important;
}
html body .akx-app .akx-content .ka-page .ka-chip .btn:hover { background: #F2F5FA !important; border-color: #E3E8F0 !important; color: #172A55 !important; }
html body .akx-app .akx-content .ka-page .ka-chip .btn-outline-danger { color: #EF5261 !important; }
html body .akx-app .akx-content .ka-page .ka-chip .btn-outline-danger:hover { background: #FFEDEF !important; color: #D83A4A !important; }
html body .akx-app .akx-content .ka-page .ka-chip .btn-success { background: #EAF7F0 !important; color: #2F9E6A !important; }

/* ---- konu analiz tablosu ---- */
html body .akx-app .akx-content .ka-page .ka-analysis-card { padding-bottom: 8px; }
html body .akx-app .akx-content .ka-page .ka-table-wrap {
  overflow-x: auto;
  border: 1px solid #EDF1F6;
  border-radius: 10px;
}
html body .akx-app .akx-content .ka-page .ka-table {
  width: 100%;
  min-width: 980px;
  margin: 0;
  border-collapse: collapse;
  font-size: 13px;
  font-variant-numeric: tabular-nums;
}
html body .akx-app .akx-content .ka-page .ka-table thead th {
  height: 42px;
  padding: 0 12px;
  background: #F6F8FB;
  border-bottom: 1px solid #E3E8F0;
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
  color: #475467;
}
html body .akx-app .akx-content .ka-page .ka-table tbody td {
  height: 48px;
  padding: 0 12px;
  border-bottom: 1px solid #EEF2F6;
  vertical-align: middle;
  color: #172A55;
}
html body .akx-app .akx-content .ka-page .ka-table tbody tr:hover td { background-color: #FAFBFE; }
html body .akx-app .akx-content .ka-page .ka-table tfoot td {
  height: 44px;
  padding: 0 12px;
  background: #F6F8FB;
  font-weight: 700;
  color: #172A55;
}
html body .akx-app .akx-content .ka-page .ka-c-no { width: 44px; text-align: center; color: #94A3B8; }
html body .akx-app .akx-content .ka-page .ka-c-name { min-width: 180px; font-weight: 600; }
html body .akx-app .akx-content .ka-page .ka-c-num { width: 88px; text-align: center; }
html body .akx-app .akx-content .ka-page .ka-c-res { width: 300px; }
html body .akx-app .akx-content .ka-page .ka-c-act { width: 64px; text-align: center; }
html body .akx-app .akx-content .ka-page .ka-table tbody .ka-t-d   { background: #F1FAF4; }
html body .akx-app .akx-content .ka-page .ka-table tbody .ka-t-y   { background: #FEF3F4; }
html body .akx-app .akx-content .ka-page .ka-table tbody .ka-t-b   { background: #F5F7FA; }
html body .akx-app .akx-content .ka-page .ka-table tbody .ka-t-net { background: #EFF9F5; font-weight: 700; }
html body .akx-app .akx-content .ka-page .ka-table tbody .ka-t-hedef { background: #F1F5FF; }
html body .akx-app .akx-content .ka-page .ka-table tbody .ka-t-acc { font-weight: 700; }
html body .akx-app .akx-content .ka-page .ka-empty-row { text-align: center; color: #94A3B8; }

html body .akx-app .akx-content .ka-page .ka-result { display: flex; align-items: center; gap: 12px; }
html body .akx-app .akx-content .ka-page .ka-bar {
  position: relative;
  flex: 1 1 auto;
  height: 8px;
  overflow: hidden;
  background: #EEF2F6;
  border-radius: 999px;
}
html body .akx-app .akx-content .ka-page .ka-bar i { position: absolute; left: 0; top: 0; bottom: 0; border-radius: 999px; background: #CBD5E1; }
html body .akx-app .akx-content .ka-page .ka-badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  flex: 0 0 122px;
  height: 26px;
  padding: 0 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
}
html body .akx-app .akx-content .ka-page .ka-result.is-vgood .ka-bar i { background: #55B987; }
html body .akx-app .akx-content .ka-page .ka-result.is-vgood .ka-badge { background: #EAF7F0; color: #2F9E6A; }
html body .akx-app .akx-content .ka-page .ka-result.is-good  .ka-bar i { background: #4F7DF3; }
html body .akx-app .akx-content .ka-page .ka-result.is-good  .ka-badge { background: #EDF2FF; color: #3A63D6; }
html body .akx-app .akx-content .ka-page .ka-result.is-mid   .ka-bar i { background: #F59A54; }
html body .akx-app .akx-content .ka-page .ka-result.is-mid   .ka-badge { background: #FFF1E6; color: #D9670F; }
html body .akx-app .akx-content .ka-page .ka-result.is-low   .ka-bar i { background: #EF5261; }
html body .akx-app .akx-content .ka-page .ka-result.is-low   .ka-badge { background: #FFEDEF; color: #D83A4A; }
html body .akx-app .akx-content .ka-page .ka-result.is-none  .ka-badge { background: #F4F6FA; color: #94A3B8; }
html body .akx-app .akx-content .ka-page .ka-icon-btn {
  display: inline-grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border: 1px solid #E3E8F0;
  border-radius: 8px;
  background: #FFFFFF;
  font-size: 13px;
  color: #4F7DF3;
  text-decoration: none;
}
html body .akx-app .akx-content .ka-page .ka-icon-btn:hover { background: #F2F6FF; border-color: #C9D6F5; }

/* ---- net girisi (mevcut haftalik tablo) ---- */
html body .akx-app .akx-content .ka-page .ka-entry { padding: 0 !important; overflow: hidden; }
html body .akx-app .akx-content .ka-page .ka-entry.is-collapsed { display: none !important; }
html body .akx-app .akx-content .ka-page .ka-entry .card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 14px 18px !important;
  background: #FFFFFF !important;
  border-bottom: 1px solid #EEF2F6 !important;
}
html body .akx-app .akx-content .ka-page .ka-entry .card-title { margin: 0 !important; font-size: 15px !important; font-weight: 700 !important; color: #172A55 !important; }
html body .akx-app .akx-content .ka-page .ka-entry .lesson-week-table { width: 100% !important; }
html body .akx-app .akx-content .ka-page .ka-entry .lesson-week-table tbody td { height: 46px; }
html body .akx-app .akx-content .ka-page .ka-entry .lw-row.is-flash td { background-color: #FFF6EC !important; transition: background-color .3s ease; }
html body .akx-app .akx-content .ka-page .ka-entry .lesson-perf-actions { padding: 12px 18px !important; background: #FAFBFD; border-top: 1px solid #EEF2F6; }

/* ---- alt uclu ---- */
html body .akx-app .akx-content .ka-page .ka-bottom {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  align-items: stretch;
}
html body .akx-app .akx-content .ka-page .ka-mini { display: flex; flex-direction: column; min-height: 300px; }
html body .akx-app .akx-content .ka-page .ka-chart { flex: 1 1 auto; min-height: 230px; }
html body .akx-app .akx-content .ka-page .ka-empty {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 18px;
  background: #FAFBFD;
  border: 1px dashed #DFE5EF;
  border-radius: 12px;
  text-align: center;
}
html body .akx-app .akx-content .ka-page .ka-empty i { font-size: 24px; color: #A0ABBB; }
html body .akx-app .akx-content .ka-page .ka-empty b { font-size: 13.5px; color: #33415C; }
html body .akx-app .akx-content .ka-page .ka-empty span { font-size: 12px; color: #98A2B3; }
html body .akx-app .akx-content .ka-page .ka-donut-wrap { display: flex; align-items: center; gap: 14px; flex: 1 1 auto; }
html body .akx-app .akx-content .ka-page .ka-donut { flex: 0 0 200px; min-height: 210px; }
html body .akx-app .akx-content .ka-page .ka-legend { flex: 1 1 auto; display: flex; flex-direction: column; gap: 12px; margin: 0; padding: 0; list-style: none; }
html body .akx-app .akx-content .ka-page .ka-legend li { display: flex; align-items: center; gap: 9px; font-size: 13px; color: #172A55; }
html body .akx-app .akx-content .ka-page .ka-legend li i { flex: 0 0 10px; width: 10px; height: 10px; border-radius: 50%; }
html body .akx-app .akx-content .ka-page .ka-legend li span { flex: 1 1 auto; }
html body .akx-app .akx-content .ka-page .ka-legend li small { margin-left: 4px; font-size: 11px; color: #94A3B8; }
html body .akx-app .akx-content .ka-page .ka-legend li b { font-weight: 700; }
html body .akx-app .akx-content .ka-page .ka-kpis { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; flex: 1 1 auto; }
html body .akx-app .akx-content .ka-page .ka-kpi {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px;
  border: 1px solid #E8EDF3;
  border-radius: 12px;
}
html body .akx-app .akx-content .ka-page .ka-kpi > span {
  display: grid;
  place-items: center;
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  border-radius: 11px;
  font-size: 18px;
}
html body .akx-app .akx-content .ka-page .ka-kpi b { display: block; font-size: 22px; font-weight: 750; line-height: 1.1; color: #172A55; }
html body .akx-app .akx-content .ka-page .ka-kpi small { font-size: 12px; color: #667085; }

/* mevcut detayli analiz bolumu: ayni kart dili */
html body .akx-app .akx-content .ka-page .ka-detail { margin: 0 !important; }

/* ---- responsive ---- */
@media (max-width: 1280px) {
  html body .akx-app .akx-content .ka-page .ka-filter-grid { grid-template-columns: minmax(0, 1fr); }
  html body .akx-app .akx-content .ka-page .ka-bottom { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html body .akx-app .akx-content .ka-page .ka-bottom > :last-child { grid-column: 1 / -1; }
  html body .akx-app .akx-content .ka-page .ka-student-motto { display: none; }
}
@media (max-width: 760px) {
  html body .akx-app .akx-content .student-module-page.ka-page { width: calc(100% - 24px) !important; }
  html body .akx-app .akx-content .ka-page .ka-week-filter { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  html body .akx-app .akx-content .ka-page .ka-week-filter .ka-range,
  html body .akx-app .akx-content .ka-page .ka-refresh { grid-column: 1 / -1; }
  html body .akx-app .akx-content .ka-page .ka-card-head-row { flex-wrap: wrap; }
  html body .akx-app .akx-content .ka-page .ka-topic-add { flex: 1 1 100%; }
  html body .akx-app .akx-content .ka-page .ka-bottom { grid-template-columns: minmax(0, 1fr); }
  html body .akx-app .akx-content .ka-page .ka-donut-wrap { flex-direction: column; align-items: stretch; }
  html body .akx-app .akx-content .ka-page .ka-lesson-dd { max-width: none; flex-basis: 100%; }
}
/* ders kutusu icerigi kadar, hafta filtresi kalan alan; dar ekranda alt alta */
html body .akx-app .akx-content .ka-page .ka-filter-grid { grid-template-columns: auto minmax(0, 1fr); }
html body .akx-app .akx-content .ka-page .ka-lesson-row { flex-wrap: nowrap; }
html body .akx-app .akx-content .ka-page .ka-lesson-dd { flex: 0 0 190px; min-width: 0; max-width: 190px; }
html body .akx-app .akx-content .ka-page .ka-week-filter { grid-template-columns: minmax(0, 1.1fr) minmax(88px, .55fr) minmax(0, 1.35fr) auto; }
@media (max-width: 1600px) {
  html body .akx-app .akx-content .ka-page .ka-filter-grid { grid-template-columns: minmax(0, 1fr); }
  html body .akx-app .akx-content .ka-page .ka-week-filter { grid-template-columns: minmax(0, 1.2fr) minmax(110px, .6fr) minmax(0, 1.2fr) auto; }
}
@media (max-width: 760px) {
  html body .akx-app .akx-content .ka-page .ka-lesson-row { flex-wrap: wrap; }
  html body .akx-app .akx-content .ka-page .ka-lesson-dd { flex: 1 1 100%; max-width: none; }
  html body .akx-app .akx-content .ka-page .ka-lesson-row .ka-btn { flex: 1 1 auto; }
  html body .akx-app .akx-content .ka-page .ka-week-filter { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
}
/* END KONU ANALIZI v1 */

/* =====================================================================
   KONU ANALIZI v2 (.ka-page) - tek tablo (analiz + veri girisi),
   hafta secici, toplu giris, modal, bos durumlar, konu bazli basari.
   ===================================================================== */
html body .akx-app .akx-content .ka-page .ka-head-actions { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; justify-content: flex-end; }
html body .akx-app .akx-content .ka-page select.ka-week-sel { width: auto !important; min-width: 190px; max-width: 280px; }
html body .akx-app .akx-content .ka-page .ka-btn.is-open { background: #F2F6FF; border-color: #9FB6EE; }
html body .akx-app .akx-content .ka-page .ka-btn-ghost { background: #FFFFFF; border: 1px solid #D5DDE8; color: #475467; }
html body .akx-app .akx-content .ka-page .ka-btn-ghost:hover { background: #F6F8FB; }

/* input'lar yalnizca toplu giris modunda ve aktif haftada gorunur */
html body .akx-app .akx-content .ka-page .ka-table input.ka-in { display: none; }
html body .akx-app .akx-content .ka-page .ka-analysis-card.is-bulk .ka-table input.ka-in.is-active {
  display: inline-block;
  width: 64px;
  height: 32px;
  padding: 0 6px;
  border: 1px solid #C9D6F5;
  border-radius: 8px;
  background: #FFFFFF;
  text-align: center;
  font-size: 13px;
  font-weight: 600;
  color: #172A55;
  -moz-appearance: textfield;
}
html body .akx-app .akx-content .ka-page .ka-analysis-card.is-bulk .ka-table input.ka-in.is-active:focus { outline: none; border-color: #4F7DF3; box-shadow: 0 0 0 3px rgba(79,125,243,.15); }
html body .akx-app .akx-content .ka-page .ka-analysis-card.is-bulk .ka-table .ka-v[data-f="t"],
html body .akx-app .akx-content .ka-page .ka-analysis-card.is-bulk .ka-table .ka-v[data-f="f"],
html body .akx-app .akx-content .ka-page .ka-analysis-card.is-bulk .ka-table .ka-v[data-f="e"],
html body .akx-app .akx-content .ka-page .ka-analysis-card.is-bulk .ka-table .ka-v[data-f="g"] { display: none; }
html body .akx-app .akx-content .ka-page .ka-analysis-card.is-bulk .ka-table tbody td { height: 50px; }

html body .akx-app .akx-content .ka-page .ka-bulk-bar:not([hidden]) {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 12px;
  padding: 10px 12px;
  background: #F6F8FF;
  border: 1px solid #DCE5FB;
  border-radius: 10px;
  font-size: 12.5px;
  color: #475467;
}
html body .akx-app .akx-content .ka-page .ka-bulk-bar > div { display: flex; gap: 8px; }
html body .akx-app .akx-content .ka-page .ka-bulk-bar i { color: #4F7DF3; }

/* gelisim sutunu: bar + rozet + onceki haftaya gore net degisimi */
html body .akx-app .akx-content .ka-page .ka-c-res { width: 330px; }
html body .akx-app .akx-content .ka-page .ka-result { gap: 10px; }
html body .akx-app .akx-content .ka-page .ka-badge { flex: 0 0 118px; }
html body .akx-app .akx-content .ka-page .ka-delta { flex: 0 0 46px; font-size: 11.5px; font-weight: 700; text-align: right; white-space: nowrap; }
html body .akx-app .akx-content .ka-page .ka-delta.up { color: #2F9E6A; }
html body .akx-app .akx-content .ka-page .ka-delta.down { color: #D83A4A; }
html body .akx-app .akx-content .ka-page .ka-delta.flat { color: #94A3B8; }
html body .akx-app .akx-content .ka-page .ka-total .ka-delta { flex: none; font-weight: 600; }
html body .akx-app .akx-content .ka-page button.ka-icon-btn { cursor: pointer; padding: 0; }

/* analiz kartlari: sabit yukseklik yok, bos durum 130-160px */
html body .akx-app .akx-content .ka-page .ka-mini { min-height: 0; }
html body .akx-app .akx-content .ka-page .ka-chart { min-height: 220px; }
html body .akx-app .akx-content .ka-page .ka-empty:not([hidden]) {
  display: flex;
  flex: 1 1 auto;
  min-height: 130px;
  max-height: 160px;
  padding: 14px;
}
html body .akx-app .akx-content .ka-page .ka-empty[hidden],
html body .akx-app .akx-content .ka-page .ka-chart[hidden],
html body .akx-app .akx-content .ka-page .ka-donut-wrap[hidden],
html body .akx-app .akx-content .ka-page .ka-chart-topics[hidden] { display: none !important; }
html body .akx-app .akx-content .ka-page .ka-success-card .ka-empty { max-width: 520px; margin: 0 auto; }
html body .akx-app .akx-content .ka-page .ka-chart-topics { width: 100%; }

/* tek konu giris modali */
.ka-modal .modal-content { border: 1px solid #E3E8F0; border-radius: 14px; box-shadow: 0 18px 40px rgba(22,34,60,.16); }
.ka-modal .modal-header { align-items: flex-start; padding: 16px 18px 10px; border-bottom: 0; }
.ka-modal .modal-title { margin: 0; font-size: 16px; font-weight: 700; color: #172A55; }
.ka-modal .modal-header small { display: block; margin-top: 2px; font-size: 12px; color: #667085; }
.ka-modal .modal-body { padding: 6px 18px 12px; }
.ka-modal .ka-edit-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.ka-modal .ka-edit-grid label { display: flex; flex-direction: column; gap: 5px; margin: 0; }
.ka-modal .ka-edit-grid span { font-size: 12px; font-weight: 600; color: #475467; }
.ka-modal .ka-edit-grid .form-control { height: 40px; border: 1px solid #D5DDE8; border-radius: 9px; font-size: 14px; font-weight: 600; color: #172A55; box-shadow: none; }
.ka-modal .ka-edit-grid .form-control:focus { border-color: #4F7DF3; box-shadow: 0 0 0 3px rgba(79,125,243,.15); }
.ka-modal .ka-edit-calc { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 14px; }
.ka-modal .ka-edit-calc > div { padding: 10px 12px; background: #F6F8FB; border: 1px solid #EDF1F6; border-radius: 10px; }
.ka-modal .ka-edit-calc small { display: block; font-size: 11.5px; color: #667085; }
.ka-modal .ka-edit-calc b { font-size: 18px; font-weight: 750; color: #172A55; }
.ka-modal .modal-footer { gap: 8px; padding: 10px 18px 16px; border-top: 0; }
.ka-modal .ka-btn { display: inline-flex; align-items: center; gap: 6px; height: 38px; padding: 0 16px; border-radius: 9px; font-size: 13px; font-weight: 600; }
.ka-modal .ka-btn-ghost { background: #FFFFFF; border: 1px solid #D5DDE8; color: #475467; }
.ka-modal .ka-btn-primary { background: #F47A20; border: 1px solid #F47A20; color: #FFFFFF; }
.ka-modal .ka-btn-primary:hover { background: #E86C12; }

@media (max-width: 760px) {
  html body .akx-app .akx-content .ka-page .ka-head-actions { flex: 1 1 100%; justify-content: stretch; }
  html body .akx-app .akx-content .ka-page select.ka-week-sel,
  html body .akx-app .akx-content .ka-page #kaBulkBtn { flex: 1 1 auto; max-width: none; }
  html body .akx-app .akx-content .ka-page .ka-bulk-bar:not([hidden]) { flex-direction: column; align-items: stretch; }
}
/* END KONU ANALIZI v2 */

/* =====================================================================
   KONU ANALIZI v3 (.ka-page) - referans: tek satir filtre, konu yonetimi
   araclari, ayri Gelisim / Sonuc sutunlari, sakin sutun tonlari.
   ===================================================================== */
html body .akx-app .akx-content .student-module-page.ka-page { gap: 16px !important; color: #17213C; }
html body .akx-app .akx-content .ka-page .ka-card { padding: 18px 20px; }
html body .akx-app .akx-content .ka-page .ka-card-head h3 { color: #17213C !important; }

/* ---- filtre: tek satir, kutusuz, ayracli ---- */
html body .akx-app .akx-content .ka-page .ka-filter-card .ka-card-head {
  margin: -2px 0 14px;
  padding-bottom: 14px;
  border-bottom: 1px solid #EEF2F6;
}
html body .akx-app .akx-content .ka-page .ka-filter-grid,
html body .akx-app .akx-content .ka-page .ka-filter-grid[class] {
  display: flex !important;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 14px 16px;
  grid-template-columns: none !important;
}
html body .akx-app .akx-content .ka-page .ka-lesson-box,
html body .akx-app .akx-content .ka-page .ka-week-filter {
  padding: 0 !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
}
html body .akx-app .akx-content .ka-page .ka-lesson-box { flex: 0 1 auto; min-width: 0; }
html body .akx-app .akx-content .ka-page .ka-lesson-row { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 12px; }
html body .akx-app .akx-content .ka-page .ka-field { display: flex; flex-direction: column; min-width: 0; }
html body .akx-app .akx-content .ka-page .ka-field-lesson { flex: 0 0 190px; }
html body .akx-app .akx-content .ka-page .ka-lesson-dd { flex: none; width: 100%; max-width: none; min-width: 0; }
html body .akx-app .akx-content .ka-page .ka-week-filter[class] {
  display: flex !important;
  flex: 0 1 auto;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px !important;
  grid-template-columns: none !important;
  padding-left: 16px !important;
  border-left: 1px solid #E3E8F0 !important;
}
html body .akx-app .akx-content .ka-page .ka-week-filter .lwf-field { flex: 0 0 150px; }
html body .akx-app .akx-content .ka-page .ka-week-filter .ka-range { flex: 0 0 230px; }
html body .akx-app .akx-content .ka-page .ka-btn { height: 38px; }
html body .akx-app .akx-content .ka-page .ka-btn-soft {
  background: #FFFFFF;
  border: 1px solid #4F7DF3;
  color: #3A63D6;
}
html body .akx-app .akx-content .ka-page .ka-btn-soft:hover,
html body .akx-app .akx-content .ka-page .ka-btn-soft.is-open { background: #F2F6FF; border-color: #4F7DF3; }
html body .akx-app .akx-content .ka-page .ka-refresh { padding: 0 20px; }
html body .akx-app .akx-content .ka-page .ka-lesson-panels .ka-panel:not([hidden]) { max-width: 620px; }

/* ---- konu yonetimi ---- */
html body .akx-app .akx-content .ka-page .ka-search {
  position: relative;
  display: block;
  width: 230px;
  margin: 0;
}
html body .akx-app .akx-content .ka-page .ka-search i { position: absolute; left: 11px; top: 50%; transform: translateY(-50%); font-size: 13px; color: #94A3B8; }
html body .akx-app .akx-content .ka-page .ka-search input {
  width: 100%;
  height: 38px;
  padding: 0 12px 0 32px;
  background: #FFFFFF;
  border: 1px solid #D5DDE8;
  border-radius: 9px;
  font-size: 13px;
  color: #17213C;
  outline: none;
}
html body .akx-app .akx-content .ka-page .ka-search input:focus { border-color: #4F7DF3; box-shadow: 0 0 0 3px rgba(79,125,243,.12); }
html body .akx-app .akx-content .ka-page .ka-more { width: 38px; height: 38px; color: #475467; }
html body .akx-app .akx-content .ka-page .ka-menu { padding: 6px; border: 1px solid #E3E8F0; border-radius: 10px; box-shadow: 0 10px 24px rgba(22,34,60,.1); font-size: 13px; }
html body .akx-app .akx-content .ka-page .ka-menu .dropdown-item { display: flex; align-items: center; gap: 8px; padding: 8px 10px; border-radius: 7px; color: #17213C; }
html body .akx-app .akx-content .ka-page .ka-menu .dropdown-item i { color: #667085; }
html body .akx-app .akx-content .ka-page .ka-topic-add[hidden] { display: none !important; }
html body .akx-app .akx-content .ka-page .ka-topic-add:not([hidden]) {
  display: flex !important;
  max-width: 560px;
  margin: 0 0 12px !important;
  padding: 10px;
  background: #FAFBFD;
  border: 1px solid #EDF1F6;
  border-radius: 10px;
}
html body .akx-app .akx-content .ka-page .ka-topic-add .form-control { flex: 1 1 auto; }
html body .akx-app .akx-content .ka-page .ka-chip { border-radius: 8px !important; padding: 3px 4px 3px 10px !important; }
html body .akx-app .akx-content .ka-page .ka-chip[hidden] { display: none !important; }
html body .akx-app .akx-content .ka-page .ka-chip .topic-edit-toggle { color: #4F7DF3 !important; }
html body .akx-app .akx-content .ka-page .ka-chip .btn-outline-danger { color: #E88590 !important; }
html body .akx-app .akx-content .ka-page .ka-chip .btn-outline-danger:hover { color: #EF5261 !important; }

/* ---- analiz tablosu ---- */
html body .akx-app .akx-content .ka-page select.ka-week-sel { min-width: 240px; max-width: 320px; }
html body .akx-app .akx-content .ka-page .ka-table thead th {
  height: 40px;
  background: #F6F8FB;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .03em;
  text-transform: uppercase;
  color: #475467;
}
html body .akx-app .akx-content .ka-page .ka-table tbody td { height: 46px; }
html body .akx-app .akx-content .ka-page .ka-table tbody .ka-t-d     { background: #F4FBF7; }
html body .akx-app .akx-content .ka-page .ka-table tbody .ka-t-y     { background: #FFF6F6; }
html body .akx-app .akx-content .ka-page .ka-table tbody .ka-t-b     { background: #F7F9FC; }
html body .akx-app .akx-content .ka-page .ka-table tbody .ka-t-net   { background: #F2FAF5; }
html body .akx-app .akx-content .ka-page .ka-table tbody .ka-t-hedef { background: #F4F7FF; }
html body .akx-app .akx-content .ka-page .ka-c-grow { width: 190px; }
html body .akx-app .akx-content .ka-page .ka-c-res { width: 150px; text-align: center; }
html body .akx-app .akx-content .ka-page .ka-c-grow .ka-result { display: flex; align-items: center; gap: 8px; }
html body .akx-app .akx-content .ka-page .ka-pill {
  display: inline-flex;
  flex: none;
  justify-content: center;
  min-width: 112px;
  height: 26px;
  padding: 0 10px;
}
html body .akx-app .akx-content .ka-page .ka-pill.is-vgood { background: #EAF7F0; color: #2F9E6A; }
html body .akx-app .akx-content .ka-page .ka-pill.is-good  { background: #EDF2FF; color: #3A63D6; }
html body .akx-app .akx-content .ka-page .ka-pill.is-mid   { background: #FFF1E6; color: #D9670F; }
html body .akx-app .akx-content .ka-page .ka-pill.is-low   { background: #FFEDEF; color: #D83A4A; }
html body .akx-app .akx-content .ka-page .ka-pill.is-none  { background: #F2F4F7; color: #98A2B3; }
html body .akx-app .akx-content .ka-page .ka-table tfoot td { background: #FFF8EF; border-top: 1px solid #F4E6D4; }
html body .akx-app .akx-content .ka-page .ka-icon-btn { color: #4F7DF3; }

/* ---- analiz kartlari ---- */
html body .akx-app .akx-content .ka-page .ka-bottom { grid-template-columns: minmax(0, 1.12fr) minmax(0, 1.12fr) minmax(0, .9fr); gap: 16px; }
html body .akx-app .akx-content .ka-page select.ka-count-sel { width: auto !important; min-width: 104px; margin-left: auto; }
html body .akx-app .akx-content .ka-page .ka-kpi { background: #FFFFFF; }

@media (max-width: 1280px) {
  html body .akx-app .akx-content .ka-page .ka-bottom { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html body .akx-app .akx-content .ka-page .ka-week-filter[class] { padding-left: 0 !important; border-left: 0 !important; }
}
@media (max-width: 760px) {
  html body .akx-app .akx-content .ka-page .ka-bottom { grid-template-columns: minmax(0, 1fr); }
  html body .akx-app .akx-content .ka-page .ka-field-lesson,
  html body .akx-app .akx-content .ka-page .ka-week-filter .lwf-field,
  html body .akx-app .akx-content .ka-page .ka-week-filter .ka-range,
  html body .akx-app .akx-content .ka-page .ka-refresh,
  html body .akx-app .akx-content .ka-page .ka-lesson-row .ka-btn { flex: 1 1 100%; }
  html body .akx-app .akx-content .ka-page .ka-search { width: 100%; }
  html body .akx-app .akx-content .ka-page .ka-head-actions > * { flex: 1 1 auto; }
}
@media (min-width: 761px) {
  html body .akx-app .akx-content .ka-page .ka-week-filter[class] { flex-wrap: nowrap; }
}
@media (max-width: 1500px) and (min-width: 761px) {
  html body .akx-app .akx-content .ka-page .ka-week-filter[class] { flex: 1 1 100%; padding-left: 0 !important; border-left: 0 !important; }
  html body .akx-app .akx-content .ka-page .ka-week-filter .ka-range { flex: 1 1 auto; min-width: 0; }
}
/* END KONU ANALIZI v3 */

/* =====================================================================
   KONU ANALIZI v4 (.ka-page) - konu islemleri tabloda (ogrenciye ozel):
   Manuel Konu Ekle paneli, satirda ad duzeltme ve kaldirma.
   ===================================================================== */
html body .akx-app .akx-content .ka-page .ka-hidden-form { display: none !important; }
html body .akx-app .akx-content .ka-page .ka-topic-panel[hidden] { display: none !important; }
html body .akx-app .akx-content .ka-page .ka-topic-panel {
  display: flex;
  align-items: center;
  gap: 8px;
  max-width: 640px;
  margin: 0 0 12px;
  padding: 10px;
  background: #F6F8FF;
  border: 1px solid #DCE5FB;
  border-radius: 10px;
}
html body .akx-app .akx-content .ka-page .ka-topic-panel .form-control {
  flex: 1 1 auto;
  height: 38px !important;
  border: 1px solid #D5DDE8 !important;
  border-radius: 9px !important;
  font-size: 13px !important;
  box-shadow: none !important;
}
html body .akx-app .akx-content .ka-page .ka-c-act { width: 118px; }
html body .akx-app .akx-content .ka-page .ka-acts { display: inline-flex; align-items: center; justify-content: center; gap: 4px; }
html body .akx-app .akx-content .ka-page .ka-acts .ka-icon-btn { width: 28px; height: 28px; border-radius: 7px; font-size: 12.5px; }
html body .akx-app .akx-content .ka-page .ka-acts .ka-icon-btn[hidden] { display: none !important; }
html body .akx-app .akx-content .ka-page .ka-acts .ka-rename { color: #667085; }
html body .akx-app .akx-content .ka-page .ka-acts .ka-rename-ok { color: #FFFFFF; background: #55B987; border-color: #55B987; }
html body .akx-app .akx-content .ka-page .ka-acts .ka-del { color: #E88590; }
html body .akx-app .akx-content .ka-page .ka-acts .ka-del:hover { background: #FFEDEF; border-color: #F6C9CF; color: #EF5261; }
html body .akx-app .akx-content .ka-page .ka-name-input {
  width: 100%;
  max-width: 260px;
  height: 32px;
  padding: 0 8px;
  background: #FFFFFF;
  border: 1px solid #9FB6EE;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 600;
  color: #17213C;
  outline: none;
}
html body .akx-app .akx-content .ka-page .ka-name-input:focus { border-color: #4F7DF3; box-shadow: 0 0 0 3px rgba(79,125,243,.14); }
html body .akx-app .akx-content .ka-page .ka-name-input[hidden],
html body .akx-app .akx-content .ka-page .ka-name-text[hidden] { display: none !important; }
@media (max-width: 760px) {
  html body .akx-app .akx-content .ka-page .ka-topic-panel { flex-wrap: wrap; }
  html body .akx-app .akx-content .ka-page .ka-topic-panel .form-control { flex-basis: 100%; }
}
/* END KONU ANALIZI v4 */

/* =====================================================================
   KONU ANALIZI v5 (.ka-page) - veri girisi hatirlatmasi (ders bazli),
   tablo basliginda hafta secici yok, hizalama cilasi.
   ===================================================================== */

/* ---- veri girisi hatirlatmasi ---- */
html body .akx-app .akx-content .ka-page .ka-alert {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 16px 18px;
  background: linear-gradient(90deg, #FFF4E8 0%, #FFFAF4 100%);
  border: 1px solid #F8CFA6;
  border-left: 4px solid #F47A20;
  border-radius: 14px;
  box-shadow: 0 3px 12px rgba(244,122,32,.08);
}
html body .akx-app .akx-content .ka-page .ka-alert-icon {
  position: relative;
  display: grid;
  place-items: center;
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #F47A20;
  color: #FFFFFF;
  font-size: 22px;
  font-weight: 800;
  box-shadow: 0 0 0 6px rgba(244,122,32,.14);
}
@media (prefers-reduced-motion: no-preference) {
  html body .akx-app .akx-content .ka-page .ka-alert-icon::after {
    content: "";
    position: absolute;
    inset: -6px;
    border-radius: 50%;
    border: 2px solid rgba(244,122,32,.35);
    animation: kaPulse 2.4s ease-out infinite;
  }
  @keyframes kaPulse { 0% { transform: scale(.9); opacity: 1; } 100% { transform: scale(1.35); opacity: 0; } }
}
html body .akx-app .akx-content .ka-page .ka-alert-body { flex: 1 1 auto; min-width: 0; }
html body .akx-app .akx-content .ka-page .ka-alert-head { display: flex; flex-direction: column; gap: 3px; margin-bottom: 10px; }
html body .akx-app .akx-content .ka-page .ka-alert-head strong { font-size: 15px; font-weight: 750; color: #9A3F06; }
html body .akx-app .akx-content .ka-page .ka-alert-head span { font-size: 13px; line-height: 1.45; color: #6B4A33; }
html body .akx-app .akx-content .ka-page .ka-alert-head b { color: #C2560B; }
html body .akx-app .akx-content .ka-page .ka-alert-list { display: flex; flex-direction: column; gap: 6px; margin: 0; padding: 0; list-style: none; }
html body .akx-app .akx-content .ka-page .ka-alert-list li {
  display: grid;
  grid-template-columns: minmax(120px, 170px) 96px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  padding: 7px 10px;
  background: rgba(255,255,255,.72);
  border: 1px solid #F6DEC5;
  border-radius: 10px;
}
html body .akx-app .akx-content .ka-page .ka-alert-list li[hidden] { display: none; }
html body .akx-app .akx-content .ka-page .ka-alert-list li.is-current { background: #FFFFFF; border-color: #F4A76A; box-shadow: 0 2px 8px rgba(244,122,32,.1); }
html body .akx-app .akx-content .ka-page .ka-alert-lesson {
  overflow: hidden;
  font-size: 12.5px;
  font-weight: 750;
  letter-spacing: .02em;
  color: #17213C;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
}
html body .akx-app .akx-content .ka-page .ka-alert-lesson:hover { color: #E0680F; text-decoration: underline; }
html body .akx-app .akx-content .ka-page .ka-alert-count {
  justify-self: start;
  padding: 3px 9px;
  background: #FFE8D4;
  border-radius: 999px;
  font-size: 11.5px;
  font-weight: 700;
  white-space: nowrap;
  color: #B4520C;
  font-variant-numeric: tabular-nums;
}
html body .akx-app .akx-content .ka-page .ka-alert-topics { display: flex; flex-wrap: wrap; gap: 5px; min-width: 0; }
html body .akx-app .akx-content .ka-page .ka-alert-chip,
html body .akx-app .akx-content .ka-page .ka-alert-more {
  padding: 2px 8px;
  background: #FFFFFF;
  border: 1px solid #EFE2D5;
  border-radius: 6px;
  font-size: 11.5px;
  white-space: nowrap;
  color: #5B4636;
}
html body .akx-app .akx-content .ka-page .ka-alert-more { font-weight: 700; color: #C2560B; border-style: dashed; cursor: help; }
html body .akx-app .akx-content .ka-page .ka-alert-toggle {
  margin-top: 8px;
  padding: 0;
  background: none;
  border: 0;
  font-size: 12.5px;
  font-weight: 700;
  color: #C2560B;
  cursor: pointer;
}
html body .akx-app .akx-content .ka-page .ka-alert-toggle:hover { text-decoration: underline; }

/* tabloda: son 3 haftada veri girilmemis konu */
html body .akx-app .akx-content .ka-page .ka-miss {
  display: inline-grid;
  place-items: center;
  margin-left: 6px;
  font-size: 13px;
  color: #F47A20;
  vertical-align: -1px;
  cursor: help;
}

/* ---- tablo basligi: hafta secici yok; eylemler hizali ---- */
html body .akx-app .akx-content .ka-page .ka-week-sel-hidden { display: none !important; }
html body .akx-app .akx-content .ka-page .ka-analysis-card .ka-card-head { align-items: center; padding-bottom: 14px; margin-bottom: 14px; border-bottom: 1px solid #EEF2F6; }
html body .akx-app .akx-content .ka-page .ka-head-actions .ka-btn,
html body .akx-app .akx-content .ka-page .ka-head-actions .ka-more { height: 38px; }
html body .akx-app .akx-content .ka-page .ka-head-title h3 { line-height: 1.25; }

/* ---- sutun hizalari: baslik ve hucre ayni ---- */
html body .akx-app .akx-content .ka-page .ka-table th,
html body .akx-app .akx-content .ka-page .ka-table td { vertical-align: middle; }
html body .akx-app .akx-content .ka-page .ka-table thead th.ka-c-num,
html body .akx-app .akx-content .ka-page .ka-table thead th.ka-c-no,
html body .akx-app .akx-content .ka-page .ka-table thead th.ka-c-res,
html body .akx-app .akx-content .ka-page .ka-table thead th.ka-c-act { text-align: center; }
html body .akx-app .akx-content .ka-page .ka-table thead th.ka-c-name,
html body .akx-app .akx-content .ka-page .ka-table thead th.ka-c-grow { text-align: left; }
html body .akx-app .akx-content .ka-page .ka-table td.ka-c-name { white-space: nowrap; }
html body .akx-app .akx-content .ka-page .ka-table td.ka-c-res { text-align: center; }
html body .akx-app .akx-content .ka-page .ka-table td.ka-c-act { text-align: center; }
html body .akx-app .akx-content .ka-page .ka-table tbody tr:last-child td { border-bottom: 0; }
html body .akx-app .akx-content .ka-page .ka-table-wrap { border-radius: 12px; }
html body .akx-app .akx-content .ka-page .ka-analysis-card.is-bulk .ka-table input.ka-in.is-active { width: 60px; height: 32px; }

@media (max-width: 760px) {
  html body .akx-app .akx-content .ka-page .ka-alert { flex-direction: column; }
  html body .akx-app .akx-content .ka-page .ka-alert-list li { grid-template-columns: minmax(0, 1fr) auto; }
  html body .akx-app .akx-content .ka-page .ka-alert-topics { grid-column: 1 / -1; }
}
/* END KONU ANALIZI v5 */

/* =====================================================================
   KONU ANALIZI v6 - Hafta Secimi yerine tek "Tarih Araligi" secimi;
   uyari ders baglantisi ilgili haftalari acar.
   ===================================================================== */
html body .akx-app .akx-content .ka-page .ka-range-select { position: relative; }
html body .akx-app .akx-content .ka-page .ka-range-select > i {
  position: absolute; left: 12px; top: 50%; transform: translateY(-50%);
  font-size: 14px; color: #667085; pointer-events: none; z-index: 2;
}
html body .akx-app .akx-content .ka-page .ka-range-select select.ka-select { width: 100%; padding-left: 36px !important; font-weight: 600; }
html body .akx-app .akx-content .ka-page .ka-week-filter .ka-range { flex: 0 0 250px; }
html body .akx-app .akx-content .ka-page .ka-alert-lesson { display: inline-flex; align-items: center; gap: 2px; }
html body .akx-app .akx-content .ka-page .ka-alert-lesson i { font-size: 16px; color: #F47A20; transition: transform .15s ease; }
html body .akx-app .akx-content .ka-page .ka-alert-lesson:hover i { transform: translateX(2px); }
@media (max-width: 1500px) and (min-width: 761px) {
  html body .akx-app .akx-content .ka-page .ka-week-filter .ka-range { flex: 1 1 auto; max-width: 340px; }
}
/* END KONU ANALIZI v6 */

/* =====================================================================
   KONU ANALIZI v7 - premium veri girisi hatirlatmasi (yalnizca bilgi),
   tarih araligi yaninda onceki / sonraki hafta oklari.
   ===================================================================== */
html body .akx-app .akx-content .ka-page .ka-alert {
  display: block;
  padding: 0;
  overflow: hidden;
  background: #FFFFFF;
  border: 1px solid #F1DDC9;
  border-left: 1px solid #F1DDC9;
  border-radius: 14px;
  box-shadow: 0 3px 14px rgba(160,82,20,.06);
}
html body .akx-app .akx-content .ka-page .ka-alert-top {
  position: relative;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 18px;
  background: linear-gradient(100deg, #FFF6EC 0%, #FFFBF6 55%, #FFFFFF 100%);
}
html body .akx-app .akx-content .ka-page .ka-alert-top::before {
  content: "";
  position: absolute;
  left: 0; top: 0; bottom: 0;
  width: 3px;
  background: linear-gradient(180deg, #F59A54 0%, #F47A20 100%);
}
html body .akx-app .akx-content .ka-page .ka-alert-icon {
  flex: 0 0 38px;
  width: 38px;
  height: 38px;
  background: linear-gradient(145deg, #F8A160 0%, #EE6F16 100%);
  font-size: 20px;
  box-shadow: 0 4px 12px rgba(238,111,22,.28), 0 0 0 5px rgba(244,122,32,.1);
}
html body .akx-app .akx-content .ka-page .ka-alert-title { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
html body .akx-app .akx-content .ka-page .ka-alert-title strong { font-size: 14.5px; font-weight: 750; letter-spacing: -.01em; color: #17213C; }
html body .akx-app .akx-content .ka-page .ka-alert-title span { font-size: 12.5px; line-height: 1.45; color: #6B7280; }
html body .akx-app .akx-content .ka-page .ka-alert-meta { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; justify-content: flex-end; }
html body .akx-app .akx-content .ka-page .ka-alert-pill {
  display: inline-flex; align-items: center; gap: 6px;
  height: 30px; padding: 0 11px;
  background: #FFFFFF; border: 1px solid #F1DDC9; border-radius: 999px;
  font-size: 12px; font-weight: 600; color: #8A4B1C; white-space: nowrap;
}
html body .akx-app .akx-content .ka-page .ka-alert-pill i { color: #F47A20; }
html body .akx-app .akx-content .ka-page .ka-alert-stat {
  display: inline-flex; align-items: baseline; gap: 4px;
  height: 30px; padding: 0 11px; line-height: 30px;
  background: #FFF1E4; border-radius: 999px;
  font-size: 12px; color: #9A4E17; white-space: nowrap;
}
html body .akx-app .akx-content .ka-page .ka-alert-stat b { font-size: 14px; font-weight: 800; color: #D9600C; font-variant-numeric: tabular-nums; }
html body .akx-app .akx-content .ka-page .ka-alert-collapse {
  display: grid; place-items: center;
  width: 30px; height: 30px; padding: 0;
  background: #FFFFFF; border: 1px solid #E8DCD0; border-radius: 8px;
  color: #6B7280; cursor: pointer;
}
html body .akx-app .akx-content .ka-page .ka-alert-collapse:hover { background: #FFF6EC; color: #D9600C; }
html body .akx-app .akx-content .ka-page .ka-alert-collapse i { transition: transform .2s ease; }
html body .akx-app .akx-content .ka-page .ka-alert.is-collapsed .ka-alert-collapse i { transform: rotate(180deg); }

html body .akx-app .akx-content .ka-page .ka-alert-body { padding: 14px 18px 16px; border-top: 1px solid #F5E8DC; }
html body .akx-app .akx-content .ka-page .ka-alert-body[hidden] { display: none; }
html body .akx-app .akx-content .ka-page .ka-alert-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
html body .akx-app .akx-content .ka-page .ka-alert-item {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
  padding: 11px 12px;
  background: #FFFFFF;
  border: 1px solid #ECEFF4;
  border-radius: 11px;
  transition: border-color .15s ease, box-shadow .15s ease;
}
html body .akx-app .akx-content .ka-page .ka-alert-item[hidden] { display: none; }
html body .akx-app .akx-content .ka-page .ka-alert-item:hover { border-color: #F1D3B6; box-shadow: 0 4px 12px rgba(22,34,60,.05); }
html body .akx-app .akx-content .ka-page .ka-alert-item.is-current { border-color: #F4B07C; background: linear-gradient(180deg, #FFFBF7 0%, #FFFFFF 100%); }
html body .akx-app .akx-content .ka-page .ka-alert-item-head { display: flex; align-items: center; gap: 8px; min-width: 0; }
html body .akx-app .akx-content .ka-page .ka-alert-lesson {
  flex: 1 1 auto; min-width: 0;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  font-size: 12.5px; font-weight: 750; letter-spacing: .03em; color: #17213C;
}
html body .akx-app .akx-content .ka-page .ka-alert-now {
  flex: none; padding: 2px 7px; border-radius: 999px;
  background: #FFF1E4; font-size: 10.5px; font-weight: 700; color: #D9600C;
}
html body .akx-app .akx-content .ka-page .ka-alert-count {
  flex: none; padding: 0; background: none;
  font-size: 15px; font-weight: 800; color: #D9600C; font-variant-numeric: tabular-nums;
}
html body .akx-app .akx-content .ka-page .ka-alert-count small { font-size: 11.5px; font-weight: 600; color: #98A2B3; }
html body .akx-app .akx-content .ka-page .ka-alert-bar { height: 4px; overflow: hidden; background: #F2F4F7; border-radius: 999px; }
html body .akx-app .akx-content .ka-page .ka-alert-bar i { display: block; height: 100%; border-radius: 999px; background: linear-gradient(90deg, #F8A160 0%, #EE6F16 100%); }
html body .akx-app .akx-content .ka-page .ka-alert-topics { display: flex; flex-wrap: wrap; gap: 5px; min-width: 0; }
html body .akx-app .akx-content .ka-page .ka-alert-chip {
  max-width: 100%;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  padding: 2px 8px;
  background: #F7F8FA; border: 1px solid #EEF0F4; border-radius: 6px;
  font-size: 11.5px; color: #475467;
}
html body .akx-app .akx-content .ka-page .ka-alert-more {
  padding: 2px 8px; background: #FFF1E4; border: 0; border-radius: 6px;
  font-size: 11.5px; font-weight: 700; color: #C2560B; cursor: help;
}
html body .akx-app .akx-content .ka-page .ka-alert-toggle { margin-top: 10px; }

/* ---- tarih araligi: onceki / sonraki hafta oklari ---- */
html body .akx-app .akx-content .ka-page .ka-range-nav { display: flex; align-items: center; gap: 6px; }
html body .akx-app .akx-content .ka-page .ka-range-nav .ka-range-select { flex: 1 1 auto; min-width: 0; }
html body .akx-app .akx-content .ka-page .ka-nav-btn {
  display: grid; place-items: center;
  flex: 0 0 38px; width: 38px; height: 38px; padding: 0;
  background: #FFFFFF; border: 1px solid #D5DDE8; border-radius: 9px;
  font-size: 14px; color: #17213C; cursor: pointer;
  transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}
html body .akx-app .akx-content .ka-page .ka-nav-btn:hover:not(:disabled) { background: #F2F6FF; border-color: #4F7DF3; color: #3A63D6; }
html body .akx-app .akx-content .ka-page .ka-nav-btn:disabled { opacity: .4; cursor: not-allowed; }
html body .akx-app .akx-content .ka-page .ka-week-filter .ka-range { flex: 0 0 340px; }

@media (max-width: 1280px) {
  html body .akx-app .akx-content .ka-page .ka-alert-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  html body .akx-app .akx-content .ka-page .ka-alert-top { flex-wrap: wrap; }
  html body .akx-app .akx-content .ka-page .ka-alert-meta { flex: 1 1 100%; justify-content: flex-start; }
  html body .akx-app .akx-content .ka-page .ka-alert-grid { grid-template-columns: minmax(0, 1fr); }
  html body .akx-app .akx-content .ka-page .ka-week-filter .ka-range { flex: 1 1 100%; }
}
/* END KONU ANALIZI v7 */

/* =====================================================================
   KONU ANALIZI v8 - veri girisi hatirlatmasi: tek satirlik sade serit
   (ders etiketleri + acilir konu listesi).
   ===================================================================== */
html body .akx-app .akx-content .ka-page .ka-note-bar {
  padding: 0;
  overflow: hidden;
  background: #FFFFFF;
  border: 1px solid #EFE0D0;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(22,34,60,.04);
}
html body .akx-app .akx-content .ka-page .ka-note-row {
  position: relative;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 11px 16px 11px 18px;
}
html body .akx-app .akx-content .ka-page .ka-note-row::before {
  content: "";
  position: absolute;
  left: 0; top: 0; bottom: 0;
  width: 3px;
  background: #F47A20;
}
html body .akx-app .akx-content .ka-page .ka-note-icon {
  display: grid;
  place-items: center;
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #FFF1E4;
  color: #E0680F;
  font-size: 17px;
  font-weight: 800;
}
html body .akx-app .akx-content .ka-page .ka-note-text { flex: 0 0 auto; display: flex; flex-direction: column; gap: 1px; }
html body .akx-app .akx-content .ka-page .ka-note-text strong { font-size: 13px; font-weight: 700; color: #17213C; white-space: nowrap; }
html body .akx-app .akx-content .ka-page .ka-note-text span { font-size: 11.5px; color: #8A94A6; white-space: nowrap; font-variant-numeric: tabular-nums; }
html body .akx-app .akx-content .ka-page .ka-note-tags {
  flex: 1 1 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  min-width: 0;
  padding-left: 14px;
  border-left: 1px solid #EEF0F4;
}
html body .akx-app .akx-content .ka-page .ka-note-tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 26px;
  padding: 0 4px 0 10px;
  background: #F7F8FA;
  border: 1px solid #EDEFF3;
  border-radius: 999px;
  font-size: 11.5px;
  font-weight: 650;
  letter-spacing: .02em;
  white-space: nowrap;
  color: #475467;
  cursor: help;
}
html body .akx-app .akx-content .ka-page .ka-note-tag b {
  display: inline-grid;
  place-items: center;
  min-width: 20px;
  height: 20px;
  padding: 0 5px;
  background: #FFECDB;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 800;
  color: #D9600C;
  font-variant-numeric: tabular-nums;
}
html body .akx-app .akx-content .ka-page .ka-note-tag.is-current { background: #FFF6EE; border-color: #F6D5B6; color: #17213C; }
html body .akx-app .akx-content .ka-page .ka-note-toggle {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  flex: none;
  height: 30px;
  padding: 0 11px;
  background: #FFFFFF;
  border: 1px solid #E3E8F0;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 600;
  color: #475467;
  cursor: pointer;
  transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}
html body .akx-app .akx-content .ka-page .ka-note-toggle:hover { background: #FFF6EE; border-color: #F6D5B6; color: #D9600C; }
html body .akx-app .akx-content .ka-page .ka-note-toggle i { font-size: 12px; transition: transform .2s ease; }
html body .akx-app .akx-content .ka-page .ka-note-toggle.is-open i { transform: rotate(180deg); }

html body .akx-app .akx-content .ka-page .ka-note-body {
  display: flex;
  flex-direction: column;
  gap: 1px;
  padding: 4px 16px 12px 18px;
  border-top: 1px solid #F3F5F8;
}
html body .akx-app .akx-content .ka-page .ka-note-body[hidden] { display: none; }
html body .akx-app .akx-content .ka-page .ka-note-line {
  display: grid;
  grid-template-columns: minmax(130px, 190px) minmax(0, 1fr);
  gap: 14px;
  align-items: baseline;
  padding: 7px 0;
  border-bottom: 1px solid #F5F7FA;
}
html body .akx-app .akx-content .ka-page .ka-note-line:last-child { border-bottom: 0; }
html body .akx-app .akx-content .ka-page .ka-note-lesson {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .02em;
  color: #17213C;
}
html body .akx-app .akx-content .ka-page .ka-note-lesson small { margin-left: 5px; font-size: 11px; font-weight: 600; color: #D9600C; font-variant-numeric: tabular-nums; }
html body .akx-app .akx-content .ka-page .ka-note-topics { font-size: 12px; line-height: 1.6; color: #667085; }
html body .akx-app .akx-content .ka-page .ka-note-line.is-current .ka-note-lesson { color: #D9600C; }

@media (max-width: 1100px) {
  html body .akx-app .akx-content .ka-page .ka-note-row { flex-wrap: wrap; }
  html body .akx-app .akx-content .ka-page .ka-note-tags { flex: 1 1 100%; padding-left: 0; border-left: 0; }
}
@media (max-width: 760px) {
  html body .akx-app .akx-content .ka-page .ka-note-line { grid-template-columns: minmax(0, 1fr); gap: 2px; }
}
html body .akx-app .akx-content .ka-page .ka-note-tag-rest { padding: 0 10px; background: #FFF6EE; border-color: #F6D5B6; color: #D9600C; font-weight: 700; }
/* END KONU ANALIZI v8 */

/* =====================================================================
   OGRENCI MODUL SEKMELERI v1 — yalnizca gorunum (.student-module-tabs)
   Tek satir, kompakt, kurumsal: beyaz kapsayici + koyu aktif sekme.
   Baglantilar, route'lar ve sinif adlari degismedi.
   ===================================================================== */
html body .akx-app .akx-content .student-module-page .student-module-header .student-module-tabs,
html body .akx-app.akx-student .akx-content .student-module-page .student-module-header .student-module-tabs {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 3px !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 6px !important;
  background: #FFFFFF !important;
  background-image: none !important;
  border: 1px solid #E2E8F0 !important;
  border-radius: 12px !important;
  box-shadow: 0 2px 8px rgba(22,34,60,.035) !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  white-space: nowrap !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}
/* serit yuksekligi sabit kalsin: kaydirma cubugu gizli, kaydirma calisir */
html body .akx-app .akx-content .student-module-page .student-module-header .student-module-tabs::-webkit-scrollbar,
html body .akx-app.akx-student .akx-content .student-module-page .student-module-header .student-module-tabs::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}
html body .akx-app .akx-content .student-module-page .student-module-header .student-module-tabs::-webkit-scrollbar-track,
html body .akx-app.akx-student .akx-content .student-module-page .student-module-header .student-module-tabs::-webkit-scrollbar-track {
  background: transparent !important;
}
html body .akx-app .akx-content .student-module-page .student-module-header .student-module-tabs::-webkit-scrollbar-thumb,
html body .akx-app.akx-student .akx-content .student-module-page .student-module-header .student-module-tabs::-webkit-scrollbar-thumb {
  background: #E4EAF1 !important;
  border-radius: 999px !important;
}

/* pasif sekme */
html body .akx-app .akx-content .student-module-page .student-module-header .student-module-tabs a,
html body .akx-app.akx-student .akx-content .student-module-page .student-module-header .student-module-tabs a {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  flex: 0 0 auto !important;
  height: 38px !important;
  min-height: 38px !important;
  margin: 0 !important;
  padding: 9px 14px !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  text-decoration: none !important;
  text-transform: none !important;
  color: #526574 !important;
  -webkit-text-fill-color: #526574 !important;
  transform: none !important;
  transition: background-color .18s ease, color .18s ease !important;
}
/* eski alt cizgi / nokta suslemeleri */
html body .akx-app .akx-content .student-module-page .student-module-header .student-module-tabs a::after,
html body .akx-app.akx-student .akx-content .student-module-page .student-module-header .student-module-tabs a::after,
html body .akx-app .akx-content .student-module-page .student-module-header .student-module-tabs a::before,
html body .akx-app.akx-student .akx-content .student-module-page .student-module-header .student-module-tabs a::before {
  display: none !important;
  content: none !important;
}
html body .akx-app .akx-content .student-module-page .student-module-header .student-module-tabs a:hover,
html body .akx-app.akx-student .akx-content .student-module-page .student-module-header .student-module-tabs a:hover {
  background: #F1F5F7 !important;
  border: 0 !important;
  box-shadow: none !important;
  transform: none !important;
  color: #294968 !important;
  -webkit-text-fill-color: #294968 !important;
}
html body .akx-app .akx-content .student-module-page .student-module-header .student-module-tabs a:focus-visible,
html body .akx-app.akx-student .akx-content .student-module-page .student-module-header .student-module-tabs a:focus-visible {
  outline: 2px solid #294968 !important;
  outline-offset: -2px !important;
}

/* aktif sekme */
html body .akx-app .akx-content .student-module-page .student-module-header .student-module-tabs a.active,
html body .akx-app.akx-student .akx-content .student-module-page .student-module-header .student-module-tabs a.active,
html body .akx-app .akx-content .student-module-page .student-module-header .student-module-tabs a.active:hover,
html body .akx-app.akx-student .akx-content .student-module-page .student-module-header .student-module-tabs a.active:hover {
  padding: 9px 15px !important;
  background: #294968 !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 8px !important;
  box-shadow: 0 2px 6px rgba(30,58,90,.12) !important;
  font-weight: 600 !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  transform: none !important;
}
/* END OGRENCI MODUL SEKMELERI v1 */

/* =====================================================================
   OGRENCI MODUL SEKMELERI v2 — sekme ikonlari + saydam geri baglantisi
   ===================================================================== */
html body .akx-app .akx-content .student-module-page .student-module-header.student-module-header .student-module-tabs.student-module-tabs a,
html body .akx-app.akx-student .akx-content .student-module-page .student-module-header.student-module-header .student-module-tabs.student-module-tabs a {
  gap: 7px !important;
}
html body .akx-app .akx-content .student-module-page .student-module-header.student-module-header .student-module-tabs.student-module-tabs a > i,
html body .akx-app.akx-student .akx-content .student-module-page .student-module-header.student-module-header .student-module-tabs.student-module-tabs a > i {
  display: inline-flex !important;
  align-items: center !important;
  font-size: 15px !important;
  line-height: 1 !important;
  color: #8494A6 !important;
  -webkit-text-fill-color: #8494A6 !important;
  transition: color .18s ease !important;
}
html body .akx-app .akx-content .student-module-page .student-module-header.student-module-header .student-module-tabs.student-module-tabs a > span,
html body .akx-app.akx-student .akx-content .student-module-page .student-module-header.student-module-header .student-module-tabs.student-module-tabs a > span {
  display: inline-block !important;
  line-height: 1 !important;
}
html body .akx-app .akx-content .student-module-page .student-module-header.student-module-header .student-module-tabs.student-module-tabs a:hover > i,
html body .akx-app.akx-student .akx-content .student-module-page .student-module-header.student-module-header .student-module-tabs.student-module-tabs a:hover > i {
  color: #294968 !important;
  -webkit-text-fill-color: #294968 !important;
}
html body .akx-app .akx-content .student-module-page .student-module-header.student-module-header .student-module-tabs.student-module-tabs a.active > i,
html body .akx-app.akx-student .akx-content .student-module-page .student-module-header.student-module-header .student-module-tabs.student-module-tabs a.active > i,
html body .akx-app .akx-content .student-module-page .student-module-header.student-module-header .student-module-tabs.student-module-tabs a.active:hover > i,
html body .akx-app.akx-student .akx-content .student-module-page .student-module-header.student-module-header .student-module-tabs.student-module-tabs a.active:hover > i {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

/* ---- "Öğrenci profiline dön": saydam, ince, sakin ---- */
html body .akx-app .akx-content .student-module-page .student-module-header.student-module-header .student-back-link.student-back-link,
html body .akx-app.akx-student .akx-content .student-module-page .student-module-header.student-module-header .student-back-link.student-back-link {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  height: 30px !important;
  min-height: 0 !important;
  margin: 0 0 8px 2px !important;
  padding: 0 10px 0 8px !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  font-size: 12.5px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  text-decoration: none !important;
  text-transform: none !important;
  color: #8494A6 !important;
  -webkit-text-fill-color: #8494A6 !important;
  transform: none !important;
  transition: background-color .18s ease, color .18s ease !important;
}
html body .akx-app .akx-content .student-module-page .student-module-header.student-module-header .student-back-link.student-back-link > i,
html body .akx-app.akx-student .akx-content .student-module-page .student-module-header.student-module-header .student-back-link.student-back-link > i {
  font-size: 14px !important;
  line-height: 1 !important;
  transition: transform .18s ease !important;
}
html body .akx-app .akx-content .student-module-page .student-module-header.student-module-header .student-back-link.student-back-link:hover,
html body .akx-app.akx-student .akx-content .student-module-page .student-module-header.student-module-header .student-back-link.student-back-link:hover {
  background: #F1F5F7 !important;
  color: #294968 !important;
  -webkit-text-fill-color: #294968 !important;
}
html body .akx-app .akx-content .student-module-page .student-module-header.student-module-header .student-back-link.student-back-link:hover > i,
html body .akx-app.akx-student .akx-content .student-module-page .student-module-header.student-module-header .student-back-link.student-back-link:hover > i {
  transform: translateX(-2px) !important;
}
html body .akx-app .akx-content .student-module-page .student-module-header.student-module-header .student-back-link.student-back-link::after,
html body .akx-app.akx-student .akx-content .student-module-page .student-module-header.student-module-header .student-back-link.student-back-link::after,
html body .akx-app .akx-content .student-module-page .student-module-header.student-module-header .student-back-link.student-back-link::before,
html body .akx-app.akx-student .akx-content .student-module-page .student-module-header.student-module-header .student-back-link.student-back-link::before {
  display: none !important;
  content: none !important;
}
/* END OGRENCI MODUL SEKMELERI v2 */

/* sekmeler ikonlarla birlikte tek satirda kalsin: biraz daha kompakt */
html body .akx-app .akx-content .student-module-page .student-module-header.student-module-header .student-module-tabs.student-module-tabs a {
  gap: 6px !important;
  padding: 9px 11px !important;
  font-size: 12.5px !important;
}
html body .akx-app .akx-content .student-module-page .student-module-header.student-module-header .student-module-tabs.student-module-tabs a.active {
  padding: 9px 13px !important;
}
html body .akx-app .akx-content .student-module-page .student-module-header.student-module-header .student-module-tabs.student-module-tabs a > i {
  font-size: 14.5px !important;
}
/* END OGRENCI MODUL SEKMELERI v2b */

/* =====================================================================
   OGRENCI MODUL SEKMELERI v3 — referans panel:
   buz mavisi/beyaz gradient dis panel + beyaz sekme bari + lacivert aktif.
   Yalnizca gorunum; baglantilar, route'lar ve isaretleme ayni.
   ===================================================================== */
html body .akx-app .akx-content .student-module-page .student-module-header.student-module-header,
html body .akx-app.akx-student .akx-content .student-module-page .student-module-header.student-module-header {
  position: relative !important;
  display: block !important;
  overflow: hidden !important;
  margin: 0 0 16px 0 !important;
  padding: 14px 16px 16px !important;
  background: linear-gradient(135deg, #F2F7FA 0%, #F8FAFC 52%, #FFFFFF 100%) !important;
  background-image: linear-gradient(135deg, #F2F7FA 0%, #F8FAFC 52%, #FFFFFF 100%) !important;
  border: 1px solid #D5E2EB !important;
  border-radius: 16px !important;
  box-shadow: 0 4px 16px rgba(31,59,86,.035) !important;
}
/* sag ust silik isik — yazilarin arkasinda kalir */
html body .akx-app .akx-content .student-module-page .student-module-header.student-module-header::before,
html body .akx-app.akx-student .akx-content .student-module-page .student-module-header.student-module-header::before {
  content: "" !important;
  position: absolute !important;
  top: -120px !important;
  right: -80px !important;
  width: 340px !important;
  height: 280px !important;
  border-radius: 50% !important;
  background: radial-gradient(circle, rgba(207,226,242,.40) 0%, rgba(230,240,248,.15) 45%, transparent 72%) !important;
  pointer-events: none !important;
  z-index: 0 !important;
}
html body .akx-app .akx-content .student-module-page .student-module-header.student-module-header::after,
html body .akx-app.akx-student .akx-content .student-module-page .student-module-header.student-module-header::after {
  content: none !important;
  display: none !important;
}
html body .akx-app .akx-content .student-module-page .student-module-header.student-module-header > *,
html body .akx-app.akx-student .akx-content .student-module-page .student-module-header.student-module-header > * {
  position: relative !important;
  z-index: 1 !important;
}
/* geri baglantisi ile sekme bari arasi 12-14px */
html body .akx-app .akx-content .student-module-page .student-module-header.student-module-header > div:first-child,
html body .akx-app.akx-student .akx-content .student-module-page .student-module-header.student-module-header > div:first-child {
  margin: 0 0 13px 0 !important;
  padding: 0 !important;
  background: none !important;
  border: 0 !important;
}

/* ---- Öğrenci profiline dön: soft pill ---- */
html body .akx-app .akx-content .student-module-page .student-module-header.student-module-header .student-back-link.student-back-link,
html body .akx-app.akx-student .akx-content .student-module-page .student-module-header.student-module-header .student-back-link.student-back-link {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  height: 34px !important;
  margin: 0 !important;
  padding: 0 13px !important;
  background: rgba(255,255,255,.78) !important;
  background-image: none !important;
  border: 1px solid #E0E8EF !important;
  border-radius: 10px !important;
  box-shadow: 0 2px 7px rgba(31,59,86,.035) !important;
  font-size: 12.5px !important;
  font-weight: 500 !important;
  color: #35536D !important;
  -webkit-text-fill-color: #35536D !important;
}
html body .akx-app .akx-content .student-module-page .student-module-header.student-module-header .student-back-link.student-back-link > i,
html body .akx-app.akx-student .akx-content .student-module-page .student-module-header.student-module-header .student-back-link.student-back-link > i {
  font-size: 14px !important;
  color: #6F879E !important;
  -webkit-text-fill-color: #6F879E !important;
}
html body .akx-app .akx-content .student-module-page .student-module-header.student-module-header .student-back-link.student-back-link:hover,
html body .akx-app.akx-student .akx-content .student-module-page .student-module-header.student-module-header .student-back-link.student-back-link:hover {
  background: #FFFFFF !important;
  border-color: #CFDCE6 !important;
  color: #294968 !important;
  -webkit-text-fill-color: #294968 !important;
}
html body .akx-app .akx-content .student-module-page .student-module-header.student-module-header .student-back-link.student-back-link:hover > i,
html body .akx-app.akx-student .akx-content .student-module-page .student-module-header.student-module-header .student-back-link.student-back-link:hover > i {
  color: #294968 !important;
  -webkit-text-fill-color: #294968 !important;
}

/* ---- ic sekme bari ---- */
html body .akx-app .akx-content .student-module-page .student-module-header.student-module-header .student-module-tabs.student-module-tabs,
html body .akx-app.akx-student .akx-content .student-module-page .student-module-header.student-module-header .student-module-tabs.student-module-tabs {
  min-height: 50px !important;
  padding: 6px 7px !important;
  background: rgba(255,255,255,.94) !important;
  background-image: none !important;
  border: 1px solid #E1E8EF !important;
  border-radius: 12px !important;
  box-shadow: 0 3px 10px rgba(31,59,86,.045) !important;
}
html body .akx-app .akx-content .student-module-page .student-module-header.student-module-header .student-module-tabs.student-module-tabs a,
html body .akx-app.akx-student .akx-content .student-module-page .student-module-header.student-module-header .student-module-tabs.student-module-tabs a {
  gap: 7px !important;
  height: 38px !important;
  padding: 9px 13px !important;
  border-radius: 8px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #526574 !important;
  -webkit-text-fill-color: #526574 !important;
}
html body .akx-app .akx-content .student-module-page .student-module-header.student-module-header .student-module-tabs.student-module-tabs a > i,
html body .akx-app.akx-student .akx-content .student-module-page .student-module-header.student-module-header .student-module-tabs.student-module-tabs a > i {
  font-size: 16px !important;
  color: #6F879E !important;
  -webkit-text-fill-color: #6F879E !important;
}
html body .akx-app .akx-content .student-module-page .student-module-header.student-module-header .student-module-tabs.student-module-tabs a:hover,
html body .akx-app.akx-student .akx-content .student-module-page .student-module-header.student-module-header .student-module-tabs.student-module-tabs a:hover {
  background: #F2F6F9 !important;
  color: #294968 !important;
  -webkit-text-fill-color: #294968 !important;
}
html body .akx-app .akx-content .student-module-page .student-module-header.student-module-header .student-module-tabs.student-module-tabs a:hover > i,
html body .akx-app.akx-student .akx-content .student-module-page .student-module-header.student-module-header .student-module-tabs.student-module-tabs a:hover > i {
  color: #294968 !important;
  -webkit-text-fill-color: #294968 !important;
}
/* aktif sekme */
html body .akx-app .akx-content .student-module-page .student-module-header.student-module-header .student-module-tabs.student-module-tabs a.active,
html body .akx-app.akx-student .akx-content .student-module-page .student-module-header.student-module-header .student-module-tabs.student-module-tabs a.active,
html body .akx-app .akx-content .student-module-page .student-module-header.student-module-header .student-module-tabs.student-module-tabs a.active:hover,
html body .akx-app.akx-student .akx-content .student-module-page .student-module-header.student-module-header .student-module-tabs.student-module-tabs a.active:hover {
  height: 38px !important;
  padding: 0 15px !important;
  background: linear-gradient(135deg, #294968 0%, #365D7C 100%) !important;
  background-image: linear-gradient(135deg, #294968 0%, #365D7C 100%) !important;
  border-radius: 9px !important;
  box-shadow: 0 3px 8px rgba(41,73,104,.16) !important;
  font-weight: 600 !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}
html body .akx-app .akx-content .student-module-page .student-module-header.student-module-header .student-module-tabs.student-module-tabs a.active > i,
html body .akx-app.akx-student .akx-content .student-module-page .student-module-header.student-module-header .student-module-tabs.student-module-tabs a.active > i,
html body .akx-app .akx-content .student-module-page .student-module-header.student-module-header .student-module-tabs.student-module-tabs a.active:hover > i,
html body .akx-app.akx-student .akx-content .student-module-page .student-module-header.student-module-header .student-module-tabs.student-module-tabs a.active:hover > i {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}
/* END OGRENCI MODUL SEKMELERI v3 */

/* =====================================================================
   DENEME SINAVLARI v1 (.ex-page) — baslik + 4 ozet kart, premium liste,
   tek analiz karti (dikey cubuk / cizgi / daire / yatay cubuk).
   Yalnizca gorunum; route, form ve JS islevleri ayni.
   ===================================================================== */
html body .akx-app .akx-content:has(.ex-page) { background: #F7F9FC !important; background-image: none !important; }
html body .akx-app .akx-content .student-module-page.ex-page {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  width: calc(100% - 40px) !important;
  max-width: 1500px !important;
  margin: 0 auto !important;
  padding: 16px 0 32px !important;
  color: #172A55;
}
html body .akx-app .akx-content .ex-page > * { min-width: 0; margin: 0 !important; }
html body .akx-app .akx-content .ex-page .tone-blue   { background: #EDF2FF; color: #4F7DF3; }
html body .akx-app .akx-content .ex-page .tone-green  { background: #EAF7F0; color: #2F9E6A; }
html body .akx-app .akx-content .ex-page .tone-orange { background: #FFF3E6; color: #E08422; }
html body .akx-app .akx-content .ex-page .tone-purple { background: #F1EDFF; color: #7657F5; }

/* ---- baslik + ozet kartlar ---- */
html body .akx-app .akx-content .ex-page .ex-top {
  display: grid;
  grid-template-columns: minmax(230px, 300px) minmax(0, 1fr);
  gap: 14px;
  align-items: stretch;
}
html body .akx-app .akx-content .ex-page .ex-title {
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 14px 16px;
  background: #FFFFFF;
  border: 1px solid #E1E7EF;
  border-radius: 12px;
  box-shadow: 0 3px 12px rgba(22,34,60,.035);
}
html body .akx-app .akx-content .ex-page .ex-title-icon {
  display: grid;
  place-items: center;
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  border-radius: 11px;
  background: #EAF7F0;
  color: #2F9E6A;
  font-size: 18px;
}
html body .akx-app .akx-content .ex-page .ex-title h2 {
  margin: 0 !important;
  font-size: 17px !important;
  font-weight: 750 !important;
  letter-spacing: -.01em;
  color: #172A55 !important;
}
html body .akx-app .akx-content .ex-page .ex-title p { margin: 3px 0 0 !important; font-size: 12px; line-height: 1.4; color: #667085; }

html body .akx-app .akx-content .ex-page .ex-kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}
html body .akx-app .akx-content .ex-page .ex-kpi {
  display: flex;
  align-items: center;
  gap: 11px;
  min-width: 0;
  padding: 12px 14px;
  background: #FFFFFF;
  border: 1px solid #E1E7EF;
  border-radius: 12px;
  box-shadow: 0 3px 12px rgba(22,34,60,.035);
}
html body .akx-app .akx-content .ex-page .ex-kpi > div { min-width: 0; }
html body .akx-app .akx-content .ex-page .ex-kpi-icon {
  display: grid;
  place-items: center;
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  border-radius: 11px;
  font-size: 17px;
}
html body .akx-app .akx-content .ex-page .ex-kpi small { display: block; font-size: 11.5px; font-weight: 600; color: #667085; }
html body .akx-app .akx-content .ex-page .ex-kpi b {
  display: block;
  margin-top: 1px;
  font-size: 21px;
  font-weight: 750;
  line-height: 1.15;
  color: #172A55;
  font-variant-numeric: tabular-nums;
}
html body .akx-app .akx-content .ex-page .ex-kpi em {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
  font-style: normal;
  color: #94A3B8;
}

/* ---- kartlar ---- */
html body .akx-app .akx-content .ex-page .ex-card {
  padding: 16px 18px;
  background: #FFFFFF;
  border: 1px solid #E1E7EF;
  border-radius: 14px;
  box-shadow: 0 3px 12px rgba(22,34,60,.04);
}
html body .akx-app .akx-content .ex-page .ex-card-head {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 14px;
  padding-bottom: 13px;
  border-bottom: 1px solid #EEF2F6;
}
html body .akx-app .akx-content .ex-page .ex-head-icon {
  display: grid;
  place-items: center;
  flex: 0 0 36px;
  width: 36px;
  height: 36px;
  border-radius: 10px;
  font-size: 16px;
}
html body .akx-app .akx-content .ex-page .ex-head-title { flex: 1 1 auto; min-width: 0; }
html body .akx-app .akx-content .ex-page .ex-head-title h3 { margin: 0 !important; font-size: 15.5px !important; font-weight: 700 !important; color: #172A55 !important; }
html body .akx-app .akx-content .ex-page .ex-head-title span { display: block; margin-top: 2px; font-size: 12px; color: #667085; }

html body .akx-app .akx-content .ex-page .ex-btn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  height: 38px;
  padding: 0 15px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 600;
  white-space: nowrap;
  text-decoration: none;
  cursor: pointer;
}
html body .akx-app .akx-content .ex-page .ex-btn-primary {
  background: #3F73E8;
  border: 1px solid #3F73E8;
  color: #FFFFFF;
  box-shadow: 0 3px 10px rgba(63,115,232,.18);
}
html body .akx-app .akx-content .ex-page .ex-btn-primary:hover { background: #3566D6; border-color: #3566D6; color: #FFFFFF; }

/* ---- liste tablosu ---- */
html body .akx-app .akx-content .ex-page .ex-table-wrap { overflow-x: auto; border: 1px solid #EDF1F6; border-radius: 10px; }
html body .akx-app .akx-content .ex-page .ex-table {
  width: 100%;
  min-width: 880px;
  margin: 0;
  border-collapse: collapse;
  font-size: 13px;
  font-variant-numeric: tabular-nums;
}
html body .akx-app .akx-content .ex-page .ex-table thead th {
  height: 40px;
  padding: 0 12px;
  background: #F7F9FC;
  border-bottom: 1px solid #E8EDF3;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .03em;
  text-transform: uppercase;
  white-space: nowrap;
  color: #53657A;
}
html body .akx-app .akx-content .ex-page .ex-table tbody td {
  height: 46px;
  padding: 6px 12px;
  border-bottom: 1px solid #E8EDF3;
  vertical-align: middle;
  color: #172A55;
}
html body .akx-app .akx-content .ex-page .ex-table tbody tr:last-child td { border-bottom: 0; }
html body .akx-app .akx-content .ex-page .ex-table tbody tr:hover td { background: #FAFBFE; cursor: pointer; }
html body .akx-app .akx-content .ex-page .ex-c-no { width: 46px; text-align: center; color: #94A3B8; }
html body .akx-app .akx-content .ex-page .ex-c-name { min-width: 190px; }
html body .akx-app .akx-content .ex-page .ex-c-date { width: 120px; white-space: nowrap; color: #53657A; }
html body .akx-app .akx-content .ex-page .ex-c-num { width: 116px; text-align: center; }
html body .akx-app .akx-content .ex-page .ex-c-state { width: 150px; text-align: center; }
html body .akx-app .akx-content .ex-page .ex-c-act { width: 130px; text-align: center; }
html body .akx-app .akx-content .ex-page thead .ex-c-name { text-align: left; }
html body .akx-app .akx-content .ex-page .ex-name { font-weight: 600; }
html body .akx-app .akx-content .ex-page .ex-type {
  display: inline-block;
  margin-left: 8px;
  padding: 1px 7px;
  background: #F2F5F9;
  border-radius: 999px;
  font-size: 10.5px;
  font-weight: 600;
  color: #6B7A90;
}
html body .akx-app .akx-content .ex-page td.ex-net { background: #F5F8FF; font-weight: 700; }
html body .akx-app .akx-content .ex-page .ex-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 56px;
  height: 25px;
  padding: 0 9px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
}
html body .akx-app .akx-content .ex-page .ex-badge.is-good { background: #EAF7F0; color: #2F9E6A; }
html body .akx-app .akx-content .ex-page .ex-badge.is-mid  { background: #FFF3E6; color: #D9770A; }
html body .akx-app .akx-content .ex-page .ex-badge.is-low  { background: #FEEEF0; color: #D6455C; }
html body .akx-app .akx-content .ex-page .ex-badge.is-none { background: #F2F4F7; color: #98A2B3; }
html body .akx-app .akx-content .ex-page .ex-state {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 26px;
  padding: 0 11px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
}
html body .akx-app .akx-content .ex-page .ex-state i { font-size: 7px; }
html body .akx-app .akx-content .ex-page .ex-state.is-done { background: #EAF7F0; color: #2F9E6A; }
html body .akx-app .akx-content .ex-page .ex-state.is-wait { background: #F4F6FA; color: #8494A6; }
html body .akx-app .akx-content .ex-page .ex-acts { display: inline-flex; align-items: center; justify-content: center; gap: 5px; }
html body .akx-app .akx-content .ex-page .ex-acts form { margin: 0; }
html body .akx-app .akx-content .ex-page .ex-icon-btn {
  display: inline-grid;
  place-items: center;
  width: 30px;
  height: 30px;
  padding: 0;
  background: #FFFFFF;
  border: 1px solid #E1E7EF;
  border-radius: 8px;
  font-size: 13px;
  color: #4F7DF3;
  text-decoration: none;
  cursor: pointer;
  transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}
html body .akx-app .akx-content .ex-page .ex-icon-btn:hover { background: #F2F6FF; border-color: #C9D6F5; }
html body .akx-app .akx-content .ex-page .ex-icon-btn.ex-del { color: #E8899A; border-color: #F2DDE1; }
html body .akx-app .akx-content .ex-page .ex-icon-btn.ex-del:hover { background: #FEEEF0; border-color: #EFC3CB; color: #D6455C; }
html body .akx-app .akx-content .ex-page .ex-empty-row { height: 64px; text-align: center; color: #94A3B8; }

/* ---- analiz karti ---- */
html body .akx-app .akx-content .ex-page .ex-chart-tools { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; justify-content: flex-end; }
html body .akx-app .akx-content .ex-page .ex-range { position: relative; }
html body .akx-app .akx-content .ex-page .ex-range > i {
  position: absolute; left: 11px; top: 50%; transform: translateY(-50%);
  font-size: 13px; color: #667085; pointer-events: none;
}
html body .akx-app .akx-content .ex-page .ex-range select {
  height: 38px;
  min-width: 150px;
  padding: 0 30px 0 32px;
  background: #FFFFFF;
  border: 1px solid #DDE5EE;
  border-radius: 8px;
  font-size: 12.5px;
  font-weight: 600;
  color: #172A55;
  cursor: pointer;
  appearance: none;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23667085'%3E%3Cpath d='M4.5 6.5L8 10l3.5-3.5z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 9px center;
  background-size: 15px;
}
html body .akx-app .akx-content .ex-page .ex-chart-types,
html body .akx-app .akx-content .ex-page .chart-type-toggle.ex-chart-types {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 0 !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
html body .akx-app .akx-content .ex-page .ex-chart-types button {
  display: grid !important;
  place-items: center !important;
  width: 40px !important;
  height: 38px !important;
  padding: 0 !important;
  background: #FFFFFF !important;
  border: 1px solid #DDE5EE !important;
  border-radius: 8px !important;
  font-size: 15px !important;
  color: #355A7C !important;
  box-shadow: none !important;
  cursor: pointer;
  transition: background-color .15s ease, border-color .15s ease, color .15s ease !important;
}
html body .akx-app .akx-content .ex-page .ex-chart-types button:hover { background: #F2F6FA !important; }
html body .akx-app .akx-content .ex-page .ex-chart-types button.active,
html body .akx-app .akx-content .ex-page .ex-chart-types button.active:hover {
  background: #294F70 !important;
  border-color: #294F70 !important;
  color: #FFFFFF !important;
  box-shadow: 0 3px 8px rgba(41,79,112,.14) !important;
}
html body .akx-app .akx-content .ex-page .ex-chart { min-height: 240px; margin: 0; }
html body .akx-app .akx-content .ex-page .ex-gauges {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin: 2px 0 12px;
}
html body .akx-app .akx-content .ex-page .ex-gauge-card {
  background: #fff;
  border: 1px solid #E8EEF5;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 1px 4px rgba(23, 42, 85, .04);
  min-width: 0;
}
html body .akx-app .akx-content .ex-page .ex-gauge-head {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 9px 14px;
  color: #fff;
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: .01em;
  border-radius: 12px 12px 0 0;
}
html body .akx-app .akx-content .ex-page .ex-gauge-head i { font-size: 14px; }
html body .akx-app .akx-content .ex-page .ex-gauge-card.is-avg .ex-gauge-head {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}
html body .akx-app .akx-content .ex-page .ex-gauge-card.is-last .ex-gauge-head {
  background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
}
html body .akx-app .akx-content .ex-page .ex-lgs-gauge {
  width: 100%;
  height: 210px;
  margin: 0;
}

@media (max-width: 1280px) {
  html body .akx-app .akx-content .ex-page .ex-top { grid-template-columns: minmax(0, 1fr); }
  html body .akx-app .akx-content .ex-page .ex-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
  html body .akx-app .akx-content .ex-page .ex-gauges { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 760px) {
  html body .akx-app .akx-content .student-module-page.ex-page { width: calc(100% - 24px) !important; }
  html body .akx-app .akx-content .ex-page .ex-kpis { grid-template-columns: minmax(0, 1fr); }
  html body .akx-app .akx-content .ex-page .ex-card-head { flex-wrap: wrap; }
  html body .akx-app .akx-content .ex-page .ex-chart-tools { flex: 1 1 100%; justify-content: flex-start; }
}
/* END DENEME SINAVLARI v1 */

/* =====================================================================
   DENEME ANALIZI — Laravel matris tablosu, uygulama renkleri
   ===================================================================== */
html body .akx-app .akx-content .da-page .da-card { padding: 16px 18px 20px; }
html body .akx-app .akx-content .da-page .da-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 0 0 14px;
}
html body .akx-app .akx-content .da-page .da-tab {
  height: 34px;
  padding: 0 14px;
  border: 1px solid #DDE5EE;
  border-radius: 8px;
  background: #fff;
  color: #355A7C;
  font-size: 12.5px;
  font-weight: 700;
  cursor: pointer;
}
html body .akx-app .akx-content .da-page .da-tab:hover { background: #F4F6FA; }
html body .akx-app .akx-content .da-page .da-tab.is-active {
  background: #7657F5;
  border-color: #7657F5;
  color: #fff;
}
html body .akx-app .akx-content .da-page .da-table-wrap {
  overflow-x: auto;
  border: 1px solid #E4E9F2;
  border-radius: 12px;
}
html body .akx-app .akx-content .da-page .da-table {
  width: 100%;
  min-width: 760px;
  border-collapse: collapse;
  background: #fff;
}
html body.akx-shell .akx-app .akx-content .da-page .da-table th,
html body.akx-shell .akx-app .akx-content .da-page .da-table td {
  border: 1px solid #E6EAF2 !important;
  padding: 5px !important;
  text-align: center !important;
  vertical-align: middle !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  color: #172A55 !important;
  background: #fff !important;
}
html body.akx-shell .akx-app .akx-content .da-page .da-table thead th {
  background: #7657F5 !important;
  color: #fff !important;
  font-size: 11.5px !important;
  font-weight: 800 !important;
  letter-spacing: .02em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  padding: 10px 8px !important;
  border-bottom: 0 !important;
}
html body.akx-shell .akx-app .akx-content .da-page .da-table thead th.da-c-name {
  min-width: 210px !important;
  text-align: left !important;
  padding-left: 12px !important;
}
html body.akx-shell .akx-app .akx-content .da-page .da-table thead th.da-h-total { background: #2F9E6A !important; }
html body.akx-shell .akx-app .akx-content .da-page .da-table thead th.da-h-avg { background: #3D9AD1 !important; }
html body.akx-shell .akx-app .akx-content .da-page .da-table thead th.da-h-pct { background: #F59A32 !important; }
html body.akx-shell .akx-app .akx-content .da-page table.da-table thead th.da-c-name {
  background: #7657F5 !important;
  color: #fff !important;
}
html body.akx-shell .akx-app .akx-content .da-page .da-table tbody td.da-c-name {
  text-align: left !important;
  padding-left: 12px !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  color: #172A55 !important;
  background: #FAFBFE !important;
  min-width: 210px !important;
}
html body .akx-app .akx-content .da-page .da-cell {
  width: 72px;
  height: 32px;
  margin: 0 auto;
  padding: 0 6px;
  border: 1px solid #E1E7EF;
  border-radius: 6px;
  text-align: center;
  font-size: 12.5px;
  font-weight: 700;
  color: #172A55;
  background: #fff;
}
html body .akx-app .akx-content .da-page .da-cell:focus {
  outline: 0;
  border-color: #7657F5;
  box-shadow: 0 0 0 3px rgba(118, 87, 245, .12);
}
html body .akx-app .akx-content .da-page .da-cell.is-ro {
  background: #F4F6FA;
  color: #355A7C;
  border-color: transparent;
  width: 78px;
}
html body.akx-shell .akx-app .akx-content .da-page .da-table tbody tr.da-foot td {
  background: #EAF7F0 !important;
}
html body.akx-shell .akx-app .akx-content .da-page .da-table tbody tr.da-foot .da-c-name { background: #EAF7F0 !important; color: #1F7A52 !important; }
html body.akx-shell .akx-app .akx-content .da-page .da-table tbody tr.da-foot .da-lesson-sum { background: #7657F5 !important; }
html body.akx-shell .akx-app .akx-content .da-page .da-table tbody tr.da-foot .da-lesson-sum .da-cell {
  background: #7657F5;
  color: #fff;
  font-weight: 800;
}
html body.akx-shell .akx-app .akx-content .da-page .da-table tbody tr.da-foot .da-grand { background: #F59A32 !important; }
html body.akx-shell .akx-app .akx-content .da-page .da-table tbody tr.da-foot .da-grand .da-cell {
  background: #F59A32;
  color: #fff;
  font-weight: 800;
}
html body .akx-app .akx-content .da-page .da-actions { margin: 14px 0 6px; }
html body .akx-app .akx-content .da-page .da-charts {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-top: 18px;
}
html body .akx-app .akx-content .da-page .da-chart-card {
  min-width: 0;
  border: 1px solid #E8EEF5;
  border-radius: 12px;
  background: #fff;
  padding: 12px 12px 6px;
}
html body .akx-app .akx-content .da-page .da-chart-card header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 6px;
}
html body .akx-app .akx-content .da-page .da-chart-card h4 {
  margin: 0;
  font-size: 14px;
  font-weight: 750;
  color: #172A55;
}
html body .akx-app .akx-content .da-page .da-chart { min-height: 320px; }
html body .akx-app .akx-content .da-page .da-chart-types button {
  width: 34px !important;
  height: 32px !important;
}
@media (max-width: 980px) {
  html body .akx-app .akx-content .da-page .da-charts { grid-template-columns: minmax(0, 1fr); }
}

/* =====================================================================
   DENEME SINAVLARI v2 — "Yeni Deneme Ekle" Konu Analizi'ndeki turuncu
   birincil buton diliyle ayni.
   ===================================================================== */
html body .akx-app .akx-content .ex-page .ex-btn-primary {
  background: #F47A20 !important;
  border-color: #F47A20 !important;
  color: #FFFFFF !important;
  box-shadow: 0 4px 12px rgba(244,122,32,.18) !important;
}
html body .akx-app .akx-content .ex-page .ex-btn-primary:hover {
  background: #E86C12 !important;
  border-color: #E86C12 !important;
  color: #FFFFFF !important;
}
/* END DENEME SINAVLARI v2 */

/* =====================================================================
   KOC YAN PANELI v2 — zemin bir tik daha koyu, secim/hover efekti turuncu
   ===================================================================== */
html body.akx-shell .akx-app.akx-coach .akx-sidebar {
  background: linear-gradient(180deg, #08284A 0%, #04132B 100%) !important;
  background-image: linear-gradient(180deg, #08284A 0%, #04132B 100%) !important;
}
/* gecis efekti: eski beyaz saydam gorunum (secili sekme turuncu kalir) */
html body.akx-shell .akx-app.akx-coach .akx-sidebar .akx-menu-link:hover:not(.active),
html body.akx-shell .akx-app.akx-coach .akx-sidebar .akx-submenu-link:hover:not(.active) {
  background: rgba(255,255,255,.08) !important;
  background-image: none !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  box-shadow: none !important;
}
html body.akx-shell .akx-app.akx-coach .akx-sidebar .akx-menu-link:hover:not(.active) i,
html body.akx-shell .akx-app.akx-coach .akx-sidebar .akx-menu-link:hover:not(.active) .bi,
html body.akx-shell .akx-app.akx-coach .akx-sidebar .akx-submenu-link:hover:not(.active) i {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}
html body.akx-shell .akx-app.akx-coach .akx-sidebar .akx-menu-link:focus-visible {
  outline: 2px solid #F47A20 !important;
  outline-offset: -2px !important;
}
html body.akx-shell .akx-app.akx-coach .akx-sidebar .akx-submenu-link.active {
  color: #FFB27E !important;
  -webkit-text-fill-color: #FFB27E !important;
  font-weight: 600 !important;
}
/* END KOC YAN PANELI v2 */

/* =====================================================================
   DENEME SINAVLARI v3 — referans: tek sirada 5 kart, turuncu birincil
   buton, 32px islem butonlari, grafik altinda Genel Degerlendirme seridi.
   ===================================================================== */
html body .akx-app .akx-content .ex-page .ex-top {
  display: grid !important;
  grid-template-columns: minmax(0, 1.45fr) repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
}
html body .akx-app .akx-content .ex-page .ex-title { gap: 11px; padding: 12px 14px; }
html body .akx-app .akx-content .ex-page .ex-title-icon { flex-basis: 38px; width: 38px; height: 38px; font-size: 17px; }
html body .akx-app .akx-content .ex-page .ex-title h2 { font-size: 15.5px !important; }
html body .akx-app .akx-content .ex-page .ex-title p { font-size: 11.5px; }
html body .akx-app .akx-content .ex-page .ex-kpi { padding: 12px 13px; }
html body .akx-app .akx-content .ex-page .ex-kpi-icon { flex-basis: 38px; width: 38px; height: 38px; font-size: 16px; }
html body .akx-app .akx-content .ex-page .ex-kpi b { font-size: 20px; }

/* birincil buton: referanstaki turuncu */
html body .akx-app .akx-content .ex-page .ex-btn-primary {
  background: #FF7A1A !important;
  border-color: #FF7A1A !important;
  color: #FFFFFF !important;
  box-shadow: 0 4px 12px rgba(255,122,26,.18) !important;
}
html body .akx-app .akx-content .ex-page .ex-btn-primary:hover { background: #EF6C08 !important; border-color: #EF6C08 !important; }

/* tablo */
html body .akx-app .akx-content .ex-page .ex-table thead th { background: #F6F8FB; color: #52657A; font-size: 12px; font-weight: 600; text-transform: none; letter-spacing: 0; }
html body .akx-app .akx-content .ex-page .ex-table tbody td { height: 46px; }
html body .akx-app .akx-content .ex-page .ex-icon-btn { width: 32px; height: 32px; border-color: #DDE5EE; border-radius: 7px; }
html body .akx-app .akx-content .ex-page .ex-icon-btn.ex-del { color: #EE8090; border-color: #F0D9DE; }

/* ---- genel degerlendirme seridi (grafik kartinin icinde) ---- */
html body .akx-app .akx-content .ex-page .ex-summary {
  display: flex;
  align-items: center;
  gap: 16px;
  min-height: 66px;
  margin: 12px 0 0;
  padding: 10px 14px;
  background: linear-gradient(90deg, #F4F8FF 0%, #F8FBFF 50%, #F4FAF7 100%);
  border: 1px solid #E2EAF3;
  border-radius: 10px;
}
html body .akx-app .akx-content .ex-page .ex-summary-main { display: flex; align-items: center; gap: 11px; flex: 1 1 auto; min-width: 0; }
html body .akx-app .akx-content .ex-page .ex-summary-icon {
  display: grid;
  place-items: center;
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  border-radius: 10px;
  background: #E7EFFE;
  color: #5B82F1;
  font-size: 16px;
}
html body .akx-app .akx-content .ex-page .ex-summary-main strong { display: block; font-size: 13px; font-weight: 700; color: #172A55; }
html body .akx-app .akx-content .ex-page .ex-summary-main p { margin: 2px 0 0 !important; font-size: 12px; line-height: 1.45; color: #718096; }
html body .akx-app .akx-content .ex-page .ex-summary-stats { display: flex; align-items: stretch; flex: 0 0 auto; }
html body .akx-app .akx-content .ex-page .ex-summary-stat {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 2px;
  min-width: 0;
  padding: 2px 16px;
  border-left: 1px solid #E5EBF2;
  text-align: right;
}
html body .akx-app .akx-content .ex-page .ex-summary-stat:first-child { border-left: 0; }
html body .akx-app .akx-content .ex-page .ex-summary-stat b {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 5px;
  font-size: 14.5px;
  font-weight: 750;
  white-space: nowrap;
  color: #172A55;
}
html body .akx-app .akx-content .ex-page .ex-summary-stat b span { overflow: hidden; text-overflow: ellipsis; max-width: 150px; }
html body .akx-app .akx-content .ex-page .ex-summary-stat b.is-up { color: #2F9E6A; }
html body .akx-app .akx-content .ex-page .ex-summary-stat b.is-down { color: #D6455C; }
html body .akx-app .akx-content .ex-page .ex-summary-stat b.is-flat,
html body .akx-app .akx-content .ex-page .ex-summary-stat b.is-none { color: #94A3B8; }
html body .akx-app .akx-content .ex-page .ex-summary-stat b.is-best { color: #5B82F1; }
html body .akx-app .akx-content .ex-page .ex-summary-stat b.is-avg { color: #172A55; }
html body .akx-app .akx-content .ex-page .ex-summary-stat small { font-size: 11px; color: #94A3B8; white-space: nowrap; }

@media (max-width: 1280px) {
  html body .akx-app .akx-content .ex-page .ex-top { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  html body .akx-app .akx-content .ex-page .ex-title { grid-column: 1 / -1; }
}
@media (max-width: 900px) {
  html body .akx-app .akx-content .ex-page .ex-summary { flex-direction: column; align-items: stretch; }
  html body .akx-app .akx-content .ex-page .ex-summary-stats { flex-direction: column; }
  html body .akx-app .akx-content .ex-page .ex-summary-stat { padding: 8px 0; border-left: 0; border-top: 1px solid #E5EBF2; text-align: left; }
  html body .akx-app .akx-content .ex-page .ex-summary-stat b { justify-content: flex-start; }
}
@media (max-width: 760px) {
  html body .akx-app .akx-content .ex-page .ex-top { grid-template-columns: minmax(0, 1fr) !important; }
}

/* --- genel degerlendirme: referanstaki gibi ikon rozeti + sola hizali deger --- */
html body .akx-app .akx-content .ex-page .ex-summary-stat {
  flex-direction: row !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 4px 18px !important;
  text-align: left !important;
}
html body .akx-app .akx-content .ex-page .ex-summary-stat > div { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
html body .akx-app .akx-content .ex-page .ex-stat-icon {
  display: grid;
  place-items: center;
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  border-radius: 10px;
  font-size: 15px;
}
html body .akx-app .akx-content .ex-page .ex-stat-icon.is-up { background: #E6F6EE; color: #2F9E6A; }
html body .akx-app .akx-content .ex-page .ex-stat-icon.is-down { background: #FDECEF; color: #D6455C; }
html body .akx-app .akx-content .ex-page .ex-stat-icon.is-flat,
html body .akx-app .akx-content .ex-page .ex-stat-icon.is-none { background: #F1F4F8; color: #94A3B8; }
html body .akx-app .akx-content .ex-page .ex-stat-icon.is-best { background: #E8EFFE; color: #5B82F1; }
html body .akx-app .akx-content .ex-page .ex-stat-icon.is-avg { background: #E8EFFE; color: #2F4B86; }
html body .akx-app .akx-content .ex-page .ex-summary-stat b {
  justify-content: flex-start !important;
  font-size: 15px;
  line-height: 1.2;
}
html body .akx-app .akx-content .ex-page .ex-summary-stat b.is-avg { color: #172A55; }
html body .akx-app .akx-content .ex-page .ex-summary-stat small { font-size: 11.5px; }
@media (max-width: 900px) {
  html body .akx-app .akx-content .ex-page .ex-summary-stat { padding: 8px 0 !important; }
}
/* END DENEME SINAVLARI v3 */

/* DENEME ANALIZI — deneme sinavlari icinde */
html body .akx-app .akx-content .ex-page .ex-analiz-body {
  display: grid;
  gap: 18px;
  padding: 0 16px 18px;
}
html body .akx-app .akx-content .ex-page .ex-analiz-done h4,
html body .akx-app .akx-content .ex-page .ex-reason-chart-head h4 {
  margin: 0 0 4px !important;
  font-size: 14px;
  font-weight: 750;
  color: #172A55;
}
html body .akx-app .akx-content .ex-page .ex-reason-chart-head span,
html body .akx-app .akx-content .ex-page .ex-analiz-empty {
  font-size: 12.5px;
  color: #718096;
}
html body .akx-app .akx-content .ex-page .ex-analiz-list {
  list-style: none;
  margin: 10px 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
html body .akx-app .akx-content .ex-page .ex-analiz-list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 12px;
  background: #F8FAFD;
  border: 1px solid #E7EDF4;
  border-radius: 10px;
}
html body .akx-app .akx-content .ex-page .ex-analiz-list a {
  min-width: 0;
  color: inherit;
  text-decoration: none;
}
html body .akx-app .akx-content .ex-page .ex-analiz-list strong { display: block; font-size: 13px; color: #172A55; }
html body .akx-app .akx-content .ex-page .ex-analiz-list small { color: #718096; }
html body .akx-app .akx-content .ex-page .ex-analiz-meta {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  font-size: 12px;
  color: #53657A;
  white-space: nowrap;
}
html body .akx-app .akx-content .ex-page .ex-analiz-meta b { color: #D6455C; font-weight: 800; }
html body .akx-app .akx-content .ex-page .ex-analiz-meta em { font-style: normal; color: #5B82F1; max-width: 220px; overflow: hidden; text-overflow: ellipsis; }
html body .akx-app .akx-content .ex-page .ex-state.is-analiz {
  display: inline-flex;
  margin-top: 4px;
  color: #4F7DF3;
  font-size: 11px;
  font-weight: 700;
}
html body .akx-app .akx-content .ex-page .ex-reason-chart { min-height: 320px; }
html body .akx-app .akx-content .ex-page .ex-analiz-form { padding-top: 8px; border-top: 1px solid #EDF1F6; }
html body .akx-app .akx-content .ex-page #exam-analiz { scroll-margin-top: 18px; }

/* =====================================================================
   HAFTALIK PLAN v1 — referans tasarim: KPI kartlari, tek satir baslik +
   hafta gezinme, pastel gun sutunlari ve hucre ici plan kartlari.
   Yalnizca gorunum; kaydetme/renk/tamamlama islevleri ayni.
   ===================================================================== */
html body .akx-app .akx-content:has(.wp-kpis) { background: #F7F9FC !important; background-image: none !important; }

/* ---- KPI kartlari ---- */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .wp-kpis { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 14px !important; width: calc(100% - 40px) !important; max-width: 1500px !important; margin: 0 auto 16px !important; padding: 0 !important; background: none !important; border: 0 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .wp-kpi { display: flex !important; align-items: center !important; gap: 13px !important; min-width: 0 !important; padding: 14px 16px !important; background: #FFFFFF !important; border: 1px solid #E1E7EF !important; border-radius: 14px !important; box-shadow: 0 3px 12px rgba(22,34,60,.04) !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .wp-kpi > div { min-width: 0 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .wp-kpi-icon { display: grid !important; place-items: center !important; flex: 0 0 46px !important; width: 46px !important; height: 46px !important; border-radius: 13px !important; font-size: 19px !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .wp-kpi .tone-blue,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .wp-kpi-icon.tone-blue { background: #EEF4FF !important; color: #5B82F1 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .wp-kpi-icon.tone-green { background: #EAF8F1 !important; color: #25A66A !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .wp-kpi-icon.tone-orange { background: #FFF5E9 !important; color: #F59A32 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .wp-kpi-icon.tone-red { background: #FDEDEF !important; color: #EF5361 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .wp-kpi b { display: flex !important; align-items: center !important; gap: 8px !important; font-size: 26px !important; font-weight: 750 !important; line-height: 1.1 !important; color: #172A55 !important; font-variant-numeric: tabular-nums !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .wp-kpi-pct { padding: 2px 8px !important; border-radius: 999px !important; font-size: 11.5px !important; font-style: normal !important; font-weight: 700 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .wp-kpi-pct.tone-green { background: #EAF8F1 !important; color: #25A66A !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .wp-kpi-pct.tone-orange { background: #FFF5E9 !important; color: #D9770A !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .wp-kpi-pct.tone-red { background: #FDEDEF !important; color: #DC3F4E !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .wp-kpi strong { display: block !important; margin-top: 2px !important; font-size: 13.5px !important; font-weight: 650 !important; color: #172A55 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .wp-kpi small { display: block !important; margin-top: 1px !important; font-size: 11.5px !important; line-height: 1.35 !important; color: #718096 !important; }

/* ---- ana kabuk ---- */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .student-plan-shell { width: calc(100% - 40px) !important; max-width: 1500px !important; margin: 0 auto 24px !important; padding: 0 !important; background: none !important; border: 0 !important; box-shadow: none !important; }

/* ---- baslik + hafta gezinme ---- */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .wp-head { display: flex !important; align-items: center !important; gap: 16px !important; flex-wrap: wrap !important; padding: 14px 18px !important; background: #FFFFFF !important; border: 1px solid #E1E7EF !important; border-radius: 14px 14px 0 0 !important; box-shadow: 0 3px 12px rgba(22,34,60,.04) !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .wp-head-title { display: flex !important; align-items: center !important; gap: 12px !important; flex: 1 1 auto !important; min-width: 0 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .wp-head-icon { display: grid !important; place-items: center !important; flex: 0 0 42px !important; width: 42px !important; height: 42px !important; border-radius: 12px !important; background: #EEF4FF !important; color: #5B82F1 !important; font-size: 18px !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .wp-head-title h2 { margin: 0 !important; font-size: 17px !important; font-weight: 750 !important; color: #172A55 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .wp-head-title p { margin: 2px 0 0 !important; font-size: 12.5px !important; color: #718096 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .wp-week-nav { display: flex !important; align-items: center !important; gap: 8px !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .wp-nav-btn { display: grid !important; place-items: center !important; width: 36px !important; height: 40px !important; background: #FFFFFF !important; border: 1px solid #DDE5EE !important; border-radius: 9px !important; color: #35536D !important; text-decoration: none !important; transition: background-color .15s ease, border-color .15s ease !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .wp-nav-btn:hover { background: #F2F6FA !important; border-color: #C9D6E4 !important; color: #172A55 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .wp-week-range { position: relative !important; display: flex !important; align-items: center !important; gap: 9px !important; height: 40px !important; margin: 0 !important; padding: 0 14px !important; background: #FFFFFF !important; border: 1px solid #DDE5EE !important; border-radius: 10px !important; cursor: pointer !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .wp-week-range > i { font-size: 14px !important; color: #5B82F1 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .wp-week-range b { display: block !important; font-size: 13px !important; font-weight: 650 !important; color: #172A55 !important; white-space: nowrap !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .wp-week-range small { display: block !important; font-size: 11px !important; color: #718096 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .wp-week-range input.plan-datepick { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; padding: 0 !important; border: 0 !important; opacity: 0 !important; cursor: pointer !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .wp-head-actions { display: flex !important; align-items: center !important; gap: 10px !important; flex-wrap: wrap !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .wp-head-actions .plan-view-toggle { display: inline-flex !important; align-items: center !important; gap: 8px !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .wp-head-actions .plan-view-toggle .btn { height: 40px !important; min-width: 96px !important; padding: 0 16px !important; margin: 0 !important; border: 1px solid #DDE5EE !important; border-radius: 9px !important; font-size: 13px !important; font-weight: 600 !important; color: #35536D !important; background: #FFFFFF !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .wp-head-actions .plan-view-toggle .btn + .btn { margin-left: 0 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .wp-head-actions .plan-view-toggle .btn.active,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .wp-head-actions .plan-view-toggle .btn.btn-primary { background: #294F70 !important; border-color: #294F70 !important; color: #FFFFFF !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .wp-new-btn { display: inline-flex !important; align-items: center !important; height: 40px !important; padding: 0 16px !important; background: #F6A33B !important; border: 1px solid #F6A33B !important; border-radius: 9px !important; font-size: 13px !important; font-weight: 650 !important; color: #FFFFFF !important; box-shadow: 0 4px 12px rgba(246,163,59,.2) !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .wp-new-btn:hover { background: #EF9526 !important; border-color: #EF9526 !important; }

/* ---- ikinci satir: renk / yazi / disari aktarma ---- */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .student-plan-shell .plan-navbar { display: flex !important; align-items: center !important; justify-content: flex-end !important; gap: 10px !important; margin: 0 !important; padding: 10px 18px !important; background: #FFFFFF !important; border: 1px solid #E1E7EF !important; border-top: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .student-plan-shell .plan-navbar-right { display: flex !important; align-items: center !important; gap: 8px !important; flex-wrap: wrap !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .student-plan-shell .plan-navbar .btn,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .student-plan-shell .plan-navbar .plan-gcal-btn { height: 38px !important; padding: 0 13px !important; display: inline-flex !important; align-items: center !important; background: #FFFFFF !important; border: 1px solid #DDE5EE !important; border-radius: 9px !important; font-size: 12.5px !important; font-weight: 600 !important; color: #35536D !important; box-shadow: none !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .student-plan-shell .plan-navbar .plan-pdf-btn { height: 38px !important; padding: 0 13px !important; display: inline-flex !important; align-items: center !important; background: #DC3F4E !important; background-image: none !important; border: 1px solid #DC3F4E !important; border-radius: 9px !important; font-size: 12.5px !important; font-weight: 650 !important; color: #FFFFFF !important; -webkit-text-fill-color: #FFFFFF !important; box-shadow: 0 4px 12px rgba(220,63,78,.18) !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .student-plan-shell .plan-navbar .btn:hover { background: #F2F6FA !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .student-plan-shell .plan-navbar .plan-pdf-btn:hover { background: #C43341 !important; border-color: #C43341 !important; color: #FFFFFF !important; -webkit-text-fill-color: #FFFFFF !important; }

/* ---- grid paneli ---- */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .student-plan-shell .plan-view-panel#gridPlanView { margin: 0 !important; padding: 0 0 14px !important; background: #FFFFFF !important; border: 1px solid #E1E7EF !important; border-top: 0 !important; border-radius: 0 0 14px 14px !important; box-shadow: 0 3px 12px rgba(22,34,60,.04) !important; }

/* ---- arac cubugu (renk / yazi boyutu / sifirla) ---- */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-field-tabs { display: flex !important; align-items: center !important; gap: 8px !important; flex-wrap: wrap !important; margin: 0 !important; padding: 12px 18px !important; background: #FAFBFD !important; border: 0 !important; border-bottom: 1px solid #EDF1F6 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-field-tab { height: 32px !important; padding: 0 12px !important; background: #FFFFFF !important; border: 1px solid #DDE5EE !important; border-radius: 8px !important; font-size: 12px !important; font-weight: 600 !important; color: #55718B !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-field-tab.active { background: #294F70 !important; border-color: #294F70 !important; color: #FFFFFF !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-field-hint { font-size: 11.5px !important; color: #8494A6 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-type-toolbar { display: flex !important; align-items: center !important; gap: 8px !important; margin-left: auto !important; padding: 5px 8px !important; background: #FFFFFF !important; border: 1px solid #E4EAF2 !important; border-radius: 10px !important; box-shadow: none !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-type-label { font-size: 11.5px !important; font-weight: 700 !important; color: #35536D !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-type-hint { font-size: 11px !important; color: #94A3B8 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-swatches { display: flex !important; gap: 5px !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-swatch { width: 18px !important; height: 18px !important; border-radius: 50% !important; border: 2px solid #FFFFFF !important; box-shadow: 0 0 0 1px #DDE5EE !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-swatch.is-active { box-shadow: 0 0 0 2px #294F70 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-size-group { display: flex !important; align-items: center !important; gap: 4px !important; padding-left: 8px !important; border-left: 1px solid #EDF1F6 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-size-btn,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-type-reset { height: 28px !important; min-width: 30px !important; padding: 0 8px !important; background: #FFFFFF !important; border: 1px solid #DDE5EE !important; border-radius: 7px !important; font-size: 12px !important; font-weight: 600 !important; color: #35536D !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-size-val { min-width: 26px !important; text-align: center !important; font-size: 12px !important; font-weight: 700 !important; color: #172A55 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-order-tab { font-size: 11px !important; color: #94A3B8 !important; }

/* ---- tablo ---- */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-grid-wrap { padding: 0 14px !important; overflow-x: auto !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-write-grid { width: 100% !important; min-width: 1050px !important; border-collapse: separate !important; border-spacing: 8px 8px !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-write-grid thead th { padding: 10px 12px !important; background: #F7F9FC !important; border: 1px solid #EDF1F6 !important; border-radius: 10px !important; text-align: left !important; vertical-align: middle !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-write-grid thead .pg-day { display: block !important; font-size: 12px !important; font-weight: 750 !important; letter-spacing: .03em !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-write-grid thead .pg-date { display: block !important; margin-top: 1px !important; font-size: 11px !important; color: #8494A6 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-write-grid .program-corner { position: sticky !important; left: 0 !important; z-index: 3 !important; width: 168px !important; background: #F7F9FC !important; font-size: 11.5px !important; font-weight: 750 !important; letter-spacing: .04em !important; color: #53657A !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-write-grid .program-lesson { position: sticky !important; left: 0 !important; z-index: 2 !important; width: 168px !important; padding: 10px 12px !important; background: #FFFFFF !important; border: 1px solid #EDF1F6 !important; border-left: 3px solid #C9D6E4 !important; border-radius: 10px !important; vertical-align: middle !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-write-grid .program-lesson-name { font-size: 12.5px !important; font-weight: 700 !important; color: #172A55 !important; }

/* gun renkleri: baslik + sutun zemini */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-write-grid .pg-col-1 { --wp-day: #5B82F1 !important; --wp-day-soft: #EEF4FF !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-write-grid .pg-col-2 { --wp-day: #39AE78 !important; --wp-day-soft: #EFFAF4 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-write-grid .pg-col-3 { --wp-day: #F59A32 !important; --wp-day-soft: #FFF7EC !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-write-grid .pg-col-4 { --wp-day: #8067E8 !important; --wp-day-soft: #F5F2FF !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-write-grid .pg-col-5 { --wp-day: #EF6673 !important; --wp-day-soft: #FFF2F4 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-write-grid .pg-col-6 { --wp-day: #24A9B7 !important; --wp-day-soft: #EFFAFC !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-write-grid .pg-col-7 { --wp-day: #7187A5 !important; --wp-day-soft: #F4F7FA !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-write-grid thead th.pg-col { background: var(--wp-day-soft) !important; border-color: color-mix(in srgb, var(--wp-day) 18%, #FFFFFF) !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-write-grid thead th.pg-col .pg-day { color: var(--wp-day) !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-write-grid tbody td.plan-write-cell { padding: 8px !important; background: color-mix(in srgb, var(--wp-day-soft) 55%, #FFFFFF) !important; border: 1px solid #EDF1F6 !important; border-radius: 10px !important; vertical-align: top !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-write-grid tbody td.plan-write-cell.is-today { border-color: color-mix(in srgb, var(--wp-day) 35%, #FFFFFF) !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-cell-stack { display: flex !important; flex-direction: column !important; gap: 6px !important; }

/* ---- hucre ici plan karti ---- */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-line { display: flex !important; align-items: flex-start !important; gap: 8px !important; min-height: 54px !important; padding: 8px 10px !important; background: rgba(255,255,255,.72) !important; border: 1px solid color-mix(in srgb, var(--wp-day) 16%, #FFFFFF) !important; border-left: 3px solid var(--wp-day) !important; border-radius: 9px !important; transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-line:hover { transform: translateY(-1px) !important; border-color: color-mix(in srgb, var(--wp-day) 38%, #FFFFFF) !important; box-shadow: 0 4px 12px rgba(22,34,60,.055) !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-line.plan-line-new { min-height: 38px !important; background: transparent !important; border: 1px dashed color-mix(in srgb, var(--wp-day) 28%, #FFFFFF) !important; border-left: 1px dashed color-mix(in srgb, var(--wp-day) 28%, #FFFFFF) !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-line.plan-line-new:hover { transform: none !important; box-shadow: none !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-line-body { flex: 1 1 auto !important; min-width: 0 !important; display: flex !important; flex-direction: column !important; gap: 2px !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-line-meta { font-size: 11px !important; line-height: 1.3 !important; color: #718096 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-write-grid .plan-cell { width: 100% !important; min-height: 18px !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; resize: none !important; font-size: 13px !important; font-weight: 600 !important; line-height: 1.35 !important; color: var(--plan-cell-color, #172A55) !important; overflow: hidden !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-write-grid .plan-cell::placeholder { font-weight: 500 !important; color: #9AA8BC !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-write-grid .plan-cell:focus { outline: none !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-line-check { display: grid !important; place-items: center !important; flex: 0 0 18px !important; width: 18px !important; height: 18px !important; margin-top: 1px !important; padding: 0 !important; background: #FFFFFF !important; border: 1.5px solid #CFD8E4 !important; border-radius: 50% !important; color: transparent !important; font-size: 10px !important; transition: background-color .15s ease, border-color .15s ease, color .15s ease !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-line-check:hover { border-color: #25A66A !important; color: #C9E6D7 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-line-check.on { background: #25A66A !important; border-color: #25A66A !important; color: #FFFFFF !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-line.is-done { background: rgba(240,250,245,.8) !important; border-left-color: #25A66A !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-line.is-done .plan-cell { color: #4B6577 !important; text-decoration: none !important; }

/* secili hucre */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-line.is-color-target,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-write-cell.is-color-target .plan-line.is-color-target { border-color: var(--wp-day) !important; box-shadow: 0 0 0 2px color-mix(in srgb, var(--wp-day) 16%, transparent) !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-write-cell.is-color-target { outline: none !important; }

/* ---- alt: yeni ders ekle ---- */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-add-lesson { display: flex !important; align-items: center !important; gap: 10px !important; flex-wrap: wrap !important; margin: 12px 14px 0 !important; padding: 10px 12px !important; background: #FAFBFD !important; border: 1px solid #E6ECF3 !important; border-radius: 11px !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-add-lesson > i { color: #25A66A !important; font-size: 16px !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-add-lesson input { flex: 1 1 260px !important; height: 38px !important; padding: 0 12px !important; background: #FFFFFF !important; border: 1px solid #DDE5EE !important; border-radius: 9px !important; font-size: 13px !important; color: #172A55 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-add-lesson button { height: 38px !important; padding: 0 16px !important; background: #1FA97F !important; border: 1px solid #1FA97F !important; border-radius: 9px !important; font-size: 13px !important; font-weight: 650 !important; color: #FFFFFF !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-add-lesson button:hover { background: #18916C !important; border-color: #18916C !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-add-lesson small { flex: 1 1 100% !important; font-size: 11px !important; color: #94A3B8 !important; }

@media (max-width: 1280px) {
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .wp-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 900px) {
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .wp-head { flex-direction: column !important; align-items: stretch !important; }
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .wp-week-nav { justify-content: space-between !important; }
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .wp-head-actions { justify-content: space-between !important; }
}
@media (max-width: 760px) {
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .wp-kpis,
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .student-plan-shell { width: calc(100% - 24px) !important; }
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .wp-kpis { grid-template-columns: minmax(0, 1fr) !important; }
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .student-plan-shell::before { content: none !important; display: none !important; }
/* END HAFTALIK PLAN v1 */

/* =====================================================================
   HAFTALIK PLAN v2 — sadelestirme:
   - kartlarin sol kalin serit vurgusu kaldirildi
   - plan kutucugu gunun soft renginde dolgu alir, hucre zemini beyaz
   - sutun genislikleri esit, hizalar toparlandi
   ===================================================================== */
/* hucre zemini beyaz; renk artik kutucugun kendisinde */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-write-grid tbody td.plan-write-cell {
  padding: 7px !important;
  background: #FFFFFF !important;
  border: 1px solid #ECF0F5 !important;
  border-radius: 10px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-write-grid tbody td.plan-write-cell.is-today {
  border-color: color-mix(in srgb, var(--wp-day) 30%, #FFFFFF) !important;
}

/* plan kutucugu: soft dolgu, ince kenar, sol serit yok */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-line {
  display: flex !important;
  align-items: flex-start !important;
  gap: 8px !important;
  min-height: 50px !important;
  padding: 9px 11px !important;
  background: var(--wp-day-soft) !important;
  border: 1px solid color-mix(in srgb, var(--wp-day) 16%, #FFFFFF) !important;
  border-left: 1px solid color-mix(in srgb, var(--wp-day) 16%, #FFFFFF) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  transition: border-color .15s ease, box-shadow .15s ease !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-line:hover {
  transform: none !important;
  border-color: color-mix(in srgb, var(--wp-day) 34%, #FFFFFF) !important;
  box-shadow: 0 3px 10px rgba(22,34,60,.05) !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-line.plan-line-new {
  min-height: 36px !important;
  padding: 7px 11px !important;
  background: #FBFCFE !important;
  border: 1px dashed #DFE6EE !important;
  border-left: 1px dashed #DFE6EE !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-line.is-done {
  background: #EFF8F3 !important;
  border-color: #CDE8DB !important;
  border-left-color: #CDE8DB !important;
}
/* secili kutucuk: yalnizca kenar belirginlesir */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-line.is-color-target {
  border-color: var(--wp-day) !important;
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--wp-day) 14%, transparent) !important;
}

/* baslik satiri: sakin, esit hizali */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-write-grid { table-layout: fixed !important; border-spacing: 7px !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-write-grid thead th.pg-col {
  padding: 9px 11px !important;
  background: #F8FAFD !important;
  border: 1px solid #ECF0F5 !important;
  text-align: center !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-write-grid thead th.pg-col .pg-day { font-size: 11.5px !important; letter-spacing: .04em !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-write-grid thead th.pg-col .pg-date { font-size: 10.5px !important; color: #94A3B8 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-write-grid .program-corner,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-write-grid .program-lesson { width: 158px !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-write-grid .program-lesson {
  border-left: 1px solid #ECF0F5 !important;
  background: #FAFBFD !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-write-grid .program-lesson-name { font-size: 12px !important; }

/* yazi hiyerarsisi */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-write-grid .plan-cell { font-size: 12.5px !important; line-height: 1.3 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-line-meta { font-size: 10.5px !important; color: #7D8AA0 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-line-check { margin-top: 0 !important; }

/* ust bolum: daha sakin */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .wp-kpi { padding: 13px 15px !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .wp-kpi b { font-size: 23px !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .wp-kpi-icon { flex: 0 0 42px !important; width: 42px !important; height: 42px !important; font-size: 17px !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-grid-wrap { padding: 4px 12px 0 !important; }
/* END HAFTALIK PLAN v2 */

/* =====================================================================
   HAFTALIK PLAN v3 — her gun sutunu kendi pastel renginde; plan
   kutucuklari sutunun uzerinde temiz beyaz kartlar olarak durur.
   ===================================================================== */
/* gun sutunu: basliktan hucreye ayni pastel ton */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-write-grid thead th.pg-col {
  background: color-mix(in srgb, var(--wp-day) 12%, #FFFFFF) !important;
  border: 1px solid color-mix(in srgb, var(--wp-day) 20%, #FFFFFF) !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-write-grid tbody td.plan-write-cell {
  background: var(--wp-day-soft) !important;
  border: 1px solid color-mix(in srgb, var(--wp-day) 16%, #FFFFFF) !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-write-grid tbody td.plan-write-cell.is-today {
  border-color: color-mix(in srgb, var(--wp-day) 38%, #FFFFFF) !important;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--wp-day) 22%, #FFFFFF) !important;
}

/* plan kutucugu: pastel sutun uzerinde beyaz kart */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-line {
  background: #FFFFFF !important;
  border: 1px solid color-mix(in srgb, var(--wp-day) 18%, #FFFFFF) !important;
  border-left: 1px solid color-mix(in srgb, var(--wp-day) 18%, #FFFFFF) !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-line.plan-line-new {
  background: rgba(255,255,255,.55) !important;
  border: 1px dashed color-mix(in srgb, var(--wp-day) 30%, #FFFFFF) !important;
  border-left: 1px dashed color-mix(in srgb, var(--wp-day) 30%, #FFFFFF) !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-line.is-done {
  background: #F2FAF6 !important;
  border-color: #CDE8DB !important;
  border-left-color: #CDE8DB !important;
}
/* END HAFTALIK PLAN v3 */

/* =====================================================================
   MODUL PREMIUM v1 — Yazılı / Kaynaklar / Kitap Okuma / Ganimet
   Haftalık plan + deneme ile aynı berrak dil: KPI kartları, ikonlu
   başlık, beyaz kabuk, turuncu birincil buton, yumuşak sütun renkleri.
   ===================================================================== */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content:has(.gr-page),
html body.akx-shell .akx-app.akx-app .akx-content.akx-content:has(.so-page),
html body.akx-shell .akx-app.akx-app .akx-content.akx-content:has(.rd-page),
html body.akx-shell .akx-app.akx-app .akx-content.akx-content:has(.qp-page) {
  background: #F7F9FC !important;
  background-image: none !important;
}

html body.akx-shell .akx-app.akx-app .akx-content.akx-content .gr-page,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .so-page,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .rd-page,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .qp-page {
  width: calc(100% - 40px) !important;
  max-width: 1500px !important;
  margin: 0 auto 24px !important;
}

html body.akx-shell .akx-app.akx-app .akx-content.akx-content .mod-kpis,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .gr-kpis {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 14px !important;
  margin: 0 0 16px !important;
  padding: 0 !important;
  background: none !important;
  border: 0 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .mod-kpi,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .gr-kpi {
  display: flex !important;
  align-items: center !important;
  gap: 13px !important;
  min-width: 0 !important;
  padding: 14px 16px !important;
  background: #FFFFFF !important;
  border: 1px solid #E1E7EF !important;
  border-radius: 14px !important;
  box-shadow: 0 3px 12px rgba(22,34,60,.04) !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .mod-kpi > div,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .gr-kpi > div { min-width: 0 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .mod-kpi-icon,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .gr-kpi-icon {
  display: grid !important;
  place-items: center !important;
  flex: 0 0 46px !important;
  width: 46px !important;
  height: 46px !important;
  border-radius: 13px !important;
  font-size: 19px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .mod-kpi-icon.tone-blue,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .gr-kpi-icon.tone-blue { background: #EEF4FF !important; color: #5B82F1 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .mod-kpi-icon.tone-green,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .gr-kpi-icon.tone-green { background: #EAF8F1 !important; color: #25A66A !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .mod-kpi-icon.tone-orange,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .gr-kpi-icon.tone-orange { background: #FFF5E9 !important; color: #F59A32 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .mod-kpi-icon.tone-red { background: #FDEDEF !important; color: #EF5361 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .mod-kpi-icon.tone-indigo,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .gr-kpi-icon.tone-indigo { background: #EEF0FB !important; color: #5B5FCF !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .mod-kpi b,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .gr-kpi b {
  display: block !important;
  font-size: 26px !important;
  font-weight: 750 !important;
  line-height: 1.1 !important;
  color: #172A55 !important;
  font-variant-numeric: tabular-nums !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .mod-kpi b.is-high,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .gr-kpi b.is-high { color: #25A66A !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .mod-kpi b.is-mid,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .gr-kpi b.is-mid { color: #D9770A !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .mod-kpi b.is-low,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .gr-kpi b.is-low { color: #DC3F4E !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .mod-kpi strong,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .gr-kpi strong {
  display: block !important;
  margin-top: 2px !important;
  font-size: 13.5px !important;
  font-weight: 650 !important;
  color: #172A55 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .mod-kpi small,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .gr-kpi small {
  display: block !important;
  margin-top: 1px !important;
  font-size: 11.5px !important;
  line-height: 1.35 !important;
  color: #718096 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .mod-head-title {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  min-width: 0 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .mod-head-icon {
  display: grid !important;
  place-items: center !important;
  flex: 0 0 42px !important;
  width: 42px !important;
  height: 42px !important;
  border-radius: 12px !important;
  font-size: 18px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .mod-head-icon.tone-blue { background: #EEF4FF !important; color: #5B82F1 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .mod-head-icon.tone-green { background: #EAF8F1 !important; color: #25A66A !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .mod-head-icon.tone-orange { background: #FFF5E9 !important; color: #F59A32 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .mod-head-icon.tone-red { background: #FDEDEF !important; color: #EF5361 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .mod-head-icon.tone-indigo { background: #EEF0FB !important; color: #5B5FCF !important; }

html body.akx-shell .akx-app.akx-app .akx-content.akx-content .gr-save,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .so-save,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .rd-save,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .qp-save {
  display: inline-flex !important;
  align-items: center !important;
  height: 40px !important;
  padding: 0 16px !important;
  background: #F6A33B !important;
  border: 1px solid #F6A33B !important;
  border-radius: 9px !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  box-shadow: 0 4px 12px rgba(246,163,59,.2) !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .gr-save:hover,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .so-save:hover,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .rd-save:hover,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .qp-save:hover {
  background: #EF9526 !important;
  border-color: #EF9526 !important;
  color: #FFFFFF !important;
}

/* ---- Yazılı Sonuçları ---- */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .gr-shell {
  background: #FFFFFF !important;
  border: 1px solid #E1E7EF !important;
  border-radius: 14px !important;
  box-shadow: 0 3px 12px rgba(22,34,60,.04) !important;
  overflow: hidden !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .gr-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  flex-wrap: wrap !important;
  padding: 14px 18px !important;
  border-bottom: 1px solid #EDF1F6 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .gr-head h2 { margin: 0 !important; font-size: 17px !important; font-weight: 750 !important; color: #172A55 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .gr-head p { margin: 2px 0 0 !important; font-size: 12.5px !important; color: #718096 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .gr-term {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  height: 40px !important;
  margin: 0 !important;
  padding: 0 12px !important;
  background: #FFFFFF !important;
  border: 1px solid #DDE5EE !important;
  border-radius: 10px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .gr-term > i { color: #5B82F1 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .gr-term select {
  border: 0 !important;
  background: transparent !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  color: #172A55 !important;
  outline: none !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .gr-table-wrap { padding: 0 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .gr-page .grades-table { margin: 0 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .gr-page .grades-table thead th[data-kind="lesson"] { background: #F4F7FB !important; color: #4A6069 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .gr-page .grades-table thead th[data-kind="written"] { background: #E8F0FA !important; color: #1B4477 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .gr-page .grades-table thead th[data-kind="oral"] { background: #E8F6EE !important; color: #1D5A38 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .gr-page .grades-table thead th[data-kind="project"] { background: #F8F0DC !important; color: #6E4E0E !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .gr-page .grades-table thead th[data-kind="avg"] { background: #EEEFFA !important; color: #2F3A7E !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .gr-page .grades-table tbody td[data-kind="written"] { background: #F4F8FC !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .gr-page .grades-table tbody td[data-kind="oral"] { background: #F3FAF6 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .gr-page .grades-table tbody td[data-kind="project"] { background: #FBF7EE !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .gr-page .grades-table tbody td[data-kind="avg"] { background: #F6F6FC !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .gr-page .grade-input {
  width: 4.6rem !important;
  height: 36px !important;
  background: #FFFFFF !important;
  border: 1px solid #D5DEE8 !important;
  border-radius: 8px !important;
  font-weight: 650 !important;
  color: #172A55 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .gr-page .grade-input.is-high { border-color: #B7E0C8 !important; color: #1D5A38 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .gr-page .grade-input.is-mid { border-color: #F0D29A !important; color: #8A5A10 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .gr-page .grade-input.is-low { border-color: #F0C2C8 !important; color: #B4233A !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .gr-page .gr-avg {
  display: inline-flex !important;
  min-width: 3.4rem !important;
  justify-content: center !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  background: #EEF0FB !important;
  color: #2F3A7E !important;
  font-weight: 750 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .gr-page .gr-avg.is-high { background: #EAF8F1 !important; color: #1D5A38 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .gr-page .gr-avg.is-mid { background: #FFF5E9 !important; color: #8A5A10 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .gr-page .gr-avg.is-low { background: #FDEDEF !important; color: #B4233A !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .gr-foot {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
  padding: 12px 18px !important;
  background: #FAFBFD !important;
  border-top: 1px solid #EDF1F6 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .gr-hint { font-size: 12.5px !important; color: #718096 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .gr-empty { padding: 28px !important; text-align: center !important; color: #94A3B8 !important; }

/* ---- Kaynaklar ---- */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .so-page .video-hub,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .so-page .so-lib {
  background: #FFFFFF !important;
  border: 1px solid #E1E7EF !important;
  border-radius: 14px !important;
  box-shadow: 0 3px 12px rgba(22,34,60,.04) !important;
  overflow: hidden !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .so-page .video-hub-head,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .so-page .sources-card-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  padding: 14px 18px !important;
  background: #FFFFFF !important;
  border-bottom: 1px solid #EDF1F6 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .so-page .video-hub-title,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .so-page .card-title {
  margin: 0 !important;
  font-size: 17px !important;
  font-weight: 750 !important;
  color: #172A55 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .so-page .video-hub-sub { margin: 2px 0 0 !important; font-size: 12.5px !important; color: #718096 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .so-page .video-hub-count,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .so-page .record-count-badge {
  display: inline-flex !important;
  align-items: center !important;
  height: 28px !important;
  padding: 0 10px !important;
  background: #EEF4FF !important;
  border-radius: 999px !important;
  color: #3D5BB5 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .so-page .video-add-form { padding: 14px 18px !important; background: #FAFBFD !important; border-bottom: 1px solid #EDF1F6 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .so-page .video-add-form .form-label { font-size: 12px !important; font-weight: 650 !important; color: #55718B !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .so-page .video-add-form .form-control,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .so-page .video-add-form .form-select {
  border: 1px solid #DDE5EE !important;
  border-radius: 9px !important;
  background: #FFFFFF !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .so-page .video-tabs {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  padding: 12px 18px !important;
  background: #FAFBFD !important;
  border-bottom: 1px solid #EDF1F6 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .so-page .video-tab {
  height: 34px !important;
  padding: 0 12px !important;
  background: #FFFFFF !important;
  border: 1px solid #DDE5EE !important;
  border-radius: 8px !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  color: #55718B !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .so-page .video-tab.active {
  background: #294F70 !important;
  border-color: #294F70 !important;
  color: #FFFFFF !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .so-page .video-tab-badge {
  margin-left: 6px !important;
  padding: 1px 6px !important;
  border-radius: 999px !important;
  background: #EEF4FF !important;
  color: #3D5BB5 !important;
  font-size: 11px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .so-page .video-tab.active .video-tab-badge { background: rgba(255,255,255,.2) !important; color: #FFFFFF !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .so-page .video-grid { padding: 16px 18px !important; gap: 14px !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .so-page .video-card {
  background: #FFFFFF !important;
  border: 1px solid #E1E7EF !important;
  border-radius: 12px !important;
  box-shadow: 0 3px 10px rgba(22,34,60,.04) !important;
  overflow: hidden !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .so-page .video-meta { padding: 12px 13px !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .so-page .video-meta strong { color: #172A55 !important; font-size: 13.5px !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .so-page .video-empty,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .so-page .empty-state { padding: 28px !important; color: #94A3B8 !important; }

/* ---- Kitap Okuma ---- */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .rd-page .read-badgebar { display: none !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .rd-page .rd-add,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .rd-page .read-col {
  background: #FFFFFF !important;
  border: 1px solid #E1E7EF !important;
  border-radius: 14px !important;
  box-shadow: 0 3px 12px rgba(22,34,60,.04) !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .rd-page .rd-add { margin-bottom: 16px !important; overflow: hidden !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .rd-page .rd-add .card-header {
  padding: 14px 18px !important;
  background: #FFFFFF !important;
  border-bottom: 1px solid #EDF1F6 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .rd-page .rd-add .card-title { margin: 0 !important; font-size: 17px !important; font-weight: 750 !important; color: #172A55 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .rd-page .rd-add .form-text { color: #718096 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .rd-page .read-field label { color: #55718B !important; font-weight: 650 !important; text-transform: none !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .rd-page .read-form .form-control,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .rd-page .read-form .form-select {
  background: #FFFFFF !important;
  border: 1px solid #DDE5EE !important;
  border-radius: 9px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .rd-page .read-columns { gap: 14px !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .rd-page .read-col { padding: 14px !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .rd-page .read-col-title {
  margin: 0 0 10px !important;
  padding: 0 !important;
  background: none !important;
  border: 0 !important;
  color: #172A55 !important;
  font-size: 14px !important;
  font-weight: 750 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .rd-page .read-col-title span {
  background: #EEF4FF !important;
  color: #3D5BB5 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .rd-page .read-card {
  background: #FAFBFD !important;
  border: 1px solid #E1E7EF !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .rd-page .read-card.status-okunuyor { border-left: 3px solid #5B82F1 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .rd-page .read-card.status-oneri { border-left: 3px solid #F6A33B !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .rd-page .read-card.status-okundu { border-left: 3px solid #25A66A !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .rd-page .read-card-title strong { color: #172A55 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .rd-page .read-empty { color: #94A3B8 !important; }

/* ---- Ganimet Kutusu ---- */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .qp-page .qpool-upload-card,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .qp-page .qpool-test-form,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .qp-page .qmist-card {
  background: #FFFFFF !important;
  border: 1px solid #E1E7EF !important;
  border-radius: 14px !important;
  box-shadow: 0 3px 12px rgba(22,34,60,.04) !important;
  overflow: hidden !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .qp-page .qpool-test-form::before { display: none !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .qp-page .qpool-head,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .qp-page .qpool-toolbar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
  padding: 14px 18px !important;
  background: #FFFFFF !important;
  border-bottom: 1px solid #EDF1F6 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .qp-page .qpool-head .card-title { margin: 0 !important; font-size: 17px !important; font-weight: 750 !important; color: #172A55 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .qp-page .qpool-head .form-text { color: #718096 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .qp-page .qpool-count { color: #172A55 !important; font-weight: 700 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .qp-page .qpool-form,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .qp-page .qmist-form { padding: 16px 18px !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .qp-page .qpool-file {
  border: 1px dashed #C9D6E4 !important;
  background: #F7F9FC !important;
  border-radius: 12px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .qp-page .qpool-file:hover { border-color: #5B82F1 !important; background: #EEF4FF !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .qp-page .qpool-file-face { color: #35536D !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .qp-page .qpool-filterbar {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  padding: 10px 18px !important;
  background: #FAFBFD !important;
  border-bottom: 1px solid #EDF1F6 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .qp-page .qpool-filter-chip {
  height: 32px !important;
  padding: 0 12px !important;
  background: #FFFFFF !important;
  border: 1px solid #DDE5EE !important;
  border-radius: 8px !important;
  color: #55718B !important;
  box-shadow: none !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .qp-page .qpool-filter-chip.active {
  background: #294F70 !important;
  border-color: #294F70 !important;
  color: #FFFFFF !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .qp-page .qpool-grid { padding: 16px 18px !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .qp-page .qpool-card {
  background: #FFFFFF !important;
  border: 1px solid #E1E7EF !important;
  border-radius: 12px !important;
  box-shadow: 0 3px 10px rgba(22,34,60,.04) !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .qp-page .qpool-card:has(input:checked) {
  border-color: #5B82F1 !important;
  box-shadow: 0 0 0 2px rgba(91,130,241,.18) !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .qp-page .qpool-chip { background: #EEF4FF !important; color: #3D5BB5 !important; border-color: #D7E3FA !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .qp-page .qpool-chip-konu { background: #EAF8F1 !important; color: #1D5A38 !important; border-color: #CDE8DB !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .qp-page .qpool-chip-zor { background: #FFF5E9 !important; color: #8A5A10 !important; border-color: #F0D29A !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .qp-page .qmist-item {
  background: #FAFBFD !important;
  border: 1px solid #E1E7EF !important;
  border-radius: 12px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .qp-page .curriculum-empty {
  padding: 36px 18px !important;
  background: #FFFFFF !important;
  border: 1px solid #E1E7EF !important;
  border-radius: 14px !important;
  color: #718096 !important;
}

@media (max-width: 980px) {
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .mod-kpis,
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .gr-kpis {
    grid-template-columns: 1fr 1fr !important;
  }
}
@media (max-width: 640px) {
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .mod-kpis,
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .gr-kpis {
    grid-template-columns: 1fr !important;
  }
}
/* END MODUL PREMIUM v1 */

/* =====================================================================
   HAFTALIK PLAN v4 — sutun basliklari: gun adlari koyu ve kalin punto,
   tarihler siyaha yakin ve belirgin. Tarih secici tiklanabilir alan.
   ===================================================================== */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-write-grid thead th.pg-col .pg-day {
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: .035em !important;
  color: color-mix(in srgb, var(--wp-day) 78%, #0A1A30) !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-write-grid thead th.pg-col .pg-date {
  margin-top: 2px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #0F172A !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-write-grid thead th.pg-col {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
/* hafta araligi kutusu: tiklanabilir oldugu belli olsun */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .wp-week-range {
  cursor: pointer !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .wp-week-range:hover {
  border-color: #C6D4E6 !important;
  box-shadow: 0 4px 12px rgba(22,52,90,.08) !important;
}
/* END HAFTALIK PLAN v4 */

/* =====================================================================
   HAFTALIK PLAN v5 — uzun plan metni: kutunun herhangi bir yerine
   tiklayinca yazi alani acilir ve tam metin gorunur.
   ===================================================================== */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-write-grid .plan-cell:focus {
  overflow: auto !important;
  max-height: 260px !important;
}
/* acik kutu one cikar, komsu hucrelerin uzerine tasabilir */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-write-grid td.plan-write-cell:focus-within {
  position: relative !important;
  z-index: 30 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-line:focus-within {
  background: #FFFFFF !important;
  border-color: var(--wp-day) !important;
  box-shadow: 0 12px 26px rgba(15, 23, 42, .14) !important;
}
/* tiklanabilir oldugu belli olsun */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-write-grid td.plan-write-cell,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-line {
  cursor: text !important;
}

/* Haftalik plan: Word benzeri, secili metin parcasi renklendirme */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-write-grid .plan-rich-editor {
  display: block !important;
  height: auto !important;
  min-height: 18px !important;
  max-height: 260px !important;
  white-space: pre-wrap !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  color: #172A55 !important;
  caret-color: #172A55 !important;
  cursor: text !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-write-grid .plan-rich-editor:empty::before {
  content: attr(data-placeholder) !important;
  color: #9AA8BC !important;
  font-weight: 500 !important;
  pointer-events: none !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-write-grid .plan-rich-editor span[data-plan-color] {
  color: inherit;
}
/* END HAFTALIK PLAN v5 */

/* =====================================================================
   HAFTALIK PLAN v6 — hafta araligi kutusu: minimal tipografi ve sabit
   genislik (tarih degisince kutu saga/sola kaymaz).
   ===================================================================== */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .wp-week-range {
  min-width: 268px !important;
  justify-content: center !important;
  padding: 0 12px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .wp-week-range > span {
  flex: 0 0 auto !important;
  text-align: left !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .wp-week-range > i {
  font-size: 13px !important;
  color: #93A8C4 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .wp-week-range b {
  font-size: 12.5px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  color: #4A5C74 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .wp-week-range small {
  margin-top: 1px !important;
  font-size: 10.5px !important;
  font-weight: 500 !important;
  color: #9EABBB !important;
}
/* END HAFTALIK PLAN v6 */

/* =====================================================================
   HAFTALIK PLAN v7 — istatistik satiri kaldirildi; ust bar tek hizada:
   baslik solda, hafta gezinme ortada, eylemler sagda. Butonlar ayni
   yukseklik/koseyle premium bir kontrol seridi olusturur.
   ===================================================================== */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .student-plan-shell {
  margin-top: 4px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .wp-head {
  gap: 12px !important;
  row-gap: 12px !important;
  padding: 13px 16px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .wp-head-title {
  /* buyumez: hafta gezinme basligin hemen yaninda kalir, eylemler saga yaslanir */
  flex: 0 1 auto !important;
  margin-right: 4px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .wp-week-nav {
  flex: 0 0 auto !important;
  gap: 6px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .wp-head-actions {
  flex: 0 0 auto !important;
  gap: 8px !important;
  margin-left: auto !important;
}

/* ortak kontrol olcusu */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .wp-nav-btn,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .wp-week-range,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .wp-head-actions .btn,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .wp-head-actions .wp-new-btn {
  height: 38px !important;
  border-radius: 10px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .wp-nav-btn {
  width: 34px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .wp-head-actions form {
  display: inline-flex !important;
  margin: 0 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .wp-head-actions .btn {
  display: inline-flex !important;
  align-items: center !important;
  padding: 0 13px !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}

/* gorunum secici: tek parca segment */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .wp-head-actions .plan-view-toggle {
  gap: 3px !important;
  padding: 3px !important;
  background: #F4F7FB !important;
  border: 1px solid #E2E9F2 !important;
  border-radius: 11px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .wp-head-actions .plan-view-toggle .btn {
  height: 30px !important;
  min-width: 84px !important;
  padding: 0 12px !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 8px !important;
  color: #53667F !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .wp-head-actions .plan-view-toggle .btn.active,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .wp-head-actions .plan-view-toggle .btn.btn-primary {
  background: #294F70 !important;
  border: 0 !important;
  color: #FFFFFF !important;
  box-shadow: 0 2px 6px rgba(41,79,112,.22) !important;
}

/* ince ayirici */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .wp-head-sep {
  display: inline-block !important;
  width: 1px !important;
  height: 24px !important;
  margin: 0 2px !important;
  background: #E4EAF2 !important;
}

/* Google + PDF: sakin, ayni dil */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .wp-head-actions .plan-gcal-btn {
  background: #FFFFFF !important;
  border: 1px solid #DDE5EE !important;
  color: #35536D !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .wp-head-actions .plan-gcal-btn:hover {
  background: #F4F7FB !important;
  border-color: #C9D6E4 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .wp-head-actions .plan-pdf-btn,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .wp-head-actions .plan-pdf-btn.btn-danger {
  background: #FFF4F4 !important;
  border: 1px solid #F3C7C7 !important;
  color: #C33A40 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .wp-head-actions .plan-pdf-btn:hover {
  background: #FDE9E9 !important;
  border-color: #E9AFAF !important;
}
/* Google baglantisini yenile: ikon buton */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .wp-head-actions .plan-gcal-refresh {
  width: 38px !important;
  justify-content: center !important;
  padding: 0 !important;
  background: #FFFFFF !important;
  border: 1px solid #DDE5EE !important;
  color: #6B7E95 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .wp-head-actions .plan-gcal-refresh span {
  display: none !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .wp-head-actions .plan-gcal-refresh:hover {
  background: #F4F7FB !important;
  color: #294F70 !important;
}
/* birincil eylem en sagda vurgulu kalir */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .wp-head-actions .wp-new-btn {
  padding: 0 15px !important;
}

/* dar barda alt baslik gizlenir ki kontroller tek satirda kalsin */
@media (max-width: 1700px) {
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .wp-head-title p { display: none !important; }
}
@media (max-width: 1180px) {
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .wp-week-nav { order: 3 !important; width: 100% !important; justify-content: center !important; }
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .wp-head-actions { order: 2 !important; }
}
/* END HAFTALIK PLAN v7 */

/* =====================================================================
   HAFTALIK PLAN v8 — ust bar iki satir: ustte baslik, altta hafta
   gezinme (sol) ve eylem butonlari (sag). Daha ferah hizalama.
   ===================================================================== */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .wp-head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  grid-template-areas:
    "title title"
    "nav actions" !important;
  align-items: center !important;
  column-gap: 14px !important;
  row-gap: 14px !important;
  padding: 16px 18px 17px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .wp-head-title {
  grid-area: title !important;
  margin-right: 0 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .wp-week-nav {
  grid-area: nav !important;
  justify-self: start !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .wp-head-actions {
  grid-area: actions !important;
  justify-self: end !important;
  margin-left: 0 !important;
  flex-wrap: nowrap !important;
}
/* baslik satiri artik yalniz: alt aciklama geri gelir */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .wp-head-title p {
  display: block !important;
}
/* ince ayirici cizgi: baslik ile kontrol satiri arasinda */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .wp-head-title {
  padding-bottom: 14px !important;
  border-bottom: 1px solid #EDF1F7 !important;
}
/* PDF butonu biraz daha okunakli */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .wp-head-actions .plan-pdf-btn,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .wp-head-actions .plan-pdf-btn.btn-danger {
  background: #FFF1F1 !important;
  border-color: #EDB9B9 !important;
  color: #B62A31 !important;
}

@media (max-width: 1000px) {
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .wp-head {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas:
      "title"
      "nav"
      "actions" !important;
  }
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .wp-head-actions {
    justify-self: stretch !important;
    flex-wrap: wrap !important;
  }
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .wp-week-nav {
    width: 100% !important;
    justify-content: space-between !important;
  }
}
/* END HAFTALIK PLAN v8 */

/* =====================================================================
   HAFTALIK PLAN v9 — PDF Indir butonu yeniden dolgulu kirmizi.
   ===================================================================== */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .wp-head-actions .plan-pdf-btn,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .wp-head-actions .plan-pdf-btn.btn-danger,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .wp-head-actions a.plan-pdf-btn {
  background: #DC3545 !important;
  background-image: none !important;
  border: 1px solid #DC3545 !important;
  color: #FFFFFF !important;
  box-shadow: 0 4px 12px rgba(220, 53, 69, .22) !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .wp-head-actions .plan-pdf-btn:hover,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .wp-head-actions a.plan-pdf-btn:hover {
  background: #C82333 !important;
  border-color: #C82333 !important;
  color: #FFFFFF !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .wp-head-actions .plan-pdf-btn i {
  color: #FFFFFF !important;
}
/* END HAFTALIK PLAN v9 */

/* =====================================================================
   OGRENCI 360 v1 — Koc tarafi "Ogrenci Detay / Genel Durum" ekrani
   Sade profil panosu, yatay modul sekmeleri, 5 KPI, AI degerlendirmesi,
   iki kolonlu ana grid ve "Diger" altinda acilan yan paneller.
   ===================================================================== */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-page {
  --sp-ink: #17213C;
  --sp-ink-soft: #66748A;
  --sp-line: #E6EBF2;
  --sp-accent: #F47A20;
  width: calc(100% - 40px) !important;
  max-width: 1500px !important;
  margin: 0 auto 28px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
  color: var(--sp-ink) !important;
}

/* ---------------- 1. Profil panosu ---------------- */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-hero {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  min-height: 132px !important;
  padding: 18px 22px !important;
  overflow: hidden !important;
  background: linear-gradient(100deg, #FBD3A8 0%, #FDE7CE 34%, #FFF6EC 64%, #FFFFFF 100%) !important;
  border: 1px solid #F2E2D2 !important;
  border-radius: 16px !important;
  box-shadow: 0 3px 14px rgba(22, 34, 60, .05) !important;
}
/* dekoratif atmosfer: yumusak dalga + blur daireler, metnin onune gecmez */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-hero-art {
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background:
    radial-gradient(150px 90px at 68% 18%, rgba(244, 154, 50, .16), transparent 70%),
    radial-gradient(190px 120px at 86% 92%, rgba(91, 130, 241, .10), transparent 72%),
    radial-gradient(120px 80px at 40% 96%, rgba(244, 122, 32, .10), transparent 70%) !important;
  filter: blur(.4px) !important;
  opacity: .9 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-hero-photo {
  position: relative !important;
  z-index: 1 !important;
  margin: 0 !important;
  flex: 0 0 auto !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-photo {
  position: relative !important;
  display: grid !important;
  place-items: center !important;
  width: 104px !important;
  height: 104px !important;
  margin: 0 !important;
  overflow: hidden !important;
  background: #FFFFFF !important;
  border-radius: 50% !important;
  box-shadow: 0 0 0 4px #FFFFFF, 0 0 0 6px rgba(244, 122, 32, .28), 0 10px 24px rgba(22, 34, 60, .14) !important;
  cursor: pointer !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-photo img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-photo-initials {
  color: #C2641A !important;
  font-size: 32px !important;
  font-weight: 750 !important;
  letter-spacing: .02em !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-photo input[type="file"] {
  position: absolute !important;
  inset: 0 !important;
  opacity: 0 !important;
  cursor: pointer !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-photo-edit {
  position: absolute !important;
  right: 6px !important;
  bottom: 6px !important;
  display: grid !important;
  place-items: center !important;
  width: 26px !important;
  height: 26px !important;
  background: rgba(23, 33, 60, .62) !important;
  border-radius: 50% !important;
  color: #FFFFFF !important;
  font-size: 12px !important;
  font-style: normal !important;
  opacity: 0 !important;
  transition: opacity .18s ease !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-photo:hover .sp-photo-edit { opacity: 1 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-photo-dot {
  position: absolute !important;
  right: 6px !important;
  top: 8px !important;
  width: 16px !important;
  height: 16px !important;
  background: #2FBE7E !important;
  border: 3px solid #FFFFFF !important;
  border-radius: 50% !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-hero-actions {
  position: relative !important;
  z-index: 1 !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-hero-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  height: 38px !important;
  padding: 0 14px !important;
  background: rgba(255, 255, 255, .86) !important;
  border: 1px solid rgba(233, 219, 205, .9) !important;
  border-radius: 10px !important;
  color: #4A5C74 !important;
  font-size: 12.5px !important;
  font-weight: 650 !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: background .18s ease, border-color .18s ease, transform .18s ease !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-hero-btn:hover {
  background: #FFFFFF !important;
  border-color: #E0CCB6 !important;
  transform: translateY(-1px) !important;
  color: #17213C !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-hero-btn.is-ai {
  background: #FFFFFF !important;
  border-color: #E3D6F5 !important;
  color: #6B4BC9 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-hero-btn.is-ai i { color: #7659E8 !important; }

/* ---------------- 2. Modul sekmeleri ---------------- */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tabs {
  position: sticky !important;
  top: 0 !important;
  z-index: 30 !important;
  display: flex !important;
  align-items: stretch !important;
  gap: 2px !important;
  padding: 6px 8px !important;
  overflow: visible !important;
  background: #FFFFFF !important;
  border: 1px solid var(--sp-line) !important;
  border-radius: 14px !important;
  box-shadow: 0 3px 12px rgba(22, 34, 60, .05) !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab {
  position: relative !important;
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  flex: 1 1 0 !important;
  min-width: 0 !important;
  padding: 9px 6px 10px !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 10px !important;
  color: var(--sp-ink-soft) !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  text-align: center !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  transition: background .16s ease, color .16s ease !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab i { font-size: 16px !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab span {
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab:hover {
  background: #F6F8FC !important;
  color: #2C3A55 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab.is-active {
  background: #FFF3E8 !important;
  color: #D9690F !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab.is-active::after {
  content: "" !important;
  position: absolute !important;
  left: 18% !important;
  right: 18% !important;
  bottom: 2px !important;
  height: 3px !important;
  background: var(--sp-accent) !important;
  border-radius: 3px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-more {
  position: relative !important;
  flex: 0 0 auto !important;
  display: flex !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-more-btn {
  flex-direction: row !important;
  gap: 6px !important;
  min-width: 92px !important;
  padding: 9px 12px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-more-menu {
  display: none !important;
  position: absolute !important;
  right: 0 !important;
  top: calc(100% + 6px) !important;
  z-index: 40 !important;
  min-width: 232px !important;
  padding: 6px !important;
  background: #FFFFFF !important;
  border: 1px solid var(--sp-line) !important;
  border-radius: 12px !important;
  box-shadow: 0 12px 30px rgba(22, 34, 60, .14) !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-more-menu.is-open { display: block !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-more-menu a {
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  padding: 9px 10px !important;
  border-radius: 8px !important;
  color: #40506B !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-more-menu a i { color: #9AA8BC !important; font-size: 14px !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-more-menu a:hover { background: #F6F8FC !important; color: #17213C !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-more-menu a.is-active { background: #FFF3E8 !important; color: #D9690F !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-more-sep {
  height: 1px !important;
  margin: 5px 8px !important;
  background: var(--sp-line) !important;
}

/* ---------------- ortak kart ---------------- */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-card {
  display: flex !important;
  flex-direction: column !important;
  background: #FFFFFF !important;
  border: 1px solid var(--sp-line) !important;
  border-radius: 14px !important;
  box-shadow: 0 3px 12px rgba(22, 34, 60, .045) !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-card-head {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 14px 16px 10px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-card-head h3 {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex: 1 1 auto !important;
  margin: 0 !important;
  color: var(--sp-ink) !important;
  font-size: 14.5px !important;
  font-weight: 700 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-card-head h3 i { color: var(--sp-accent) !important; font-size: 15px !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-card-link {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  color: #5B82F1 !important;
  font-size: 12px !important;
  font-weight: 650 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-card-link:hover { color: #3C63CC !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-select select {
  height: 32px !important;
  padding: 0 28px 0 10px !important;
  background: #F6F8FC !important;
  border: 1px solid var(--sp-line) !important;
  border-radius: 9px !important;
  color: #46586F !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-empty {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 34px 18px !important;
  color: #8A97A8 !important;
  text-align: center !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-empty.compact { padding: 22px 16px !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-empty i { color: #C3CEDC !important; font-size: 22px !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-empty b { color: #56657C !important; font-size: 13px !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-empty span { font-size: 12px !important; }

/* ---------------- 3. KPI kartlari ---------------- */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpis {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 12px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpi {
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
  min-width: 0 !important;
  padding: 14px 15px 13px !important;
  background: #FFFFFF !important;
  border: 1px solid var(--sp-line) !important;
  border-radius: 14px !important;
  box-shadow: 0 3px 12px rgba(22, 34, 60, .045) !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpi-icon {
  display: grid !important;
  place-items: center !important;
  flex: 0 0 38px !important;
  width: 38px !important;
  height: 38px !important;
  border-radius: 11px !important;
  font-size: 16px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpi-icon.tone-green { background: #EAF8F1; color: #2FA97A; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpi-icon.tone-orange { background: #FFF2E6; color: #ED8A26; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpi-icon.tone-blue { background: #EDF4FF; color: #4A85EE; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpi-icon.tone-purple { background: #F3EFFC; color: #7659E8; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpi-icon.tone-red { background: #FDEEEF; color: #E0565F; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpi-body {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  min-width: 0 !important;
  flex: 1 1 auto !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpi-top {
  display: flex !important;
  align-items: baseline !important;
  gap: 7px !important;
  flex-wrap: wrap !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpi-top b {
  color: var(--sp-ink) !important;
  font-size: 23px !important;
  font-weight: 750 !important;
  line-height: 1.1 !important;
  font-variant-numeric: tabular-nums !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-delta {
  display: inline-flex !important;
  align-items: center !important;
  gap: 2px !important;
  font-size: 11.5px !important;
  font-style: normal !important;
  font-weight: 700 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-delta.is-up { color: #2FA97A !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-delta.is-down { color: #E0565F !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpi-note {
  color: #93A0B2 !important;
  font-size: 11px !important;
  font-style: normal !important;
  font-weight: 600 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpi-body > span {
  color: var(--sp-ink-soft) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpi-bar {
  margin-top: 8px !important;
  height: 5px !important;
  background: #F0F3F8 !important;
  border-radius: 999px !important;
  overflow: hidden !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpi-bar i {
  display: block !important;
  height: 100% !important;
  border-radius: 999px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpi-bar.tone-green i { background: #3FBE8C !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpi-bar.tone-orange i { background: #F59A32 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpi-bar.tone-blue i { background: #5B95F3 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpi-bar.tone-purple i { background: #8B72F0 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpi-bar.tone-red i { background: #EC7078 !important; }

/* ---------------- 4. AI degerlendirmesi ---------------- */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-ai {
  padding: 16px 18px 17px !important;
  background: linear-gradient(126deg, #FFFFFF 0%, #FBF8FF 52%, #F5F0FE 100%) !important;
  border: 1px solid #E7E0F7 !important;
  border-radius: 16px !important;
  box-shadow: 0 4px 16px rgba(93, 63, 197, .06) !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-ai-head {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-ai-icon {
  display: grid !important;
  place-items: center !important;
  flex: 0 0 44px !important;
  width: 44px !important;
  height: 44px !important;
  background: linear-gradient(135deg, #8B6BF0 0%, #6E4BE0 100%) !important;
  border-radius: 13px !important;
  color: #FFFFFF !important;
  font-size: 19px !important;
  box-shadow: 0 6px 16px rgba(110, 75, 224, .26) !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-ai-title { flex: 1 1 260px !important; min-width: 0 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-ai-title h3 {
  margin: 0 !important;
  color: #4F3E82 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-beta {
  display: inline-block !important;
  margin-left: 6px !important;
  padding: 1px 7px !important;
  background: #EFE8FC !important;
  border-radius: 999px !important;
  color: #7659E8 !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-ai-title strong {
  display: block !important;
  margin-top: 2px !important;
  color: var(--sp-ink) !important;
  font-size: 21px !important;
  font-weight: 750 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-ai-score {
  display: flex !important;
  align-items: baseline !important;
  gap: 2px !important;
  padding: 7px 13px !important;
  background: #FFFFFF !important;
  border: 1px solid #E7E0F7 !important;
  border-radius: 11px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-ai-score b { color: #6E4BE0 !important; font-size: 19px !important; font-weight: 750 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-ai-score small { color: #A79BC6 !important; font-size: 11px !important; font-weight: 600 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-ai-cta {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  height: 38px !important;
  padding: 0 15px !important;
  background: #FFFFFF !important;
  border: 1px solid #DCD2F4 !important;
  border-radius: 10px !important;
  color: #6E4BE0 !important;
  font-size: 12.5px !important;
  font-weight: 650 !important;
  cursor: pointer !important;
  transition: background .18s ease, box-shadow .18s ease !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-ai-cta:hover {
  background: #6E4BE0 !important;
  border-color: #6E4BE0 !important;
  color: #FFFFFF !important;
  box-shadow: 0 6px 16px rgba(110, 75, 224, .22) !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-ai-summary {
  margin: 10px 0 0 !important;
  max-width: 88ch !important;
  color: #5C6A82 !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-ai-insights {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin-top: 13px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-insight {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  min-width: 0 !important;
  padding: 11px 13px !important;
  background: #FFFFFF !important;
  border: 1px solid var(--sp-line) !important;
  border-radius: 12px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-insight > span {
  display: grid !important;
  place-items: center !important;
  flex: 0 0 30px !important;
  width: 30px !important;
  height: 30px !important;
  border-radius: 9px !important;
  font-size: 14px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-insight > div { min-width: 0 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-insight small {
  display: block !important;
  color: #93A0B2 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .04em !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-insight strong {
  display: block !important;
  color: var(--sp-ink) !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-insight p {
  margin: 1px 0 0 !important;
  color: #7C8A9E !important;
  font-size: 11.5px !important;
  line-height: 1.4 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-insight.tone-green { background: #F4FBF7 !important; border-color: #DCF0E6 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-insight.tone-green > span { background: #E3F6EC !important; color: #2FA97A !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-insight.tone-amber { background: #FFFAF3 !important; border-color: #F7E6CE !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-insight.tone-amber > span { background: #FDEFD9 !important; color: #E08A1E !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-insight.tone-blue { background: #F5F9FF !important; border-color: #DCE8FA !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-insight.tone-blue > span { background: #E4EEFD !important; color: #4A85EE !important; }

/* ---------------- 5. Ana grid ---------------- */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 2.2fr) minmax(300px, 1fr) !important;
  gap: 13px !important;
  align-items: start !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-col-main,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-col-side {
  display: flex !important;
  flex-direction: column !important;
  gap: 13px !important;
  min-width: 0 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-chart { padding: 0 6px 8px !important; }

/* ders listesi */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-lesson-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 2px 16px 16px !important;
  list-style: none !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-lesson-list li {
  display: grid !important;
  grid-template-columns: minmax(96px, 1.1fr) minmax(0, 2.6fr) 34px 70px !important;
  align-items: center !important;
  gap: 10px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-lesson-name {
  color: #33425C !important;
  font-size: 12.5px !important;
  font-weight: 650 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-lesson-bar {
  height: 8px !important;
  background: #F0F3F8 !important;
  border-radius: 999px !important;
  overflow: hidden !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-lesson-bar i {
  display: block !important;
  height: 100% !important;
  background: linear-gradient(90deg, #F8A657 0%, #F47A20 100%) !important;
  border-radius: 999px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-lesson-list b {
  color: var(--sp-ink) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-align: right !important;
  font-variant-numeric: tabular-nums !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-lesson-list small {
  color: #97A3B4 !important;
  font-size: 11px !important;
  text-align: right !important;
  white-space: nowrap !important;
}

/* yaklasan plan & odevler */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-agenda {
  display: flex !important;
  flex-direction: column !important;
  margin: 0 !important;
  padding: 0 14px 12px !important;
  list-style: none !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-agenda li {
  display: flex !important;
  align-items: center !important;
  gap: 11px !important;
  padding: 10px 2px !important;
  border-top: 1px solid #F1F4F9 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-agenda li:first-child { border-top: 0 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-agenda-date {
  display: grid !important;
  place-items: center !important;
  flex: 0 0 44px !important;
  width: 44px !important;
  padding: 5px 0 !important;
  background: #F6F8FC !important;
  border-radius: 10px !important;
  line-height: 1.1 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-agenda-date.is-next { background: #FFF3E8 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-agenda-date b { color: #33425C !important; font-size: 15px !important; font-weight: 750 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-agenda-date.is-next b { color: #D9690F !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-agenda-date small { color: #93A0B2 !important; font-size: 10.5px !important; font-weight: 600 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-agenda-main { flex: 1 1 auto !important; min-width: 0 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-agenda-main strong {
  display: block !important;
  color: var(--sp-ink) !important;
  font-size: 12.5px !important;
  font-weight: 650 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-agenda-main small {
  display: block !important;
  color: #93A0B2 !important;
  font-size: 11px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-agenda-dot {
  flex: 0 0 9px !important;
  width: 9px !important;
  height: 9px !important;
  background: #C7D2E0 !important;
  border-radius: 50% !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-agenda-dot.is-hw { background: #F8B26A !important; }

/* one cikanlar */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-highlights {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 9px !important;
  padding: 2px 14px 15px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-highlights article {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 3px !important;
  min-width: 0 !important;
  padding: 12px 8px 11px !important;
  border: 1px solid var(--sp-line) !important;
  border-radius: 12px !important;
  text-align: center !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-highlights article > span {
  display: grid !important;
  place-items: center !important;
  width: 30px !important;
  height: 30px !important;
  border-radius: 9px !important;
  font-size: 14px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-highlights small {
  color: #93A0B2 !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .03em !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-highlights strong {
  color: var(--sp-ink) !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  max-width: 100% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-highlights b { font-size: 17px !important; font-weight: 750 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-highlights .tone-green { background: #F4FBF7 !important; border-color: #DCF0E6 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-highlights .tone-green > span { background: #E3F6EC !important; color: #2FA97A !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-highlights .tone-green b { color: #2FA97A !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-highlights .tone-amber { background: #FFFAF3 !important; border-color: #F7E6CE !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-highlights .tone-amber > span { background: #FDEFD9 !important; color: #E08A1E !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-highlights .tone-amber b { color: #E08A1E !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-highlights .tone-red { background: #FFF6F6 !important; border-color: #F8DDDF !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-highlights .tone-red > span { background: #FBE4E5 !important; color: #E0565F !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-highlights .tone-red b { color: #E0565F !important; }

/* ---------------- yan paneller ---------------- */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-panel { display: none !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-panel.is-open {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-panel-head {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 2px 2px 0 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-panel-head h3 {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex: 1 1 auto !important;
  margin: 0 !important;
  color: var(--sp-ink) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-panel-head h3 i { color: var(--sp-accent) !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-panel-close {
  display: grid !important;
  place-items: center !important;
  width: 32px !important;
  height: 32px !important;
  padding: 0 !important;
  background: #FFFFFF !important;
  border: 1px solid var(--sp-line) !important;
  border-radius: 9px !important;
  color: #7A879B !important;
  cursor: pointer !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-panel-close:hover { background: #F6F8FC !important; color: #17213C !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-panel-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-panel-note {
  padding: 11px 14px !important;
  background: #F7F9FC !important;
  border: 1px solid var(--sp-line) !important;
  border-radius: 12px !important;
  color: #6B7A90 !important;
  font-size: 12px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-panel-note a { color: #5B82F1 !important; font-weight: 650 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-target { padding: 14px 16px 16px !important; gap: 12px !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-overview.is-dimmed { display: none !important; }

/* ---------------- responsive ---------------- */
@media (max-width: 1400px) {
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab { font-size: 11px !important; }
}
@media (max-width: 1180px) {
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpis { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-grid { grid-template-columns: minmax(0, 1fr) !important; }
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-panel-grid { grid-template-columns: minmax(0, 1fr) !important; }
  /* dar ekran: sekmeler alt satira sarar (kaydirma yok, "Diger" menusu kirpilmaz) */
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tabs { flex-wrap: wrap !important; overflow: visible !important; row-gap: 2px !important; }
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab { flex: 1 0 104px !important; }
}
@media (max-width: 760px) {
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-page { width: calc(100% - 24px) !important; }
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-ai-insights { grid-template-columns: minmax(0, 1fr) !important; }
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-hero { flex-direction: column !important; align-items: flex-start !important; }
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-hero-actions { justify-content: flex-start !important; }
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-lesson-list li { grid-template-columns: minmax(80px, 1fr) minmax(0, 1.6fr) 30px !important; }
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-lesson-list small { display: none !important; }
}
/* END OGRENCI 360 v1 */

/* =====================================================================
   OGRENCI 360 v2 — ferahlatma turu
   - genis container, 14-18px kart araligi, buyuk tipografi
   - sekmelere kontrollu pastel renk kimligi
   - KPI kartlari 108px, 50px ikon, 27px deger, mini trend cizgisi
   - AI karti sayfanin odagi: 24px ic bosluk, 28px baslik, ferah insight'lar
   - ana grid %65 / %35
   ===================================================================== */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-page {
  max-width: 1560px !important;
  gap: 18px !important;
}

/* ---------------- profil panosu ---------------- */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-hero {
  min-height: 150px !important;
  padding: 20px 24px !important;
  border-radius: 18px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-photo {
  width: 92px !important;
  height: 92px !important;
  box-shadow: 0 0 0 4px #FFFFFF, 0 6px 18px rgba(22, 34, 60, .16) !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-photo-dot {
  right: 4px !important;
  bottom: 6px !important;
  top: auto !important;
  width: 18px !important;
  height: 18px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-hero-btn {
  height: 42px !important;
  padding: 0 16px !important;
  border-radius: 11px !important;
  font-size: 13.5px !important;
}

/* ---------------- sekmeler: renk kimligi ---------------- */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tabs {
  gap: 0 !important;
  padding: 7px 10px !important;
  border-radius: 16px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab {
  flex-direction: row !important;
  gap: 9px !important;
  padding: 12px 10px !important;
  border-radius: 11px !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab i { font-size: 17px !important; }
/* sekmeler arasi ince ayirici */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab + .sp-tab::before,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-more::before {
  content: "" !important;
  position: absolute !important;
  left: -1px !important;
  top: 22% !important;
  bottom: 22% !important;
  width: 1px !important;
  background: #EEF2F7 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-more::before { left: 0 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab.is-active::before { display: none !important; }

/* her sekmenin kendi tonu: ikon + yazi renkli, zemin beyaz */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab.tone-orange { color: #D9690F !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab.tone-orange i { color: #F47A20 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab.tone-purple { color: #6B4BC9 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab.tone-purple i { color: #7659E8 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab.tone-blue { color: #2F6BC4 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab.tone-blue i { color: #4A85EE !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab.tone-green { color: #227A57 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab.tone-green i { color: #2FA97A !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab.tone-amber { color: #B4701A !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab.tone-amber i { color: #E8A03A !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab.tone-cyan { color: #1D7F91 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab.tone-cyan i { color: #27A3B8 !important; }

/* hover: yalnizca cok hafif pastel zemin */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab.tone-orange:hover { background: #FFF6EE !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab.tone-purple:hover { background: #F7F4FE !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab.tone-blue:hover { background: #F2F7FE !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab.tone-green:hover { background: #F1FAF6 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab.tone-amber:hover { background: #FFFAF1 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab.tone-cyan:hover { background: #F0FAFC !important; }

/* aktif sekme: acik seftali zemin + alt gosterge */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab.is-active {
  background: #FFF1E3 !important;
  color: #D9690F !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab.is-active::after {
  left: 12% !important;
  right: 12% !important;
  bottom: 3px !important;
  height: 3px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-more-btn {
  min-width: 104px !important;
  color: #5A6A80 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-more-btn i { color: #93A0B2 !important; }

/* ---------------- KPI kartlari ---------------- */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpis { gap: 16px !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpi {
  position: relative !important;
  align-items: center !important;
  gap: 15px !important;
  min-height: 104px !important;
  padding: 16px 20px !important;
  border-radius: 16px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpi-icon {
  flex: 0 0 50px !important;
  width: 50px !important;
  height: 50px !important;
  border-radius: 14px !important;
  font-size: 21px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpi-top {
  gap: 9px !important;
  flex-wrap: nowrap !important;
  min-width: 0 !important;
}
/* deger sabit, yanindaki trend/not gerekirse kisalir; satir asla kirilmaz */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpi-top b { flex: 0 0 auto !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpi-top .sp-delta,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpi-top .sp-kpi-note {
  flex: 0 1 auto !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpi-top b {
  font-size: 27px !important;
  letter-spacing: -.01em !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpi-body > span {
  margin-top: 1px !important;
  font-size: 13.5px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-delta { font-size: 12.5px !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpi-note { font-size: 12px !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpi-bar { margin-top: 10px !important; height: 6px !important; }
/* mini trend cizgisi (gercek seri) */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-spark {
  position: absolute !important;
  right: 20px !important;
  top: auto !important;
  bottom: 24px !important;
  width: 72px !important;
  height: 24px !important;
  overflow: visible !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-spark polyline {
  fill: none !important;
  stroke-width: 2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  vector-effect: non-scaling-stroke !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-spark.tone-green polyline { stroke: #7FD3AE !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-spark.tone-blue polyline { stroke: #9CC0F7 !important; }

/* ---------------- AI karti: sayfanin odagi ---------------- */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-ai {
  position: relative !important;
  overflow: hidden !important;
  min-height: 250px !important;
  padding: 24px 26px 26px !important;
  border-radius: 18px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-ai-deco {
  position: absolute !important;
  right: 26px !important;
  bottom: -12px !important;
  color: #7659E8 !important;
  font-size: 148px !important;
  line-height: 1 !important;
  opacity: .06 !important;
  pointer-events: none !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-ai-head {
  align-items: flex-start !important;
  gap: 14px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-ai-icon {
  flex: 0 0 56px !important;
  width: 56px !important;
  height: 56px !important;
  border-radius: 16px !important;
  font-size: 24px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-ai-title { padding-top: 8px !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-ai-title h3 { font-size: 15px !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-beta { font-size: 11px !important; padding: 2px 9px !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-ai-tools {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  flex: 0 0 auto !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-ai-score {
  padding: 9px 16px !important;
  border-radius: 12px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-ai-score b { font-size: 22px !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-ai-score small { font-size: 12px !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-ai-cta {
  height: 42px !important;
  padding: 0 18px !important;
  border-radius: 11px !important;
  font-size: 13.5px !important;
  box-shadow: 0 2px 8px rgba(110, 75, 224, .10) !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-ai-headline {
  display: block !important;
  position: relative !important;
  z-index: 1 !important;
  margin: 16px 0 0 !important;
  color: var(--sp-ink) !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1.22 !important;
  letter-spacing: -.01em !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-ai-summary {
  position: relative !important;
  z-index: 1 !important;
  margin: 10px 0 0 !important;
  max-width: 80ch !important;
  color: #5C6A82 !important;
  font-size: 14.5px !important;
  line-height: 1.62 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-ai-insights {
  position: relative !important;
  z-index: 1 !important;
  gap: 15px !important;
  margin-top: 20px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-insight {
  align-items: flex-start !important;
  gap: 13px !important;
  min-height: 98px !important;
  padding: 17px 18px !important;
  border-radius: 14px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-insight > span {
  flex: 0 0 44px !important;
  width: 44px !important;
  height: 44px !important;
  border-radius: 50% !important;
  font-size: 18px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-insight small { font-size: 11.5px !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-insight strong {
  margin-top: 2px !important;
  font-size: 15px !important;
  text-transform: uppercase !important;
  letter-spacing: .01em !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-insight p {
  margin-top: 5px !important;
  font-size: 12.5px !important;
  line-height: 1.5 !important;
  white-space: normal !important;
}

/* ---------------- ana grid ---------------- */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-grid {
  grid-template-columns: minmax(0, 1.86fr) minmax(330px, 1fr) !important;
  gap: 16px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-col-main,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-col-side { gap: 16px !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-card { border-radius: 16px !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-card-head {
  padding: 18px 20px 12px !important;
  gap: 12px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-card-head h3 { font-size: 16px !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-card-head h3 i { font-size: 17px !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-card-link { font-size: 13px !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-select select { height: 36px !important; font-size: 13px !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-chart { padding: 4px 10px 12px !important; }

/* ders listesi: pastel ikon + ferah satir */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-lesson-list {
  gap: 14px !important;
  padding: 4px 20px 6px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-lesson-list li {
  grid-template-columns: 34px minmax(104px, 1.1fr) minmax(0, 2.2fr) 38px !important;
  gap: 12px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-lesson-icon {
  display: grid !important;
  place-items: center !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 10px !important;
  font-size: 15px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-lesson-name { font-size: 13.5px !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-lesson-bar { height: 9px !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-lesson-list b { font-size: 14.5px !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-lesson-list small { display: none !important; }
/* ders tonlari */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-lesson-list li.tone-orange .sp-lesson-icon { background: #FFF2E6 !important; color: #ED8A26 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-lesson-list li.tone-orange .sp-lesson-bar i { background: linear-gradient(90deg, #F8B26A, #F08A28) !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-lesson-list li.tone-green .sp-lesson-icon { background: #EAF8F1 !important; color: #2FA97A !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-lesson-list li.tone-green .sp-lesson-bar i { background: linear-gradient(90deg, #7FD3AE, #35B27F) !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-lesson-list li.tone-blue .sp-lesson-icon { background: #EDF4FF !important; color: #4A85EE !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-lesson-list li.tone-blue .sp-lesson-bar i { background: linear-gradient(90deg, #9CC0F7, #4A85EE) !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-lesson-list li.tone-purple .sp-lesson-icon { background: #F3EFFC !important; color: #7659E8 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-lesson-list li.tone-purple .sp-lesson-bar i { background: linear-gradient(90deg, #B9A5F5, #7659E8) !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-lesson-list li.tone-red .sp-lesson-icon { background: #FDEEEF !important; color: #E0565F !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-lesson-list li.tone-red .sp-lesson-bar i { background: linear-gradient(90deg, #F5A0A6, #E0565F) !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-lesson-list li.tone-amber .sp-lesson-icon { background: #FFF8E9 !important; color: #E8A03A !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-lesson-list li.tone-amber .sp-lesson-bar i { background: linear-gradient(90deg, #F8D48A, #E8A03A) !important; }

html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-card-foot {
  display: flex !important;
  justify-content: flex-end !important;
  padding: 10px 20px 18px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-ghost-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  height: 38px !important;
  padding: 0 16px !important;
  background: #FFFFFF !important;
  border: 1px solid var(--sp-line) !important;
  border-radius: 10px !important;
  color: #46586F !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  text-decoration: none !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-ghost-btn:hover {
  background: #F6F8FC !important;
  border-color: #CFD9E6 !important;
  color: #17213C !important;
}

/* ajanda */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-agenda { padding: 0 20px 14px !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-agenda li { gap: 13px !important; padding: 13px 2px !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-agenda-date {
  flex: 0 0 50px !important;
  width: 50px !important;
  padding: 7px 0 !important;
  border-radius: 11px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-agenda-date b { font-size: 17px !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-agenda-date small { font-size: 11.5px !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-agenda-main strong { font-size: 13.5px !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-agenda-main small { margin-top: 2px !important; font-size: 12px !important; }

/* one cikanlar */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-highlights {
  gap: 12px !important;
  padding: 4px 20px 20px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-highlights article {
  gap: 5px !important;
  min-height: 118px !important;
  padding: 15px 10px 14px !important;
  border-radius: 14px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-highlights article > span {
  width: 34px !important;
  height: 34px !important;
  border-radius: 50% !important;
  font-size: 15px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-highlights small { font-size: 10.5px !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-highlights strong { font-size: 13px !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-highlights b { font-size: 19px !important; }

/* ---------------- responsive ---------------- */
@media (max-width: 1500px) {
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab { font-size: 12.5px !important; padding: 12px 7px !important; gap: 7px !important; }
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab i { font-size: 16px !important; }
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpi { gap: 12px !important; padding: 17px 16px !important; }
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpi-top b { font-size: 25px !important; }
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-spark { display: none !important; }
}
@media (max-width: 1280px) {
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab span {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-ai-headline { font-size: 25px !important; }
}
@media (max-width: 1180px) {
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab { flex: 1 0 128px !important; }
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-ai-insights { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 760px) {
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-ai { padding: 18px !important; }
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-ai-headline { font-size: 23px !important; }
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-ai-insights { grid-template-columns: minmax(0, 1fr) !important; }
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-lesson-list li { grid-template-columns: 30px minmax(80px, 1fr) minmax(0, 1.6fr) 34px !important; }
}
/* END OGRENCI 360 v2 */

/* =====================================================================
   OGRENCI 360 v3 — kirpilma duzeltmeleri
   - mini trend cizgisi etiketin uzerine binmez
   - dar ekranda KPI 3 kolona, sekmeler alt satira iner (etiketler tam)
   ===================================================================== */
/* KPI etiketi kirpilmaz: gerekirse iki satira sarar */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpi-body > span {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  line-height: 1.28 !important;
}
/* sekmeler: genislik icerige gore dagilir, uzun isimler kirpilmaz */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tabs { justify-content: space-between !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab {
  flex: 0 1 auto !important;
  white-space: nowrap !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab span {
  overflow: visible !important;
  text-overflow: clip !important;
}
@media (max-width: 1400px) {
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpis {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tabs {
    flex-wrap: wrap !important;
    overflow: visible !important;
    row-gap: 2px !important;
  }
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab {
    flex: 1 0 150px !important;
    font-size: 13px !important;
  }
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab span {
    overflow: visible !important;
    text-overflow: clip !important;
  }
}
/* END OGRENCI 360 v3 */

/* =====================================================================
   OGRENCI 360 v4 — referans premium detaylari
   - banner: cok katmanli gradient + dalga + sag tarafta flu akademik gorsel
     (asset: /images/student/student-hero-desk.webp)
   - AI karti: sagda dekoratif asistan gorseli (/images/ai/ai-assistant.svg)
   - sekme ikonlari pastel kutu icinde, KPI ve insight kartlari daha ferah
   ===================================================================== */

/* ---------------- 1-2. PROFIL BANNER'I ---------------- */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-hero {
  min-height: 176px !important;
  padding: 22px 26px !important;
  background:
    linear-gradient(97deg,
      #FBD2A4 0%,
      #FDDFBE 22%,
      #FDEEDD 46%,
      #FFF7EF 68%,
      #FFFDFB 100%) !important;
  border-color: #F4E3D2 !important;
  isolation: isolate !important;
}
/* sag tarafta flu kitap / calisma masasi; sola dogru gradient icinde erir */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-hero::after {
  content: "" !important;
  position: absolute !important;
  right: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 46% !important;
  z-index: 0 !important;
  background-image: url("/images/student/student-hero-desk.webp") !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center right !important;
  opacity: .92 !important;
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,.35) 26%, #000 62%) !important;
  mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,.35) 26%, #000 62%) !important;
  pointer-events: none !important;
}
/* sol / orta: yumusak organik dalgalar, duz turuncu hissini kirar */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-hero-art {
  z-index: 0 !important;
  background:
    radial-gradient(420px 220px at 6% 18%, rgba(255, 255, 255, .55), transparent 68%),
    radial-gradient(280px 180px at 34% 108%, rgba(244, 122, 32, .13), transparent 70%),
    radial-gradient(260px 160px at 52% -20%, rgba(255, 255, 255, .5), transparent 72%) !important;
  opacity: 1 !important;
  filter: none !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-hero-art::before,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-hero-art::after {
  content: "" !important;
  position: absolute !important;
  left: -6% !important;
  right: 18% !important;
  height: 150% !important;
  border-radius: 46% !important;
  pointer-events: none !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-hero-art::before {
  top: -78% !important;
  background: rgba(255, 255, 255, .20) !important;
  transform: rotate(-4deg) !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-hero-art::after {
  top: 52% !important;
  background: rgba(244, 154, 50, .13) !important;
  transform: rotate(3deg) !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-hero-photo,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-hero-actions { z-index: 2 !important; }
/* butonlarin arkasi: hafif cam etkisi, gorsel uzerinde okunakli kalsin */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-hero-actions {
  padding: 7px !important;
  background: rgba(255, 255, 255, .42) !important;
  border: 1px solid rgba(255, 255, 255, .62) !important;
  border-radius: 15px !important;
  -webkit-backdrop-filter: blur(9px) !important;
  backdrop-filter: blur(9px) !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-hero-btn {
  background: rgba(255, 255, 255, .94) !important;
  border-color: rgba(233, 219, 205, .95) !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-photo {
  width: 96px !important;
  height: 96px !important;
  box-shadow: 0 0 0 4px #FFFFFF, 0 8px 22px rgba(120, 72, 22, .18) !important;
}

/* ---------------- 9. SEKMELER: pastel ikon kutusu ---------------- */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tabs {
  padding: 8px 10px !important;
  border-color: #E7ECF3 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab {
  min-height: 54px !important;
  gap: 10px !important;
  padding: 9px 12px !important;
  font-size: 13.5px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab i {
  display: grid !important;
  place-items: center !important;
  flex: 0 0 34px !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 10px !important;
  font-size: 16px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab.tone-orange i { background: #FFF0E0 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab.tone-purple i { background: #F2EDFD !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab.tone-blue i { background: #E9F2FE !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab.tone-green i { background: #E6F7EF !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab.tone-amber i { background: #FFF5E2 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab.tone-cyan i { background: #E6F7FA !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-more-btn i {
  width: auto !important;
  height: auto !important;
  flex: 0 0 auto !important;
  background: transparent !important;
  font-size: 14px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab.is-active { background: #FFF3E7 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab.is-active i { background: #FFE2C6 !important; }

/* ---------------- 7-8. KPI KARTLARI ---------------- */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpi {
  min-height: 112px !important;
  padding: 18px 18px 14px !important;
  border-color: #E7ECF3 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpi-icon {
  flex: 0 0 46px !important;
  width: 46px !important;
  height: 46px !important;
  font-size: 20px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpi-top b { font-size: 26px !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpi-body > span {
  margin-top: 3px !important;
  font-size: 13px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpi-empty {
  display: block !important;
  margin-top: 2px !important;
  color: #A7B2C2 !important;
  font-size: 11.5px !important;
  font-weight: 500 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpi-bar { margin-top: 12px !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpi-bar.is-empty { background: #EEF1F6 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpi-bar.is-empty i { background: #DDE3EC !important; }

/* ---------------- 3-5. AI KARTI ---------------- */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-ai {
  position: relative !important;
  min-height: 258px !important;
  padding: 24px 26px 26px !important;
  border-color: #E7E0F7 !important;
}
/* robotun arkasindaki cok hafif mor isik */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-ai-glow {
  position: absolute !important;
  right: -30px !important;
  top: 10px !important;
  width: 320px !important;
  height: 260px !important;
  background: radial-gradient(circle at 60% 45%, rgba(124, 58, 237, .10), transparent 65%) !important;
  pointer-events: none !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-ai-top {
  position: relative !important;
  z-index: 1 !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 24px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-ai-copy {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-ai-side {
  display: flex !important;
  align-items: flex-start !important;
  gap: 14px !important;
  flex: 0 0 auto !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-ai-tools {
  padding-top: 2px !important;
  gap: 12px !important;
}
/* dekoratif asistan gorseli */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-ai-bot {
  width: 116px !important;
  height: auto !important;
  margin: -6px -4px -18px 0 !important;
  flex: 0 0 auto !important;
  pointer-events: none !important;
  user-select: none !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-ai-headline { margin-top: 18px !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-ai-summary {
  max-width: 760px !important;
  margin-top: 12px !important;
}

/* ---------------- 6. GUCLU / DIKKAT / TAKIP ---------------- */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-insight {
  min-height: 106px !important;
  padding: 18px 20px !important;
  gap: 14px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-insight strong { font-size: 15.5px !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-insight p {
  font-size: 13px !important;
  line-height: 1.45 !important;
}

/* ---------------- 10-11. GENEL FERAHLIK / ORANLAR ---------------- */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-card,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpi,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tabs {
  border-color: #E7ECF3 !important;
  box-shadow: 0 2px 10px rgba(22, 34, 60, .04) !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-grid {
  grid-template-columns: minmax(0, 1.94fr) minmax(320px, 1fr) !important;
}

@media (max-width: 1360px) {
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-ai-bot { width: 96px !important; }
}
@media (max-width: 1100px) {
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-ai-top { flex-direction: column !important; gap: 16px !important; }
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-ai-side { align-self: flex-start !important; }
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-hero::after { width: 54% !important; opacity: .7 !important; }
}
@media (max-width: 760px) {
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-ai-bot { display: none !important; }
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-hero::after { display: none !important; }
}
/* END OGRENCI 360 v4 */

/* OGRENCI 360 v4.1 — dar ekranda KPI trend bilgisi kirpilmaz, alt satira gecer */
@media (max-width: 1360px) {
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpi-top {
    flex-wrap: wrap !important;
    row-gap: 2px !important;
  }
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpi-top .sp-delta,
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpi-top .sp-kpi-note {
    overflow: visible !important;
    text-overflow: clip !important;
  }
}

/* OGRENCI 360 v4.2 — KPI icerigi 1400-1500px arasinda da tek satirda sigsin;
   sigmazsa kirpmak yerine alt satira gecsin (font kucultmeden). */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpi {
  gap: 13px !important;
  padding: 17px 16px 14px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpi-icon {
  flex: 0 0 44px !important;
  width: 44px !important;
  height: 44px !important;
  font-size: 19px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpi-top {
  gap: 8px !important;
  flex-wrap: wrap !important;
  row-gap: 1px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpi-top .sp-delta,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpi-top .sp-kpi-note {
  overflow: visible !important;
  text-overflow: clip !important;
  font-size: 12px !important;
}

/* OGRENCI 360 v4.3 — dar ekranda ders adi kirpilmaz */
@media (max-width: 1400px) {
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-lesson-list li {
    grid-template-columns: 34px minmax(124px, 1.5fr) minmax(0, 1.5fr) 38px !important;
  }
}

/* OGRENCI 360 v4.4 — "Öne Çıkanlar" ders adi kirpilmaz, iki satira sarar */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-highlights strong {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  line-height: 1.25 !important;
}

/* OGRENCI 360 v4.5 — dar kolonda "Öne Çıkanlar" baslik alani biraz genisler */
@media (max-width: 1200px) {
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-highlights article {
    padding: 15px 7px 14px !important;
  }
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-highlights strong {
    font-size: 12px !important;
  }
}

/* =====================================================================
   OGRENCI 360 v5 — banner sahnesi uzaklastirildi + 15-16" ekranlarda
   sayfa olcegi bir tik kucultuldu (tarayici yakinlastirmasi gibi degil,
   yalnizca bu sayfanin kendi olcegi).
   ===================================================================== */
/* gorsel artik genis tuval uzerinde kucuk bir sahne; sag kenara yaslanir */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-hero::after {
  width: 52% !important;
  background-size: cover !important;
  background-position: right center !important;
  opacity: .96 !important;
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,.30) 24%, #000 58%) !important;
  mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,.30) 24%, #000 58%) !important;
}
/* 15-16" dizustu (1600px ve alti): sayfa bir tik uzaklassin */
@media (max-width: 1600px) {
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-page {
    zoom: .93;
  }
}
@media (max-width: 1200px) {
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-page {
    zoom: 1;
  }
}
/* END OGRENCI 360 v5 */

/* =====================================================================
   OGRENCI 360 v6
   - banner arka plan gorseli kaldirildi (yalnizca gradient + dalgalar)
   - tum sekmeler gorunur; sigmayanlar alt satira sarar
   - KPI satiri ile AI karti arasi acildi
   - 15-16" ekranlarda sayfa olcegi bir tik daha uzaklastirildi
   ===================================================================== */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-hero::after {
  content: none !important;
  display: none !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-hero {
  background: linear-gradient(97deg,
      #FBD2A4 0%,
      #FDDFBE 24%,
      #FDEEDD 50%,
      #FFF7EF 74%,
      #FFFDFB 100%) !important;
}

/* sekmeler: hepsi gorunur, iki satira sarar */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tabs {
  flex-wrap: wrap !important;
  justify-content: flex-start !important;
  gap: 4px !important;
  row-gap: 4px !important;
  overflow: visible !important;
  padding: 8px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab {
  flex: 1 1 auto !important;
  justify-content: flex-start !important;
  min-width: 150px !important;
  padding: 9px 12px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab + .sp-tab::before { display: none !important; }

/* bolumler arasi nefes */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-overview {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-page { gap: 20px !important; }

/* 15-16" dizustu: bir tik daha uzaklastir */
@media (max-width: 1600px) {
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-page { zoom: .88; }
}
@media (max-width: 1200px) {
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-page { zoom: .95; }
}
/* END OGRENCI 360 v6 */

/* OGRENCI 360 v6.1 — 16 sekme iki satira sigsin: biraz daha kompakt */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab {
  min-width: 0 !important;
  min-height: 48px !important;
  gap: 8px !important;
  padding: 8px 11px !important;
  font-size: 13px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab i {
  flex: 0 0 30px !important;
  width: 30px !important;
  height: 30px !important;
  border-radius: 9px !important;
  font-size: 15px !important;
}

/* =====================================================================
   OGRENCI 360 v7 — sekmeler esit genislikte izgaraya oturur:
   alt satir ustteki sekmelerle birebir hizali; her sekmede cok hafif
   yumusak cerceve.
   ===================================================================== */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tabs {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(182px, 1fr)) !important;
  gap: 7px !important;
  align-items: stretch !important;
  padding: 9px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab {
  width: 100% !important;
  min-width: 0 !important;
  justify-content: flex-start !important;
  background: #FDFEFF !important;
  border: 1px solid #EFF2F7 !important;
  border-radius: 12px !important;
  box-shadow: 0 1px 2px rgba(22, 34, 60, .025) !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab span {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab:hover {
  border-color: #E2E8F1 !important;
  box-shadow: 0 2px 6px rgba(22, 34, 60, .05) !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab.is-active {
  background: #FFF3E7 !important;
  border-color: #F8D7B4 !important;
  box-shadow: 0 2px 8px rgba(244, 122, 32, .10) !important;
}
/* alt gosterge cerceve icinde kalsin */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab.is-active::after {
  left: 14px !important;
  right: 14px !important;
  bottom: 4px !important;
  height: 2.5px !important;
}
/* END OGRENCI 360 v7 */

/* OGRENCI 360 v7.1 — sutun genisligi: 1500px+ ekranlarda 8 sekme / 2 satir */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tabs {
  grid-template-columns: repeat(auto-fit, minmax(166px, 1fr)) !important;
  gap: 6px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab {
  padding: 8px 10px !important;
  gap: 7px !important;
}

/* OGRENCI 360 v7.2 — sekme izgarasi 16'yi tam bolsun: 8 sutun x 2 satir.
   Uzun etiketler kirpilmak yerine iki satira sarar, hizalama bozulmaz. */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tabs {
  grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab {
  min-height: 52px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab span {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  line-height: 1.22 !important;
}
@media (max-width: 1400px) {
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tabs {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 760px) {
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* OGRENCI 360 v7.3 — secili sekmede alt cizgi yok; seftali zemin + yumusak
   turuncu cerceve vurgusu ve hover efekti aynen kalir. */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab.is-active::after {
  content: none !important;
  display: none !important;
}

/* =====================================================================
   OGRENCI 360 v8 — panoda ogrenci kimligi: ad + sinif + hedef
   ===================================================================== */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-hero-id {
  position: relative !important;
  z-index: 2 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 9px !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-left: 18px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-hero-id h2 {
  margin: 0 !important;
  color: #7A3C08 !important;
  font-size: 25px !important;
  font-weight: 750 !important;
  letter-spacing: -.01em !important;
  line-height: 1.15 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-hero-chips {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  min-width: 0 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-chip {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  max-width: 100% !important;
  height: 30px !important;
  padding: 0 12px !important;
  background: rgba(255, 255, 255, .82) !important;
  border: 1px solid rgba(255, 255, 255, .9) !important;
  border-radius: 999px !important;
  color: #8A4A12 !important;
  font-size: 12.5px !important;
  font-weight: 650 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-chip i {
  flex: 0 0 auto !important;
  color: #F08A28 !important;
  font-size: 13px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-chip.is-target {
  background: rgba(255, 255, 255, .94) !important;
  border-color: #F6D3AE !important;
  color: #7A3C08 !important;
}
@media (max-width: 1100px) {
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-hero-id h2 { font-size: 21px !important; }
}
@media (max-width: 760px) {
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-hero-id { margin-left: 0 !important; }
}
/* END OGRENCI 360 v8 */

/* =====================================================================
   OGRENCI 360 v9 — oran, bosluk ve tipografi dengesi
   (yapi, icerik ve fonksiyonlar aynen korunur)
   ===================================================================== */

/* ---- 17. bolumler arasi tutarli bosluk ---- */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-page { gap: 12px !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-overview { gap: 14px !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-grid { margin-top: 2px !important; }

/* ---- 2. banner: %10 daha kompakt + sagda dengeli akademik doku ---- */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-hero {
  min-height: 158px !important;
  padding: 18px 24px !important;
  border-radius: 16px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-hero::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  right: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 50% !important;
  z-index: 0 !important;
  background-image: url("/images/student/student-hero-desk.webp") !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center right !important;
  opacity: .18 !important;
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,.4) 30%, #000 70%) !important;
  mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,.4) 30%, #000 70%) !important;
  pointer-events: none !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-photo {
  width: 86px !important;
  height: 86px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-hero-id h2 { font-size: 23px !important; }

/* ---- 3-4. sekmeler: biraz daha ferah, aktif daha net ---- */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tabs {
  padding: 9px !important;
  gap: 7px !important;
  row-gap: 7px !important;
  border-radius: 14px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab {
  min-height: 40px !important;
  gap: 9px !important;
  padding: 7px 13px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  border-radius: 11px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab i {
  flex: 0 0 28px !important;
  width: 28px !important;
  height: 28px !important;
  border-radius: 9px !important;
  font-size: 14px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab.is-active {
  background: #FFEFDF !important;
  border-color: #F6C795 !important;
  color: #C75F0A !important;
  font-weight: 700 !important;
  box-shadow: 0 2px 8px rgba(244, 122, 32, .13) !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab.is-active i {
  background: #FFD9B4 !important;
  color: #E4720F !important;
}

/* ---- 5-7. KPI kartlari ---- */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpis { gap: 14px !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpi {
  min-height: 112px !important;
  gap: 14px !important;
  padding: 17px 17px 15px !important;
  border-radius: 14px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpi-icon {
  flex: 0 0 42px !important;
  width: 42px !important;
  height: 42px !important;
  border-radius: 12px !important;
  font-size: 18px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpi-top {
  gap: 10px !important;
  align-items: center !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpi-top b {
  font-size: 26px !important;
  line-height: 1.15 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-delta { font-size: 12px !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpi-body > span {
  margin-top: 4px !important;
  font-size: 13px !important;
}
/* ikincil bilgi artik etiketin altinda */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpi-note {
  display: block !important;
  margin-top: 2px !important;
  color: #8C97A8 !important;
  font-size: 11.5px !important;
  font-style: normal !important;
  font-weight: 500 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpi-empty {
  margin-top: 2px !important;
  color: #8C97A8 !important;
  font-size: 11.5px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpi-bar { margin-top: 14px !important; }

/* ---- 8-11. AI karti: yalnizca bosluk ve tipografi ---- */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-ai {
  min-height: 246px !important;
  padding: 22px 24px 24px !important;
  border-radius: 16px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-ai-headline {
  margin-top: 11px !important;
  font-size: 26px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-ai-summary {
  margin-top: 8px !important;
  max-width: 750px !important;
  color: #53627A !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-ai-bot {
  width: 124px !important;
  margin: -4px -2px -14px 0 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-ai-side { gap: 16px !important; }

/* ---- 12. Guclu / Dikkat / Takip ---- */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-ai-insights {
  gap: 13px !important;
  margin-top: 18px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-insight {
  min-height: 100px !important;
  padding: 17px 18px !important;
  gap: 13px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-insight strong { font-size: 14.5px !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-insight p {
  font-size: 12.5px !important;
  line-height: 1.45 !important;
}

/* ---- 1 + 13. ana grid %64 / %36 ---- */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-grid {
  grid-template-columns: minmax(0, 1.78fr) minmax(340px, 1fr) !important;
  gap: 16px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-col-main,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-col-side { gap: 16px !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-card { border-radius: 14px !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-card-head { padding: 17px 19px 4px !important; }
/* baslik ile grafik arasi nefes; grafik yuksekligi korunur */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-chart {
  padding: 18px 10px 14px !important;
  min-height: 268px !important;
}

/* ---- 14. ders satirlari: sabit ad alani, hizali degerler ---- */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-lesson-list {
  gap: 13px !important;
  padding: 10px 19px 4px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-lesson-list li {
  grid-template-columns: 32px minmax(118px, 148px) minmax(0, 1fr) 40px !important;
  gap: 12px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-lesson-icon {
  width: 32px !important;
  height: 32px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-lesson-list b {
  text-align: right !important;
  font-variant-numeric: tabular-nums !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-card-foot { padding: 12px 19px 17px !important; }

/* ---- 15. yaklasan plan & odevler ---- */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-agenda { padding: 4px 19px 12px !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-agenda li {
  min-height: 54px !important;
  gap: 12px !important;
  padding: 11px 2px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-agenda-date {
  flex: 0 0 44px !important;
  width: 44px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-agenda-main strong { font-size: 13.5px !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-agenda-main small { font-size: 12px !important; }

/* ---- 16. one cikanlar ---- */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-highlights {
  gap: 12px !important;
  padding: 6px 19px 19px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-highlights article {
  min-height: 112px !important;
  padding: 13px 10px !important;
}
/* END OGRENCI 360 v9 */

/* OGRENCI 360 v9.1 — ince ayar: sekme yuksekligi, ajanda satiri, %64/%36 orani */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab {
  padding: 5px 13px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-agenda li {
  min-height: 52px !important;
  padding: 9px 2px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-grid {
  grid-template-columns: minmax(0, 1.84fr) minmax(336px, 1fr) !important;
}

/* =====================================================================
   OGRENCI 360 v10
   - pano biraz daha yuksek, sagdaki kitap gorseli kaldirildi
   - sekmeler: buton cercevesi yerine aralarinda ince ayirici cizgi,
     satirlar asagi dogru daha ferah
   - KPI kutulari bir tik kuculdu ve ust/alt bosluklari acildi
   ===================================================================== */

/* ---- pano ---- */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-hero {
  min-height: 188px !important;
  padding: 24px 26px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-hero::after {
  content: none !important;
  display: none !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-photo {
  width: 100px !important;
  height: 100px !important;
}

/* ---- sekmeler: cerceve yok, aralarinda ince ayirici ---- */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tabs {
  padding: 10px 6px !important;
  gap: 0 !important;
  row-gap: 10px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab {
  min-height: 50px !important;
  padding: 10px 14px !important;
  background: transparent !important;
  border: 0 !important;
  border-right: 1px solid #ECEFF5 !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}
/* satir sonundaki sekmede ayirici olmaz (8 sutun / dar ekranda 4) */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab:nth-child(8n),
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab:last-child {
  border-right: 0 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab:hover {
  background: #F7F9FC !important;
  box-shadow: none !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab.is-active {
  background: #FFF1E1 !important;
  border-right-color: transparent !important;
  box-shadow: none !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab.is-active + .sp-tab {
  border-left: 0 !important;
}
@media (max-width: 1400px) {
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab:nth-child(8n) {
    border-right: 1px solid #ECEFF5 !important;
  }
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab:nth-child(4n) {
    border-right: 0 !important;
  }
}
@media (max-width: 760px) {
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab:nth-child(4n) {
    border-right: 1px solid #ECEFF5 !important;
  }
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab:nth-child(2n) {
    border-right: 0 !important;
  }
}

/* ---- KPI: bir tik kucuk, ust/alt bosluk acik ---- */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-overview { gap: 18px !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpis {
  gap: 13px !important;
  margin: 2px 0 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpi {
  min-height: 98px !important;
  gap: 12px !important;
  padding: 14px 15px 13px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpi-icon {
  flex: 0 0 38px !important;
  width: 38px !important;
  height: 38px !important;
  border-radius: 11px !important;
  font-size: 17px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpi-top b { font-size: 23px !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-delta { font-size: 11.5px !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpi-body > span { font-size: 12.5px !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpi-note,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpi-empty { font-size: 11px !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpi-bar { margin-top: 11px !important; height: 5px !important; }
/* END OGRENCI 360 v10 */

/* =====================================================================
   OGRENCI 360 v11
   - alt grid %61-62 sol / %38-39 sag
   - deneme grafigi kartinda "grafik gorunumu" segment kontrolu
   - sag kolonda baslik alanina daha fazla yer
   ===================================================================== */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-grid {
  grid-template-columns: minmax(0, 1.6fr) minmax(360px, 1fr) !important;
  gap: 16px !important;
}

/* ---- kart basligindaki arac serisi ---- */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-chart-tools {
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  flex: 0 0 auto !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-chart-types {
  display: inline-flex !important;
  align-items: center !important;
  gap: 2px !important;
  padding: 3px !important;
  background: #F8FAFD !important;
  border: 1px solid #E7ECF3 !important;
  border-radius: 10px !important;
  box-shadow: 0 1px 2px rgba(22, 34, 60, .03) !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-ctype {
  display: grid !important;
  place-items: center !important;
  width: 34px !important;
  height: 30px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 8px !important;
  color: #8494A8 !important;
  font-size: 14px !important;
  cursor: pointer !important;
  transition: background .16s ease, color .16s ease !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-ctype:hover {
  background: #FFF4EA !important;
  color: #E07A17 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-ctype.is-active {
  background: #FFEBD8 !important;
  color: #D9690F !important;
}
/* grafik alani: tur degisince yukseklik zıplamasin */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-chart {
  min-height: 290px !important;
}

/* ---- sag kolon: baslik alani genisledi ---- */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-agenda-main {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  padding-right: 4px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-agenda-dot {
  margin-left: 2px !important;
}
/* END OGRENCI 360 v11 */

/* OGRENCI 360 v11.1 — deneme grafigi sola daraldi, sag kolon sola genisledi */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-grid {
  grid-template-columns: minmax(0, 1.22fr) minmax(400px, 1fr) !important;
  gap: 16px !important;
}

/* OGRENCI 360 v11.2 — sekmeler: dikey cizgi yok, satir arasi ferah */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tabs {
  padding: 8px 8px 10px !important;
  gap: 6px !important;
  row-gap: 18px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab {
  min-height: 40px !important;
  padding: 6px 10px !important;
  gap: 7px !important;
  border: 0 !important;
  border-right: 0 !important;
  border-radius: 10px !important;
  background: transparent !important;
  box-shadow: none !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab i {
  flex: 0 0 26px !important;
  width: 26px !important;
  height: 26px !important;
  font-size: 14px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab span {
  font-size: 13px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab::after {
  content: none !important;
  display: none !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab:nth-child(8n),
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab:nth-child(4n),
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab:nth-child(2n),
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab:last-child {
  border-right: 0 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab.is-active {
  border-right-color: transparent !important;
}

/* OGRENCI 360 v11.3 — kart basliklari: soft pastel serit + yan yana hiza */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-card-head {
  min-height: 58px !important;
  align-items: center !important;
  padding: 10px 18px !important;
  background: #E7F4FA !important;
  border-bottom: 1px solid #D2E6F0 !important;
  border-radius: 13px 13px 0 0 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .65) !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-card-head h3 {
  color: #2C3A55 !important;
  line-height: 1.25 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-col-main .sp-card:nth-child(1) .sp-card-head {
  background: #E7F4FA !important;
  border-bottom-color: #D2E6F0 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-col-side .sp-card:nth-child(1) .sp-card-head {
  background: #E8EEF8 !important;
  border-bottom-color: #D3DCEC !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-col-main .sp-card:nth-child(2) .sp-card-head {
  background: #E6F5F1 !important;
  border-bottom-color: #D0E8E1 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-col-side .sp-card:nth-child(2) .sp-card-head {
  background: #F0ECF8 !important;
  border-bottom-color: #E0D8EE !important;
}

/* OGRENCI 360 v11.4 — sekmeler sola hizali, dis cerceve sadece sag/sol */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tabs {
  border: 0 !important;
  border-left: 1px solid #E3E9F2 !important;
  border-right: 1px solid #E3E9F2 !important;
  border-radius: 16px !important;
  box-shadow: none !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab {
  justify-content: flex-start !important;
  align-items: center !important;
  text-align: left !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab span {
  flex: 0 1 auto !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
  text-align: left !important;
  line-height: 1.2 !important;
}

/* OGRENCI 360 v11.5 — alt satir basliklari hizali, her kart ayri pastel */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-grid {
  grid-template-rows: auto auto !important;
  align-items: stretch !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-col-main,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-col-side {
  display: grid !important;
  grid-template-rows: subgrid !important;
  grid-row: 1 / span 2 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-col-main > .sp-card,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-col-side > .sp-card {
  height: 100% !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-card-head {
  min-height: 58px !important;
  box-sizing: border-box !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-col-main .sp-card:nth-child(1) .sp-card-head {
  background: #FAE6D4 !important;
  border-bottom-color: #EED3BA !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-col-side .sp-card:nth-child(1) .sp-card-head {
  background: #E6E2F7 !important;
  border-bottom-color: #D0CBEA !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-col-main .sp-card:nth-child(2) .sp-card-head {
  background: #DDF3E8 !important;
  border-bottom-color: #C3E5D4 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-col-side .sp-card:nth-child(2) .sp-card-head {
  background: #F8E4EA !important;
  border-bottom-color: #E9CDD6 !important;
}
@media (max-width: 1180px) {
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-grid {
    grid-template-rows: none !important;
  }
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-col-main,
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-col-side {
    display: flex !important;
    flex-direction: column !important;
    grid-row: auto !important;
    grid-template-rows: none !important;
  }
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-col-main > .sp-card,
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-col-side > .sp-card {
    height: auto !important;
  }
}

/* OGRENCI 360 v11.6 — elit pastel, koyu punto, baslikta sag/sol dikey kenar */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-card-head {
  border-top: 0 !important;
  border-bottom: 0 !important;
  border-left: 1px solid #D7C8B8 !important;
  border-right: 1px solid #D7C8B8 !important;
  border-radius: 12px 12px 0 0 !important;
  box-shadow: none !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-card-head h3 {
  color: #141C2E !important;
  font-weight: 800 !important;
  letter-spacing: -.015em !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-card-head h3 i {
  color: #2A354C !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-col-main .sp-card:nth-child(1) .sp-card-head {
  background: #F3E9DF !important;
  border-left-color: #D7C8B8 !important;
  border-right-color: #D7C8B8 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-col-side .sp-card:nth-child(1) .sp-card-head {
  background: #E6E4EF !important;
  border-left-color: #C9C5D8 !important;
  border-right-color: #C9C5D8 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-col-main .sp-card:nth-child(2) .sp-card-head {
  background: #E4EDE7 !important;
  border-left-color: #C3D4CA !important;
  border-right-color: #C3D4CA !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-col-side .sp-card:nth-child(2) .sp-card-head {
  background: #F0E6E8 !important;
  border-left-color: #D8C4C9 !important;
  border-right-color: #D8C4C9 !important;
}

html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tabs {
  border-left: 0 !important;
  border-right: 0 !important;
  gap: 8px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab {
  border-top: 0 !important;
  border-bottom: 0 !important;
  border-left: 1px solid #D9E0EA !important;
  border-right: 1px solid #D9E0EA !important;
  border-radius: 10px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab:nth-child(8n),
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab:nth-child(4n),
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab:nth-child(2n),
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab:last-child {
  border-right: 1px solid #D9E0EA !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab span {
  color: #1A2438 !important;
  font-weight: 700 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab.is-active {
  border-left-color: #F0C49A !important;
  border-right-color: #F0C49A !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab.is-active span {
  color: #B85A0C !important;
}

/* OGRENCI 360 v11.7 — sekme satirlari ferah; sag/sol dis kenar, az yuvarlak */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tabs {
  column-gap: 18px !important;
  row-gap: 22px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab {
  border-top: 0 !important;
  border-bottom: 0 !important;
  border-left: 1px solid #D5DCE6 !important;
  border-right: 1px solid #D5DCE6 !important;
  border-radius: 4px !important;
  padding: 6px 16px !important;
  gap: 8px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab:nth-child(8n),
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab:nth-child(4n),
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab:nth-child(2n),
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab:last-child {
  border-right: 1px solid #D5DCE6 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab::before,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab::after {
  content: none !important;
  display: none !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab.is-active {
  border-left: 1px solid #E8B47A !important;
  border-right: 1px solid #E8B47A !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab.is-active::before,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab.is-active::after {
  content: none !important;
  display: none !important;
}

/* OGRENCI 360 v11.8 — 8 sutun kutu icine sigar, sayfa tasmaz */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tabs {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
  box-sizing: border-box !important;
  grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
  justify-content: stretch !important;
  justify-items: stretch !important;
  column-gap: 10px !important;
  row-gap: 22px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  padding: 7px 10px !important;
  overflow: hidden !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab span {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab.is-wrap {
  align-items: center !important;
  min-height: 46px !important;
  white-space: normal !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab.is-wrap span {
  display: block !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  line-height: 1.15 !important;
}

/* OGRENCI 360 v11.9 — Deneme Sinavlari / Ganimet Kutusu tam okunur */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab.is-wrap {
  overflow: visible !important;
  padding: 4px 6px !important;
  gap: 5px !important;
  min-height: 48px !important;
  white-space: normal !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab.is-wrap i {
  flex: 0 0 18px !important;
  width: 18px !important;
  height: 18px !important;
  font-size: 12px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab.is-wrap span {
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  min-width: 0 !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  line-height: 1.12 !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab.is-wrap span em {
  display: block !important;
  font-style: normal !important;
  font-weight: 700 !important;
  color: inherit !important;
  line-height: 1.12 !important;
  white-space: normal !important;
  overflow: visible !important;
  word-break: break-word !important;
}
@media (max-width: 1400px) {
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tabs {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 760px) {
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* OGRENCI 360 v11.10 — 4 / 10 / 15. sekmeler iki satir, kesme yok */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content nav.sp-tabs > a.sp-tab:nth-child(4),
html body.akx-shell .akx-app.akx-app .akx-content.akx-content nav.sp-tabs > a.sp-tab:nth-child(10),
html body.akx-shell .akx-app.akx-app .akx-content.akx-content nav.sp-tabs > a.sp-tab:nth-child(15) {
  overflow: visible !important;
  white-space: normal !important;
  min-height: 52px !important;
  height: auto !important;
  padding: 5px 6px !important;
  gap: 4px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content nav.sp-tabs > a.sp-tab:nth-child(4) > i,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content nav.sp-tabs > a.sp-tab:nth-child(10) > i,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content nav.sp-tabs > a.sp-tab:nth-child(15) > i {
  flex: 0 0 16px !important;
  width: 16px !important;
  height: 16px !important;
  font-size: 12px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content nav.sp-tabs > a.sp-tab:nth-child(4) > span,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content nav.sp-tabs > a.sp-tab:nth-child(10) > span,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content nav.sp-tabs > a.sp-tab:nth-child(15) > span {
  display: block !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  max-width: none !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  white-space: pre-line !important;
  overflow: visible !important;
  text-overflow: clip !important;
  word-break: break-word !important;
}

/* OGRENCI 360 v11.11 — sekmeler esit boy, beyaz kutu ust/alt ferah */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tabs {
  padding: 16px 14px !important;
  column-gap: 14px !important;
  row-gap: 16px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab.is-wrap {
  min-height: 48px !important;
  height: 48px !important;
  padding: 8px 12px !important;
  gap: 8px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab i,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab.is-wrap i {
  flex: 0 0 24px !important;
  width: 24px !important;
  height: 24px !important;
  font-size: 14px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab span,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-tab.is-wrap span {
  font-size: 13px !important;
}

/* OGRENCI 360 v11.12 — tum sekmeler ayni punto, kutu ust/alt ferah */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content nav.sp-tabs {
  padding: 18px 16px !important;
  column-gap: 12px !important;
  row-gap: 14px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content nav.sp-tabs > a.sp-tab,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content nav.sp-tabs > a.sp-tab.is-wrap,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content nav.sp-tabs > a.sp-tab:nth-child(4),
html body.akx-shell .akx-app.akx-app .akx-content.akx-content nav.sp-tabs > a.sp-tab:nth-child(10),
html body.akx-shell .akx-app.akx-app .akx-content.akx-content nav.sp-tabs > a.sp-tab:nth-child(15) {
  min-height: 44px !important;
  height: 44px !important;
  padding: 8px 10px !important;
  gap: 8px !important;
  overflow: hidden !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content nav.sp-tabs > a.sp-tab > i,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content nav.sp-tabs > a.sp-tab.is-wrap > i,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content nav.sp-tabs > a.sp-tab:nth-child(4) > i,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content nav.sp-tabs > a.sp-tab:nth-child(10) > i,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content nav.sp-tabs > a.sp-tab:nth-child(15) > i {
  flex: 0 0 24px !important;
  width: 24px !important;
  height: 24px !important;
  font-size: 15px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content nav.sp-tabs > a.sp-tab > span,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content nav.sp-tabs > a.sp-tab.is-wrap > span,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content nav.sp-tabs > a.sp-tab:nth-child(4) > span,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content nav.sp-tabs > a.sp-tab:nth-child(10) > span,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content nav.sp-tabs > a.sp-tab:nth-child(15) > span {
  display: inline !important;
  flex: 1 1 auto !important;
  flex-direction: row !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* OGRENCI 360 v12 — referans gorunum: temiz beyaz bar, yazi siyah, ikon renkli */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content nav.sp-tabs {
  display: grid !important;
  grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
  gap: 8px 10px !important;
  padding: 14px 16px !important;
  background: #FFFFFF !important;
  border: 1px solid #E7ECF3 !important;
  border-radius: 16px !important;
  box-shadow: 0 3px 12px rgba(22, 34, 60, .05) !important;
  overflow: visible !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content nav.sp-tabs > a.sp-tab {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 42px !important;
  height: 42px !important;
  padding: 8px 8px !important;
  gap: 8px !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  overflow: hidden !important;
  color: #111111 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content nav.sp-tabs > a.sp-tab::before,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content nav.sp-tabs > a.sp-tab::after {
  content: none !important;
  display: none !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content nav.sp-tabs > a.sp-tab > i {
  display: grid !important;
  place-items: center !important;
  flex: 0 0 28px !important;
  width: 28px !important;
  height: 28px !important;
  border-radius: 8px !important;
  font-size: 14px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content nav.sp-tabs > a.sp-tab > span {
  display: block !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  color: #111111 !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content nav.sp-tabs > a.sp-tab.tone-orange,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content nav.sp-tabs > a.sp-tab.tone-purple,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content nav.sp-tabs > a.sp-tab.tone-blue,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content nav.sp-tabs > a.sp-tab.tone-green,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content nav.sp-tabs > a.sp-tab.tone-amber,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content nav.sp-tabs > a.sp-tab.tone-cyan {
  color: #111111 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content nav.sp-tabs > a.sp-tab.is-active {
  background: #FFF1E1 !important;
  border: 0 !important;
  box-shadow: none !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content nav.sp-tabs > a.sp-tab.is-active > span {
  color: #111111 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content nav.sp-tabs > a.sp-tab:hover {
  background: #F7F9FC !important;
}
@media (max-width: 1400px) {
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content nav.sp-tabs {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 760px) {
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content nav.sp-tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* OGRENCI 360 v12.1 — punto 13px sabit, uzun isimler 2 satir, satir arasi acik */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content nav.sp-tabs {
  row-gap: 18px !important;
  padding-top: 16px !important;
  padding-bottom: 18px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content nav.sp-tabs > a.sp-tab {
  height: auto !important;
  min-height: 54px !important;
  overflow: visible !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content nav.sp-tabs > a.sp-tab > span {
  font-size: 13px !important;
  font-weight: 650 !important;
  line-height: 1.25 !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

/* Deneme Sinavlari (4) ve Ganimet Kutusu (10): 13px, 2 satir, kesme yok */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content nav.sp-tabs > a.sp-tab:nth-child(4),
html body.akx-shell .akx-app.akx-app .akx-content.akx-content nav.sp-tabs > a.sp-tab:nth-child(10) {
  height: auto !important;
  min-height: 54px !important;
  overflow: visible !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content nav.sp-tabs > a.sp-tab:nth-child(4) > span,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content nav.sp-tabs > a.sp-tab:nth-child(10) > span {
  display: block !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  line-height: 1.25 !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

/* OGRENCI 360 v13 — tek premium nav paneli, sekmelerde kutu yok */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content nav.sp-tabs {
  background: #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
  border-top-color: #E2E8F0 !important;
  border-right-color: #E2E8F0 !important;
  border-bottom-color: #E2E8F0 !important;
  border-left-color: #E2E8F0 !important;
  border-width: 1px !important;
  border-style: solid !important;
  border-radius: 15px !important;
  box-shadow: 0 3px 12px rgba(15, 23, 42, 0.035) !important;
  padding: 14px 16px !important;
  gap: 12px 10px !important;
  row-gap: 12px !important;
  column-gap: 10px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content nav.sp-tabs::before,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content nav.sp-tabs::after {
  content: none !important;
  display: none !important;
  border: 0 !important;
  background: none !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content nav.sp-tabs > a.sp-tab {
  background: transparent !important;
  border: none !important;
  border-width: 0 !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  outline: none !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content nav.sp-tabs > a.sp-tab:nth-child(8n),
html body.akx-shell .akx-app.akx-app .akx-content.akx-content nav.sp-tabs > a.sp-tab:nth-child(4n),
html body.akx-shell .akx-app.akx-app .akx-content.akx-content nav.sp-tabs > a.sp-tab:nth-child(2n),
html body.akx-shell .akx-app.akx-app .akx-content.akx-content nav.sp-tabs > a.sp-tab:last-child {
  border: none !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content nav.sp-tabs > a.sp-tab:hover {
  background: #F8FAFC !important;
  border: none !important;
  border-radius: 10px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content nav.sp-tabs > a.sp-tab.is-active,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content nav.sp-tabs > a.sp-tab.is-active:hover {
  background: #FFF1E5 !important;
  border: 1px solid #FFD9B8 !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content nav.sp-tabs > a.sp-tab.is-active,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content nav.sp-tabs > a.sp-tab.is-active > span {
  color: #D9690F !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content nav.sp-tabs > a.sp-tab.is-active > i {
  color: #F47A20 !important;
  background: #FFE2C6 !important;
}

/* OGRENCI 360 v14 — sekmeler arasi kisa dikey ayirici, kutu yok */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content nav.sp-tabs {
  background: #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
  border-radius: 14px !important;
  box-shadow: 0 3px 12px rgba(15, 23, 42, 0.035) !important;
  padding: 14px 16px !important;
  gap: 14px 0 !important;
  row-gap: 14px !important;
  column-gap: 0 !important;
  grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content nav.sp-tabs > a.sp-tab {
  position: relative !important;
  padding: 8px 22px 8px 14px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content nav.sp-tabs > a.sp-tab.is-active {
  background: #FFF1E5 !important;
  border: 1px solid #FFD9B8 !important;
  border-radius: 10px !important;
  margin-right: 10px !important;
  padding-right: 14px !important;
  width: calc(100% - 10px) !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content nav.sp-tabs > a.sp-tab::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  top: 50% !important;
  right: 0 !important;
  bottom: auto !important;
  left: auto !important;
  width: 1px !important;
  height: 28px !important;
  transform: translateY(-50%) !important;
  background: #DDE4EC !important;
  opacity: .9 !important;
  pointer-events: none !important;
  border: 0 !important;
  border-radius: 0 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content nav.sp-tabs > a.sp-tab:nth-child(8n)::after,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content nav.sp-tabs > a.sp-tab:last-child::after {
  content: none !important;
  display: none !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content nav.sp-tabs > a.sp-tab:nth-child(3),
html body.akx-shell .akx-app.akx-app .akx-content.akx-content nav.sp-tabs > a.sp-tab:nth-child(9),
html body.akx-shell .akx-app.akx-app .akx-content.akx-content nav.sp-tabs > a.sp-tab:nth-child(13),
html body.akx-shell .akx-app.akx-app .akx-content.akx-content nav.sp-tabs > a.sp-tab:nth-child(14) {
  height: auto !important;
  min-height: 54px !important;
  overflow: visible !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content nav.sp-tabs > a.sp-tab:nth-child(3) > span,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content nav.sp-tabs > a.sp-tab:nth-child(9) > span,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content nav.sp-tabs > a.sp-tab:nth-child(13) > span,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content nav.sp-tabs > a.sp-tab:nth-child(14) > span {
  display: block !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
}
@media (max-width: 1400px) {
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content nav.sp-tabs > a.sp-tab:nth-child(8n)::after {
    content: "" !important;
    display: block !important;
  }
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content nav.sp-tabs > a.sp-tab:nth-child(4n)::after {
    content: none !important;
    display: none !important;
  }
}
@media (max-width: 760px) {
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content nav.sp-tabs > a.sp-tab::after {
    content: none !important;
    display: none !important;
  }
}

/* OGRENCI 360 v15 — ust seftali + koyu seftali yazi, alt acik mavi + sidebar lacivert yazi */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-col-main .sp-card:nth-child(1) .sp-card-head,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-col-side .sp-card:nth-child(1) .sp-card-head {
  background: #F8D6B5 !important;
  border-left-color: #E8C49A !important;
  border-right-color: #E8C49A !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-col-main .sp-card:nth-child(1) .sp-card-head h3,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-col-side .sp-card:nth-child(1) .sp-card-head h3,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-col-main .sp-card:nth-child(1) .sp-card-head h3 i,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-col-side .sp-card:nth-child(1) .sp-card-head h3 i {
  color: #141414 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-col-side .sp-card:nth-child(1) .sp-card-head .sp-card-link {
  color: #141414 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-col-main .sp-card:nth-child(2) .sp-card-head,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-col-side .sp-card:nth-child(2) .sp-card-head {
  background: #E6F1FA !important;
  border-left-color: #C5D8EA !important;
  border-right-color: #C5D8EA !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-col-main .sp-card:nth-child(2) .sp-card-head h3,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-col-side .sp-card:nth-child(2) .sp-card-head h3,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-col-main .sp-card:nth-child(2) .sp-card-head h3 i,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-col-side .sp-card:nth-child(2) .sp-card-head h3 i {
  color: #103A68 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-col-side .sp-card:nth-child(2) .sp-card-head .sp-card-link {
  color: #1A4A7A !important;
}

/* OGRENCI 360 — hero Haftalik Plan / Deneme Ekle premium renk */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-hero-actions a.sp-hero-btn.is-plan,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-hero-actions a.sp-hero-btn:nth-of-type(1) {
  background: #EEF8F5 !important;
  border: 1px solid #B7E2D8 !important;
  color: #1A7A6E !important;
  box-shadow: 0 2px 10px rgba(26, 122, 110, .10) !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-hero-actions a.sp-hero-btn.is-plan i,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-hero-actions a.sp-hero-btn:nth-of-type(1) i {
  color: #1F9B88 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-hero-actions a.sp-hero-btn.is-plan:hover,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-hero-actions a.sp-hero-btn:nth-of-type(1):hover {
  background: #E3F4EF !important;
  border-color: #96D4C8 !important;
  color: #14675C !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-hero-actions a.sp-hero-btn.is-exam,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-hero-actions a.sp-hero-btn:nth-of-type(2) {
  background: #FFF6ED !important;
  border: 1px solid #F0C9A8 !important;
  color: #C45A2E !important;
  box-shadow: 0 2px 10px rgba(196, 90, 46, .10) !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-hero-actions a.sp-hero-btn.is-exam i,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-hero-actions a.sp-hero-btn:nth-of-type(2) i {
  color: #E06A2E !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-hero-actions a.sp-hero-btn.is-exam:hover,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-hero-actions a.sp-hero-btn:nth-of-type(2):hover {
  background: #FFEFDF !important;
  border-color: #E8B48A !important;
  color: #A84A22 !important;
}

/* OGRENCI 360 — KPI kartlari premium pastel v2 */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpis {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  gap: 15px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpi {
  position: relative !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 14px !important;
  min-width: 0 !important;
  min-height: 136px !important;
  height: 100% !important;
  padding: 18px 18px 16px !important;
  background: #FFFFFF !important;
  border: 1px solid rgba(148, 163, 184, .16) !important;
  border-radius: 18px !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, .02), 0 8px 24px rgba(15, 23, 42, .035) !important;
  overflow: hidden !important;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpi:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 2px 4px rgba(15, 23, 42, .025), 0 12px 30px rgba(15, 23, 42, .055) !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpi.tone-green {
  background:
    radial-gradient(circle at 12% 15%, rgba(16, 185, 129, .055), transparent 38%),
    #FFFFFF !important;
  border-color: rgba(16, 185, 129, .18) !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpi.tone-orange {
  background:
    radial-gradient(circle at 12% 15%, rgba(242, 154, 74, .06), transparent 38%),
    #FFFFFF !important;
  border-color: rgba(242, 154, 74, .20) !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpi.tone-blue {
  background:
    radial-gradient(circle at 12% 15%, rgba(77, 131, 243, .055), transparent 38%),
    #FFFFFF !important;
  border-color: rgba(77, 131, 243, .18) !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpi.tone-purple {
  background:
    radial-gradient(circle at 12% 15%, rgba(128, 101, 232, .055), transparent 38%),
    #FFFFFF !important;
  border-color: rgba(128, 101, 232, .18) !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpi.tone-red {
  background:
    radial-gradient(circle at 12% 15%, rgba(236, 104, 121, .055), transparent 38%),
    #FFFFFF !important;
  border-color: rgba(236, 104, 121, .18) !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpi.tone-green:hover { border-color: rgba(16, 185, 129, .32) !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpi.tone-orange:hover { border-color: rgba(242, 154, 74, .34) !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpi.tone-blue:hover { border-color: rgba(77, 131, 243, .32) !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpi.tone-purple:hover { border-color: rgba(128, 101, 232, .32) !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpi.tone-red:hover { border-color: rgba(236, 104, 121, .32) !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpi-icon {
  display: grid !important;
  place-items: center !important;
  flex: 0 0 48px !important;
  width: 48px !important;
  height: 48px !important;
  margin-top: 0 !important;
  border-radius: 14px !important;
  font-size: 21px !important;
  opacity: 1 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9) !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpi-icon i,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpi-svg {
  width: 22px !important;
  height: 22px !important;
  opacity: 1 !important;
  font-size: 22px !important;
  line-height: 1 !important;
  display: block !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpi-icon.tone-green {
  background: linear-gradient(145deg, #E5F9F1, #F2FCF8) !important;
  border: 1px solid rgba(16, 185, 129, .12) !important;
  color: #12B77E !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpi-icon.tone-orange {
  background: linear-gradient(145deg, #FFF1E4, #FFF8F1) !important;
  border: 1px solid rgba(242, 140, 56, .14) !important;
  color: #F28C38 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpi-icon.tone-blue {
  background: linear-gradient(145deg, #EAF3FF, #F4F8FF) !important;
  border: 1px solid rgba(67, 132, 245, .14) !important;
  color: #4384F5 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpi-icon.tone-purple {
  background: linear-gradient(145deg, #F1ECFF, #F7F4FF) !important;
  border: 1px solid rgba(128, 93, 232, .14) !important;
  color: #805DE8 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpi-icon.tone-red {
  background: linear-gradient(145deg, #FFECEF, #FFF6F7) !important;
  border: 1px solid rgba(233, 95, 117, .14) !important;
  color: #E95F75 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpi-body {
  display: grid !important;
  grid-template-rows: 30px 5px 18px 16px auto !important;
  gap: 0 !important;
  min-width: 0 !important;
  flex: 1 1 auto !important;
  align-content: start !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpi-top {
  grid-row: 1 !important;
  display: flex !important;
  align-items: center !important;
  min-height: 30px !important;
  gap: 8px !important;
  flex-wrap: nowrap !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpi-top b {
  color: #172238 !important;
  font-size: 29px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: -.5px !important;
  font-variant-numeric: tabular-nums !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-delta {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  height: 22px !important;
  margin-top: 0 !important;
  padding: 0 7px !important;
  border-radius: 999px !important;
  background: #EAF9F2 !important;
  color: #169B70 !important;
  font-size: 11.5px !important;
  font-style: normal !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  flex: 0 0 auto !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-delta.is-up {
  background: #EAF9F2 !important;
  color: #169B70 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-delta.is-down {
  background: #FFF0F2 !important;
  color: #E45F70 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpi-body > span,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpi-label {
  grid-row: 3 !important;
  margin-top: 0 !important;
  min-height: 18px !important;
  color: #40506A !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  line-height: 18px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpi-note,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpi-empty {
  grid-row: 4 !important;
  display: block !important;
  margin-top: 0 !important;
  min-height: 16px !important;
  color: #8B98AB !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  font-style: normal !important;
  line-height: 16px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpi-empty {
  font-style: italic !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpi-foot {
  grid-row: 5 !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin-top: 14px !important;
  min-height: 16px !important;
  align-self: end !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpi-bar {
  grid-row: auto !important;
  flex: 1 1 auto !important;
  margin-top: 0 !important;
  height: 6px !important;
  background: #EDF1F5 !important;
  border-radius: 999px !important;
  overflow: hidden !important;
  align-self: center !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpi-bar i {
  display: block !important;
  height: 100% !important;
  border-radius: 999px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpi-bar.tone-green i {
  background: linear-gradient(90deg, #4DC99A, #17B77E) !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpi-bar.tone-orange i {
  background: linear-gradient(90deg, #F6B06A, #F29A4A) !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpi-bar.tone-blue i {
  background: linear-gradient(90deg, #67A0FF, #4D83F3) !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpi-bar.tone-purple i {
  background: linear-gradient(90deg, #A48EF0, #8065E8) !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpi-bar.tone-red i {
  background: linear-gradient(90deg, #F08A97, #EC6879) !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpi-bar.is-empty {
  background: repeating-linear-gradient(90deg, #E5EAF0 0, #E5EAF0 8px, transparent 8px, transparent 13px) !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpi-bar.is-empty i {
  width: 0 !important;
  background: transparent !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpi-pct {
  flex: 0 0 auto !important;
  color: #8B98AB !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  font-variant-numeric: tabular-nums !important;
}
@media (max-width: 1400px) {
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpis {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 1240px) {
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpis {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 760px) {
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 480px) {
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpis {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* OGRENCI 360 — modul nav beyaz alan ust/alt ferah */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content nav.sp-tabs#spTabs {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}

/* OGRENCI 360 — GucLu / Dikkat / Takip yazi siyah ve okunur */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-insight small,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-insight strong,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-insight p {
  color: #141414 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-ai-summary {
  color: #141414 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-beta {
  display: none !important;
}

/* =====================================================================
   OGRENCI 360 v12 — alt grid: sol kolon daraldi, sag kolon (Yaklasan Plan
   & Odevler + One Cikanlar) genisledi.
   ===================================================================== */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-grid {
  grid-template-columns: minmax(0, 1.34fr) minmax(400px, 1fr) !important;
  gap: 16px !important;
}
/* sag kolon genisleyince one cikan kartlar da nefes alsin */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-highlights {
  gap: 13px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-highlights article {
  padding: 14px 12px !important;
}
/* END OGRENCI 360 v12 */

/* OGRENCI 360 v12.1 — dar KPI kartinda uzun etiket ("Deneme Net Ortalaması")
   kirpilmadan sigsin; mevcut satir duzeni korunur. */
@media (max-width: 1600px) {
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpi-body > span,
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-kpi-label {
    font-size: 12.8px !important;
    letter-spacing: -.01em !important;
  }
}

/* GORUSME TAKVIMI v1 — toplu kayit serisi */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .meet-settings .card-header {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .meet-settings-hint {
  margin-left: auto !important;
  color: #8C97A8 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .meet-settings-foot {
  display: flex !important;
  justify-content: flex-end !important;
  padding: 14px 16px 16px !important;
  border-top: 1px solid #EEF2F7 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .meet-save-all {
  display: inline-flex !important;
  align-items: center !important;
  height: 40px !important;
  padding: 0 18px !important;
  background: #F6A33B !important;
  border: 1px solid #F6A33B !important;
  border-radius: 10px !important;
  color: #FFFFFF !important;
  font-size: 13.5px !important;
  font-weight: 650 !important;
  box-shadow: 0 4px 12px rgba(246, 163, 59, .22) !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .meet-save-all:hover {
  background: #EF9526 !important;
  border-color: #EF9526 !important;
  color: #FFFFFF !important;
}
/* END GORUSME TAKVIMI v1 */

/* GANIMET KUTUSU v1 — test olustur / PDF butonlari */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .qpool-pdf-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  height: 32px !important;
  padding: 0 12px !important;
  background: #FFF1F1 !important;
  border: 1px solid #EDB9B9 !important;
  border-radius: 9px !important;
  color: #B62A31 !important;
  font-size: 12.5px !important;
  font-weight: 650 !important;
  text-decoration: none !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .qpool-pdf-btn:hover {
  background: #FDE9E9 !important;
  border-color: #E59C9C !important;
  color: #97212A !important;
}
/* END GANIMET KUTUSU v1 */

/* GORUSME TAKVIMI v2 — satir sonundaki onay (tick) dugmesi */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .meet-table .meet-save {
  display: inline-grid !important;
  place-items: center !important;
  width: 34px !important;
  height: 34px !important;
  padding: 0 !important;
  background: #EAF8F1 !important;
  border: 1px solid #BFE7D5 !important;
  border-radius: 9px !important;
  color: #2FA97A !important;
  font-size: 15px !important;
  transition: background .16s ease, border-color .16s ease, color .16s ease !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .meet-table .meet-row-actions {
  white-space: nowrap !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .meet-table .meet-row-form {
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .meet-table .meet-save:hover {
  background: #2FA97A !important;
  border-color: #2FA97A !important;
  color: #FFFFFF !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .meet-table .meet-remove {
  display: inline-grid !important;
  place-items: center !important;
  width: 34px !important;
  height: 34px !important;
  padding: 0 !important;
  margin-left: 6px !important;
  background: #FFF1F1 !important;
  border: 1px solid #EDB9B9 !important;
  border-radius: 9px !important;
  color: #B62A31 !important;
  font-size: 14px !important;
  transition: background .16s ease, border-color .16s ease, color .16s ease !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .meet-table .meet-remove:hover:not(:disabled) {
  background: #B62A31 !important;
  border-color: #B62A31 !important;
  color: #FFFFFF !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .meet-table .meet-remove:disabled {
  opacity: .38 !important;
  cursor: not-allowed !important;
}
/* END GORUSME TAKVIMI v2 */

/* HAFTALIK PLAN v10 — plan aciklamasi ve tiklanabilir bag */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-line-desc {
  display: block !important;
  margin-top: 3px !important;
  color: #6B7A90 !important;
  font-size: 11px !important;
  line-height: 1.35 !important;
  word-break: break-word !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-line-link {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  max-width: 100% !important;
  margin-top: 2px !important;
  padding: 2px 7px !important;
  background: #FFF1F1 !important;
  border: 1px solid #F3C7C7 !important;
  border-radius: 999px !important;
  color: #C3373D !important;
  font-size: 10.5px !important;
  font-weight: 650 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-line-link:hover {
  background: #FDE9E9 !important;
  border-color: #E59C9C !important;
  color: #97212A !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-line-link i { font-size: 12px !important; }
/* END HAFTALIK PLAN v10 */

/* =====================================================================
   KAYNAK & KUTUPHANE v1 — koc kaynak yonetimi, dosya kutuphanesi ve
   ogrenci kaynak listesi ortak bilesenleri
   ===================================================================== */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .lib-page {
  width: calc(100% - 40px) !important;
  max-width: 1500px !important;
  margin: 0 auto 24px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .so-head-actions {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-left: auto !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .so-new-btn {
  display: inline-flex !important;
  align-items: center !important;
  height: 38px !important;
  padding: 0 15px !important;
  background: #E4565F !important;
  border: 1px solid #E4565F !important;
  border-radius: 9px !important;
  color: #FFFFFF !important;
  font-size: 13px !important;
  font-weight: 650 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .so-new-btn:hover { background: #D2454E !important; color: #FFFFFF !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .so-lib-btn {
  display: inline-flex !important;
  align-items: center !important;
  height: 38px !important;
  padding: 0 15px !important;
  background: #2F6BC4 !important;
  border: 1px solid #2F6BC4 !important;
  border-radius: 9px !important;
  color: #FFFFFF !important;
  font-size: 13px !important;
  font-weight: 650 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .so-lib-btn:hover { background: #255BA9 !important; color: #FFFFFF !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .so-search-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 40px !important;
  padding: 0 18px !important;
  background: #3B8AE0 !important;
  border: 1px solid #3B8AE0 !important;
  border-radius: 9px !important;
  color: #FFFFFF !important;
  font-size: 13px !important;
  font-weight: 650 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .so-filters {
  display: grid !important;
  grid-template-columns: minmax(0, 1.6fr) repeat(3, minmax(0, 1fr)) auto !important;
  gap: 10px !important;
  padding: 14px 16px 6px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .so-filters .form-control,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .so-filters .form-select {
  height: 40px !important;
  border-radius: 9px !important;
  font-size: 13px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .so-table th {
  background: #F6F8FC !important;
  color: #46586F !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .so-lib-scroll {
  max-height: 340px !important;
  overflow-y: auto !important;
  border: 1px solid #E7ECF3 !important;
  border-radius: 10px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .so-lib-count {
  color: #7A879B !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .akx-soft-badge.tone-blue { background: #EDF4FF !important; color: #2F6BC4 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .akx-soft-badge.tone-amber { background: #FFF5E2 !important; color: #B4701A !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .akx-soft-badge.tone-green { background: #EAF8F1 !important; color: #227A57 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .akx-soft-badge.tone-grey { background: #F1F4F9 !important; color: #6B7A90 !important; }

/* kutuphane kategorileri */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .lib-cat-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  padding: 14px 16px 18px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .lib-cat-row {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  padding: 14px 16px !important;
  background: #FFFFFF !important;
  border: 1px solid #E7ECF3 !important;
  border-radius: 12px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .lib-cat-main {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .lib-cat-icon {
  display: grid !important;
  place-items: center !important;
  width: 38px !important;
  height: 38px !important;
  background: #EDF4FF !important;
  border-radius: 11px !important;
  color: #4A85EE !important;
  font-size: 17px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .lib-cat-main strong {
  display: block !important;
  color: #17213C !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .lib-cat-main small { color: #8C97A8 !important; font-size: 12px !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .lib-cat-btn {
  display: inline-flex !important;
  align-items: center !important;
  height: 38px !important;
  padding: 0 15px !important;
  background: #6E63E8 !important;
  border: 1px solid #6E63E8 !important;
  border-radius: 9px !important;
  color: #FFFFFF !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  white-space: nowrap !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .lib-cat-btn:hover { background: #5B50D6 !important; color: #FFFFFF !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .lib-back { margin: 0 0 10px !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .lib-back a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  color: #5B6B84 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .lib-upload {
  padding: 14px 16px 4px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .lib-upload-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr) auto !important;
  align-items: end !important;
  gap: 12px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .lib-upload-btn {
  height: 40px !important;
  padding: 0 18px !important;
  background: #6E63E8 !important;
  border: 1px solid #6E63E8 !important;
  border-radius: 9px !important;
  color: #FFFFFF !important;
  font-size: 13px !important;
  font-weight: 650 !important;
}
@media (max-width: 1000px) {
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .so-filters { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .lib-upload-grid { grid-template-columns: minmax(0, 1fr) !important; }
}
/* END KAYNAK & KUTUPHANE v1 */

/* =====================================================================
   KOC OGRENCI KUNYESI — hedefin altinda Enneagram Karnesi
   ===================================================================== */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-enneagram-mini {
  display: inline-grid !important;
  grid-template-columns: 30px minmax(0, auto) 18px !important;
  align-items: center !important;
  gap: 9px !important;
  align-self: flex-start !important;
  max-width: 320px !important;
  min-height: 42px !important;
  padding: 5px 8px 5px 6px !important;
  background: rgba(255, 255, 255, .88) !important;
  border: 1px solid rgba(240, 138, 40, .28) !important;
  border-radius: 12px !important;
  color: #6F3B12 !important;
  text-decoration: none !important;
  box-shadow: 0 7px 18px -15px rgba(83, 49, 19, .55) !important;
  transition: transform .16s ease, box-shadow .16s ease, background .16s ease !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-enneagram-mini:hover {
  transform: translateY(-1px) !important;
  background: #FFFFFF !important;
  box-shadow: 0 10px 22px -15px rgba(83, 49, 19, .65) !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-enneagram-icon {
  display: grid !important;
  place-items: center !important;
  width: 30px !important;
  height: 30px !important;
  border-radius: 9px !important;
  background: #FFF0E1 !important;
  color: #E37B20 !important;
  font-size: 14px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-enneagram-copy {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
  line-height: 1.18 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-enneagram-copy small {
  color: #9A6A42 !important;
  font-size: 10px !important;
  font-weight: 650 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-enneagram-copy strong {
  overflow: hidden !important;
  color: #6F3B12 !important;
  font-size: 12px !important;
  font-weight: 750 !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-enneagram-go {
  color: #D99050 !important;
  font-size: 12px !important;
}
/* END KOC OGRENCI KUNYESI */

/* =====================================================================
   HAFTALIK PLAN v11 — tıklamadan tam metin; tek satır tercihi, gün
   sütunları sağa genişler, yazı dipten başlar, yatay kaydırma yok.
   ===================================================================== */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .student-plan-shell .plan-grid-wrap {
  padding: 4px 6px 0 !important;
  overflow-x: hidden !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .student-plan-shell .program-grid.plan-write-grid,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-write-grid {
  width: 100% !important;
  min-width: 0 !important;
  table-layout: fixed !important;
  border-spacing: 5px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .student-plan-shell .program-grid.plan-write-grid .program-corner,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .student-plan-shell .program-grid.plan-write-grid .program-lesson,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-write-grid .program-corner,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-write-grid .program-lesson {
  width: 128px !important;
  min-width: 128px !important;
  max-width: 128px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-write-grid .program-lesson-name {
  font-size: 11px !important;
  line-height: 1.25 !important;
  white-space: normal !important;
  word-break: break-word !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-write-grid tbody td.plan-write-cell {
  padding: 4px !important;
  vertical-align: bottom !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-cell-stack {
  justify-content: flex-end !important;
  min-height: 0 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-line {
  align-items: flex-end !important;
  gap: 6px !important;
  min-height: 42px !important;
  padding: 10px 8px 5px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-line.plan-line-new {
  min-height: 32px !important;
  padding: 8px 8px 5px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-line-check {
  flex: 0 0 16px !important;
  width: 16px !important;
  height: 16px !important;
  margin-top: 0 !important;
  margin-bottom: 1px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .student-plan-shell .plan-cell,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-write-grid .plan-cell,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-write-grid .plan-rich-editor {
  overflow: visible !important;
  max-height: none !important;
  height: auto !important;
  min-height: 16px !important;
  padding: 0 !important;
  font-size: var(--plan-fit-size, 11.5px) !important;
  line-height: 1.28 !important;
  white-space: pre-wrap !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .student-plan-shell .plan-cell:focus,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-write-grid .plan-cell:focus,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-write-grid .plan-rich-editor:focus {
  position: static !important;
  z-index: auto !important;
  min-height: 16px !important;
  max-height: none !important;
  overflow: visible !important;
  white-space: pre-wrap !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  background: transparent !important;
  box-shadow: none !important;
}
@media (max-width: 900px) {
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .student-plan-shell .plan-grid-wrap {
    overflow-x: auto !important;
  }
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .student-plan-shell .program-grid.plan-write-grid,
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .plan-write-grid {
    min-width: 760px !important;
  }
}
/* END HAFTALIK PLAN v11 */

/* =====================================================================
   OGRENCI TANI — koç tanıma / planlama formları
   ===================================================================== */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .rec-card {
  margin-top: 14px !important;
  background: #FFFFFF !important;
  border: 1px solid #E6ECF3 !important;
  border-radius: 16px !important;
  box-shadow: 0 10px 28px -22px rgba(15, 23, 42, .45) !important;
  overflow: hidden !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .rec-head {
  padding: 18px 20px 14px !important;
  border-bottom: 1px solid #EDF1F6 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .rec-head h3 {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 0 4px !important;
  color: #172A55 !important;
  font-size: 18px !important;
  font-weight: 750 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .rec-head p {
  margin: 0 !important;
  color: #7A889C !important;
  font-size: 13px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .rec-body {
  display: grid !important;
  grid-template-columns: minmax(240px, 32%) minmax(0, 1fr) !important;
  min-height: 420px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .rec-left {
  padding: 12px !important;
  background: #FFFFFF !important;
  border-right: 1px solid #EDF1F6 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .rec-sec {
  margin-bottom: 8px !important;
  border: 1px solid #E6ECF3 !important;
  border-radius: 10px !important;
  overflow: hidden !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .rec-sec-toggle {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  padding: 10px 12px !important;
  background: #F8FAFD !important;
  border: 0 !important;
  color: #35536D !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-align: left !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .rec-sec.is-open .rec-sec-toggle {
  background: #EEF4FF !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .rec-sec.is-open .rec-sec-toggle i {
  transform: rotate(180deg) !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .rec-form-list {
  margin: 0 !important;
  padding: 4px !important;
  list-style: none !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .rec-form-link {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
  padding: 8px 10px !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 8px !important;
  color: #4F5E73 !important;
  text-align: left !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .rec-form-link strong {
  font-size: 13px !important;
  font-weight: 650 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .rec-form-link:hover {
  background: #F5F8FF !important;
  color: #2F6FED !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .rec-form-link.active {
  background: #676ee9 !important;
  color: #FFFFFF !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .rec-right {
  padding: 14px !important;
  background: #F9FAFB !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .rec-panel {
  background: #FFFFFF !important;
  border: 1px solid #E6E6E6 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .rec-panel-head {
  padding: 12px 16px !important;
  background: #394EEA !important;
  color: #FFFFFF !important;
  font-size: 15px !important;
  font-weight: 700 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .rec-form {
  padding: 16px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .rec-field {
  margin-bottom: 14px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .rec-field label {
  display: block !important;
  margin-bottom: 6px !important;
  color: #172A55 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .rec-field textarea {
  width: 100% !important;
  min-height: 64px !important;
  padding: 8px 10px !important;
  border: 1px solid #DDE5EE !important;
  border-radius: 8px !important;
  color: #172A55 !important;
  font-size: 13px !important;
  resize: vertical !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .rec-actions {
  display: flex !important;
  justify-content: flex-end !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .rec-empty {
  padding: 24px !important;
  color: #7A889C !important;
}
@media (max-width: 900px) {
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .rec-body {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .rec-left {
    border-right: 0 !important;
    border-bottom: 1px solid #EDF1F6 !important;
  }
}
/* END OGRENCI TANI */


/* =====================================================================
   KONU ANALIZI STICKY v2 - dogrudan hucre girisi + sabit tablo basligi + yazdirma renkleri
   ===================================================================== */
/* koc ust seridi 64px sabit; ogrenci tarafinda ust serit yok */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .ka-page { --ka-sticky-top: 64px; }
html body.akx-shell .akx-app.akx-student .akx-content.akx-content .ka-page { --ka-sticky-top: 0px; }

/* >=1200px: tablo sayfaya sigar; sayfa asagi kaydirildiginda baslik satiri ust seridin altina yapisir */
@media screen and (min-width: 1200px) {
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .ka-page .ka-table-wrap { overflow: visible !important; max-height: none !important; }
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .ka-page .ka-table { min-width: 0 !important; }
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .ka-page .ka-table thead th {
    position: sticky !important;
    top: var(--ka-sticky-top) !important;
    z-index: 6 !important;
    background: #EFF3F9 !important;
    box-shadow: inset 0 -1px 0 #DCE3EC !important;
  }
}
/* 1200-1499px: yatay tasma olmasin diye sutunlar sikilasir (yazi boyutu degismez) */
@media screen and (min-width: 1200px) and (max-width: 1499.98px) {
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .ka-page .ka-table thead th { white-space: normal !important; line-height: 1.25 !important; }
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .ka-page .ka-table thead th,
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .ka-page .ka-table tbody td,
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .ka-page .ka-table tfoot td { padding-left: 8px !important; padding-right: 8px !important; }
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .ka-page .ka-table th.ka-c-name,
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .ka-page .ka-table td.ka-c-name { width: auto !important; min-width: 130px !important; max-width: none !important; white-space: normal !important; }
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .ka-page .ka-table .ka-name-text { white-space: normal !important; }
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .ka-page .ka-table .ka-c-res { width: auto !important; }
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .ka-page .ka-table .ka-badge { flex: 0 0 auto !important; min-width: 0 !important; padding-left: 8px !important; padding-right: 8px !important; }
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .ka-page .ka-table .ka-c-grow { min-width: 70px !important; }
}
/* <1200px: tablo yatay kayar; dikeyde kendi icinde kayar ve baslik tablonun tepesinde sabit kalir */
@media screen and (max-width: 1199.98px) {
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .ka-page .ka-table-wrap { max-height: calc(100vh - 220px) !important; overflow: auto !important; }
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .ka-page .ka-table thead th {
    position: sticky !important;
    top: 0 !important;
    z-index: 6 !important;
    background: #EFF3F9 !important;
    box-shadow: inset 0 -1px 0 #DCE3EC !important;
  }
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .ka-page .ka-table tfoot td {
    position: sticky !important;
    bottom: 0 !important;
    z-index: 5 !important;
    background: #F6F8FB !important;
    box-shadow: inset 0 1px 0 #DCE3EC !important;
  }
}
@media screen and (max-width: 760px) {
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .ka-page .ka-table-wrap { max-height: none !important; }
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .ka-page .ka-table thead th,
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .ka-page .ka-table tfoot td { position: static !important; }
}

/* veri hucreleri: tiklayinca dogrudan yazilir */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .ka-page .ka-table tbody td.ka-t-d,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .ka-page .ka-table tbody td.ka-t-y,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .ka-page .ka-table tbody td.ka-t-b,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .ka-page .ka-table tbody td.ka-t-hedef { cursor: text !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .ka-page .ka-analysis-card.is-bulk .ka-table input.ka-in.is-active {
  cursor: text !important;
  transition: border-color .14s ease, box-shadow .14s ease !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .ka-page .ka-table tbody td.ka-t-d:hover input.ka-in.is-active,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .ka-page .ka-table tbody td.ka-t-y:hover input.ka-in.is-active,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .ka-page .ka-table tbody td.ka-t-b:hover input.ka-in.is-active,
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .ka-page .ka-table tbody td.ka-t-hedef:hover input.ka-in.is-active { border-color: #9FB6EE !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .ka-page .ka-bulk-bar:not([hidden]) { margin-top: 10px !important; }

/* ---- Yazdirma / PDF: renkler ekrandaki gibi ciksin, tablo kesilmesin ---- */
@media print {
  html body.akx-shell,
  html body.akx-shell * { -webkit-print-color-adjust: exact !important; print-color-adjust: exact !important; }
  html body.akx-shell:has(.ka-page) .akx-sidebar,
  html body.akx-shell:has(.ka-page) .akx-topbar,
  html body.akx-shell:has(.ka-page) .akx-edge-btn { display: none !important; }
  html body.akx-shell:has(.ka-page) .akx-main { margin-left: 0 !important; }
  html body.akx-shell:has(.ka-page) .akx-content { padding: 0 !important; }
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .ka-page .ka-table-wrap { overflow: visible !important; max-height: none !important; }
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .ka-page .ka-table { min-width: 0 !important; }
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .ka-page .ka-table thead { display: table-header-group !important; }
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .ka-page .ka-table thead th,
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .ka-page .ka-table tfoot td { position: static !important; box-shadow: none !important; }
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .ka-page .ka-table tbody tr { break-inside: avoid !important; page-break-inside: avoid !important; }
  /* giris kutulari yerine renkli degerler basilir */
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .ka-page .ka-table input.ka-in,
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .ka-page .ka-analysis-card.is-bulk .ka-table input.ka-in.is-active { display: none !important; }
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .ka-page .ka-analysis-card.is-bulk .ka-table .ka-v[data-f] { display: inline !important; }
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .ka-page .ka-table .ka-c-act,
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .ka-page .ka-bulk-bar,
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .ka-page .ka-head-actions,
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .ka-page .ka-topic-panel { display: none !important; }
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .ka-page .ka-card { break-inside: avoid-page; box-shadow: none !important; }
}
/* END KONU ANALIZI STICKY v2 */


/* =====================================================================
   DENEME EKLE v1 - Laravel "Yeni Deneme Ekle" duzeni: kategori, sinif dersleri, ders ekle / tumunu ekle
   ===================================================================== */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .exam-entry-page .card-header { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; flex-wrap: wrap !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .exam-entry-page .exam-unit-chip {
  display: inline-flex !important; align-items: center !important; gap: 6px !important;
  padding: 5px 12px !important; border-radius: 999px !important;
  background: #EEF3FF !important; color: #3A5BC7 !important;
  font-size: 12.5px !important; font-weight: 700 !important; white-space: nowrap !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .exam-entry-page .exam-entry-fields-v2 {
  display: grid !important;
  grid-template-columns: minmax(0, 2fr) minmax(0, 1.6fr) minmax(0, 1.4fr) minmax(0, 1.1fr) repeat(3, minmax(0, .8fr)) !important;
  gap: 14px !important;
  padding: 18px 20px !important;
  border-bottom: 0 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .exam-entry-page .exam-entry-field label { font-size: 12.5px !important; font-weight: 700 !important; color: #475467 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .exam-entry-page .exam-lessons-head small { display: block !important; margin-top: 2px !important; color: #667085 !important; }

html body.akx-shell .akx-app.akx-app .akx-content.akx-content .exam-entry-page .exam-add-area { display: flex !important; flex-direction: column !important; gap: 12px !important; padding: 14px 20px !important; border-bottom: 1px solid #EDF1F6 !important; background: #FBFCFE !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .exam-entry-page .exam-type-filter { display: flex !important; align-items: center !important; gap: 8px !important; flex-wrap: wrap !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .exam-entry-page .exam-type-label { margin-right: 4px !important; font-size: 12.5px !important; font-weight: 700 !important; color: #475467 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .exam-entry-page .exam-type-filter label { margin: 0 !important; cursor: pointer !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .exam-entry-page .exam-type-filter input { position: absolute !important; opacity: 0 !important; pointer-events: none !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .exam-entry-page .exam-type-filter label span {
  display: inline-block !important; padding: 6px 14px !important; border-radius: 999px !important;
  border: 1px solid #D5DDE8 !important; background: #FFFFFF !important; color: #344054 !important;
  font-size: 13px !important; font-weight: 600 !important; transition: background .14s ease, border-color .14s ease, color .14s ease !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .exam-entry-page .exam-type-filter label:hover span { border-color: #F4A15E !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .exam-entry-page .exam-type-filter input:checked + span { background: #FFF1E6 !important; border-color: #F47A20 !important; color: #C25A0C !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .exam-entry-page .exam-type-filter input:focus-visible + span { outline: 2px solid #F47A20 !important; outline-offset: 2px !important; }

html body.akx-shell .akx-app.akx-app .akx-content.akx-content .exam-entry-page .exam-add-bar { display: flex !important; align-items: center !important; gap: 8px !important; flex-wrap: wrap !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .exam-entry-page .exam-add-bar .form-select { flex: 1 1 320px !important; max-width: 520px !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .exam-entry-page .exam-add-btn { background: #F47A20 !important; border: 1px solid #F47A20 !important; color: #FFFFFF !important; font-weight: 600 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .exam-entry-page .exam-add-btn:hover { background: #DE6A14 !important; border-color: #DE6A14 !important; color: #FFFFFF !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .exam-entry-page .exam-add-all-btn { background: #FFFFFF !important; border: 1px solid #D5DDE8 !important; color: #344054 !important; font-weight: 600 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .exam-entry-page .exam-add-all-btn:hover { background: #F6F8FB !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .exam-entry-page .exam-add-btn:disabled, html body.akx-shell .akx-app.akx-app .akx-content.akx-content .exam-entry-page .exam-add-all-btn:disabled { opacity: .5 !important; cursor: not-allowed !important; }

html body.akx-shell .akx-app.akx-app .akx-content.akx-content .exam-entry-page .exam-entry-table .exam-col-del { width: 64px !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .exam-entry-page .exam-del-btn {
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
  width: 32px !important; height: 32px !important; border-radius: 8px !important;
  border: 1px solid #F3D0D4 !important; background: #FFF6F7 !important; color: #D83A4A !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .exam-entry-page .exam-del-btn:hover { background: #FFE9EC !important; border-color: #EBA9B1 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .exam-entry-page .exam-entry-table .exam-empty-row td { padding: 22px 12px !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .exam-entry-page .exam-actions { display: flex !important; gap: 8px !important; }

@media (max-width: 1400px) {
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .exam-entry-page .exam-entry-fields-v2 { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .exam-entry-page .exam-f-title { grid-column: span 2 !important; }
}
@media (max-width: 760px) {
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .exam-entry-page .exam-entry-fields-v2 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .exam-entry-page .exam-f-title, html body.akx-shell .akx-app.akx-app .akx-content.akx-content .exam-entry-page .exam-f-cat { grid-column: 1 / -1 !important; }
}
/* END DENEME EKLE v1 */


/* =====================================================================
   OGRENCI PANO SEKMELER v2 - Genel Degerlendirme / Gelisim ust sekmelerde, ilk iki sirada
   (DOM'da sonda; 'order' ile one alinir, mevcut sekmelerin sira tabanli renkleri korunur)
   ===================================================================== */
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs > a.shome-tab-genel { order: -2 !important; }
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs > a.shome-tab-mesaj { order: -1 !important; }
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs > a.shome-tab-pano {
  background: #FFFFFF !important;
  border-color: #F3E4D6 !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs > a.shome-tab-pano > i:first-child { color: #F47A20 !important; -webkit-text-fill-color: #F47A20 !important; }
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs > a.shome-tab-pano.is-active {
  background: #FFF1E6 !important;
  border-color: #F6B27E !important;
  box-shadow: 0 10px 22px -16px rgba(244, 122, 32, .7) !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs > a.shome-tab-pano.is-active span { color: #B4520A !important; -webkit-text-fill-color: #B4520A !important; }
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs > a.shome-tab-pano.is-active .shome-tab-go { color: #F47A20 !important; -webkit-text-fill-color: #F47A20 !important; }

/* Genel Degerlendirme: kocun ogrenci sayfasindaki bilesenler ogrenci panosunda */
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-overview { margin-top: 6px !important; }
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-overview .sp-card,
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-overview .sp-kpi { background: #FFFFFF !important; }
/* END OGRENCI PANO SEKMELER v2 */


/* =====================================================================
   OGRENCI BANNER MASA v1 - ogrenci fotografi yerine calisma masasi gorseli
   Gorsel: wwwroot/images/student-banner.png (1200x344, banner orani ile ayni).
   Sahne soldan ~%32'de basliyor; sol kisim gorselin icinde krem. Olculer degismez.
   ===================================================================== */
/* Metin okunurlugu icin ortu yalnizca metin alaninda; kitaplar soluklasmasin */
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero-banner::before {
  background: linear-gradient(
    90deg,
    rgba(255,249,244,.82) 0%,
    rgba(255,249,244,.55) 20%,
    rgba(255,249,244,0) 33%
  ) !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero-banner-img {
  object-fit: cover !important;
  object-position: right center !important;
}
/* Metinlerin altinda cizgi / fircа izi / suslu alt cizgi olmasin */
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero-banner-text,
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero-banner-text * {
  text-decoration: none !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero-banner-text .shome-banner-sub::before,
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero-banner-text .shome-banner-sub::after,
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero-banner-text .shome-banner-slogan::before,
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero-banner-text .shome-banner-slogan::after,
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero-banner-text .shome-banner-slogan span::before,
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero-banner-text .shome-banner-slogan span::after {
  content: none !important;
  display: none !important;
}
/* Dar ekranda banner kisalir ve yatay kirpilir: sahne saga yasli kalir, ortu biraz genisler */
@media (max-width: 1100px) {
  html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero-banner::before {
    background: linear-gradient(90deg, rgba(255,249,244,.88) 0%, rgba(255,249,244,.6) 24%, rgba(255,249,244,0) 40%) !important;
  }
}
@media (max-width: 480px) {
  html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero-banner::before {
    background: linear-gradient(90deg, rgba(255,249,244,.94) 0%, rgba(255,249,244,.82) 38%, rgba(255,249,244,0) 60%) !important;
  }
}
/* END OGRENCI BANNER MASA v1 */


/* =====================================================================
   OGRENCI DERS BASARI KARTLARI v1 - Genel Ortalama | Son Hafta (deneme + soru cozum)
   ===================================================================== */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-duo-card .sp-card-head { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; flex-wrap: wrap !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-duo-card .sp-card-head h3 { display: flex !important; align-items: baseline !important; gap: 8px !important; flex-wrap: wrap !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-duo-hint { font-size: 12px !important; font-weight: 500 !important; color: #8A97A8 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-duo {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 16px !important;
  padding: 14px 16px 16px !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-duo-pane {
  min-width: 0 !important;
  padding: 12px 14px 6px !important;
  border: 1px solid #EEF2F7 !important;
  border-radius: 14px !important;
  background: #FCFDFE !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-duo-pane + .sp-duo-pane { background: #FFFBF7 !important; border-color: #F6E7DA !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-duo-title { display: flex !important; align-items: baseline !important; justify-content: space-between !important; gap: 8px !important; margin-bottom: 4px !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-duo-title b { font-size: 13.5px !important; font-weight: 700 !important; color: #172A55 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-duo-title small { font-size: 12px !important; color: #8A97A8 !important; white-space: nowrap !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-duo-chart { min-height: 250px !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-duo-pane .sp-empty { min-height: 250px !important; display: flex !important; flex-direction: column !important; justify-content: center !important; }
@media (max-width: 900px) {
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-duo { grid-template-columns: minmax(0, 1fr) !important; }
}
/* END OGRENCI DERS BASARI KARTLARI v1 */


/* =====================================================================
   SP ALT SATIR v1 - Deneme Basari Gelisimi karta tasindi; alt satirda iki kart yan yana
   ===================================================================== */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-grid.sp-grid-bottom { grid-template-columns: minmax(0, 1fr) !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-grid.sp-grid-bottom > .sp-col-side {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 16px !important;
  align-items: stretch !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-grid.sp-grid-bottom > .sp-col-side > .sp-card { margin: 0 !important; height: 100% !important; }
@media (max-width: 900px) {
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .sp-grid.sp-grid-bottom > .sp-col-side { grid-template-columns: minmax(0, 1fr) !important; }
}
/* END SP ALT SATIR v1 */


/* =====================================================================
   OGRENCI MESAJLAR v1 - Kocumdan Mesajlar sekmesi, okunmamis rozeti, ust bildirim
   ===================================================================== */
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs > a.shome-tab-mesaj { order: -1 !important; }
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tab-badge {
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
  min-width: 22px !important; height: 22px !important; margin-left: auto !important; margin-right: 6px !important;
  padding: 0 7px !important; border-radius: 999px !important;
  background: #EF4444 !important; color: #FFFFFF !important; -webkit-text-fill-color: #FFFFFF !important;
  font-size: 12px !important; font-weight: 700 !important; font-style: normal !important;
}

/* Ust bildirim */
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-notify {
  display: flex !important; align-items: center !important; gap: 14px !important;
  margin: 0 0 16px !important; padding: 12px 16px !important;
  background: linear-gradient(90deg, #FFF1E6 0%, #FFF8F1 100%) !important;
  border: 1px solid #F6C49A !important; border-radius: 14px !important;
  box-shadow: 0 10px 24px -18px rgba(244, 122, 32, .8) !important;
  color: #7A3A09 !important; text-decoration: none !important;
  animation: shomeNotifyIn .35s ease-out both;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-notify:hover { border-color: #F47A20 !important; }
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-notify-icon {
  position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important;
  flex: 0 0 38px !important; width: 38px !important; height: 38px !important; border-radius: 12px !important;
  background: #F47A20 !important; color: #FFFFFF !important; font-size: 17px !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-notify-icon em {
  position: absolute !important; top: -6px !important; right: -6px !important;
  min-width: 19px !important; height: 19px !important; padding: 0 5px !important; border-radius: 999px !important;
  background: #EF4444 !important; border: 2px solid #FFFFFF !important; color: #FFFFFF !important;
  font-size: 10.5px !important; font-weight: 700 !important; font-style: normal !important; line-height: 15px !important; text-align: center !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-notify-text { display: flex !important; flex-direction: column !important; min-width: 0 !important; }
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-notify-text b { font-size: 14.5px !important; font-weight: 700 !important; color: #7A3A09 !important; }
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-notify-text small { font-size: 12.5px !important; color: #9A5A26 !important; }
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-notify-go { margin-left: auto !important; font-size: 13px !important; font-weight: 700 !important; color: #C25A0C !important; white-space: nowrap !important; }
@keyframes shomeNotifyIn { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-notify { animation: none !important; } }

/* Mesaj listesi */
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-messages { padding: 6px 0 !important; background: #FFFFFF !important; border-radius: 16px !important; }
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-msg-list { list-style: none !important; margin: 0 !important; padding: 0 !important; }
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-msg { display: flex !important; gap: 14px !important; padding: 16px 20px !important; border-bottom: 1px solid #F1F3F7 !important; }
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-msg:last-child { border-bottom: 0 !important; }
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-msg.is-new { background: #FFF9F3 !important; }
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-msg-avatar {
  flex: 0 0 40px !important; width: 40px !important; height: 40px !important; border-radius: 50% !important;
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
  background: #E8F1FF !important; color: #3A63D6 !important; font-weight: 700 !important; font-size: 15px !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-msg-body { min-width: 0 !important; flex: 1 1 auto !important; }
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-msg-meta { display: flex !important; align-items: baseline !important; gap: 10px !important; flex-wrap: wrap !important; margin-bottom: 4px !important; }
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-msg-meta b { font-size: 14px !important; font-weight: 700 !important; color: #172A55 !important; }
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-msg-meta time { font-size: 12px !important; color: #8A97A8 !important; }
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-msg-meta em { font-style: normal !important; font-size: 11px !important; font-weight: 700 !important; padding: 2px 8px !important; border-radius: 999px !important; background: #F47A20 !important; color: #FFFFFF !important; }
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-msg-body p { margin: 0 !important; font-size: 14px !important; line-height: 1.55 !important; color: #344054 !important; white-space: pre-line !important; overflow-wrap: anywhere !important; }
@media (max-width: 560px) {
  html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-notify { flex-wrap: wrap !important; }
  html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-notify-go { margin-left: 52px !important; }
}
/* END OGRENCI MESAJLAR v1 */


/* =====================================================================
   OGRENCI SEKMELER KOMPAKT v1 - ust sekmeler kucuk, iki satir (7 sutun)
   Sira: Genel Degerlendirme, Haftalik Planim, Konu Analizim, Deneme Sinavlarim, Deneme Analizim, ...
   ('order' ile; DOM sirasi ve sira tabanli renkler degismez). Sigmazsa ilk iki satir + "Tum sekmeler".
   ===================================================================== */
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs.shome-tabs {
  grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
  column-gap: 8px !important;
  row-gap: 8px !important;
  padding: 10px 12px !important;
  margin-bottom: 4px !important;
  overflow: hidden !important;
  transition: max-height .2s ease !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs.shome-tabs > a {
  min-height: 44px !important;
  height: auto !important;
  padding: 6px 10px 8px !important;
  gap: 8px !important;
  border-radius: 10px !important;
  align-items: center !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs.shome-tabs > a > i:first-child {
  flex: 0 0 28px !important;
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  font-size: 14px !important;
  border-radius: 8px !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs.shome-tabs > a > span {
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs.shome-tabs > a .shome-tab-go { display: none !important; }
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs.shome-tabs > a .shome-tab-badge { min-width: 19px !important; height: 19px !important; font-size: 11px !important; margin-right: 0 !important; }
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs.shome-tabs > a.shome-tab-genel { order: 1 !important; }
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs.shome-tabs > a[href="/ogrenci/haftalik-plan"] { order: 2 !important; }
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs.shome-tabs > a[href$="/analysis"] { order: 3 !important; }
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs.shome-tabs > a[href$="/exams"] { order: 4 !important; }
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs.shome-tabs > a[href$="/exam-analysis"] { order: 5 !important; }
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs.shome-tabs > a.shome-tab-mesaj { order: 6 !important; }
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs.shome-tabs > a[href$="/mistakes"] { order: 7 !important; }
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs.shome-tabs > a[href="/ogrenci/ders-programi"] { order: 8 !important; }
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs.shome-tabs > a[href$="/grades"] { order: 9 !important; }
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs.shome-tabs > a[href$="/sources"] { order: 10 !important; }
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs.shome-tabs > a[href$="/kitap-okuma"] { order: 11 !important; }
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs.shome-tabs > a[href$="/report"] { order: 12 !important; }
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs.shome-tabs > a[href$="/enneagram"] { order: 13 !important; }

html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs-wrap { position: relative !important; }
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs-toggle {
  display: flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important;
  margin: 2px auto 0 !important; padding: 5px 14px !important;
  border: 1px solid #EFE1D3 !important; border-radius: 999px !important;
  background: #FFFFFF !important; color: #7A5A3A !important;
  font-size: 12.5px !important; font-weight: 600 !important; cursor: pointer !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs-toggle[hidden] { display: none !important; }
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs-toggle i { display: inline-block !important; transition: transform .2s ease !important; }
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs-wrap.is-open .shome-tabs-toggle i { transform: rotate(180deg) !important; }
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs-toggle:hover { border-color: #F4A15E !important; color: #C25A0C !important; }
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs-toggle:focus-visible { outline: 2px solid #F47A20 !important; outline-offset: 2px !important; }

@media (max-width: 1280px) { html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs.shome-tabs { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; } }
@media (max-width: 900px) { html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs.shome-tabs { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } }
@media (max-width: 560px) { html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs.shome-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }
@media (prefers-reduced-motion: reduce) { html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs.shome-tabs { transition: none !important; } }
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs-toggle { position: relative !important; z-index: 3 !important; margin-top: 8px !important; box-shadow: 0 6px 16px -12px rgba(120, 72, 30, .6) !important; }
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs-wrap.is-collapsible .shome-tabs.shome-tabs { margin-bottom: 0 !important; }
/* Yapiskan davranis sarmalayicida (site.css'te .shome-tabs icindeydi): dugme de sekmelerle birlikte ustte kalir */
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs-wrap {
  position: sticky !important;
  top: 4.5rem !important;
  z-index: 20 !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs-wrap > .shome-tabs.shome-tabs { position: relative !important; top: auto !important; }
/* END OGRENCI SEKMELER KOMPAKT v1 */


/* =====================================================================
   OGRENCI MODUL BASLIGI KOC GORUNUMU v1
   Ogrenci ic sayfalarindaki sekme basligi, kocun ayni sayfadaki gorunumuyle ayni:
   acik gri-beyaz kart, gri sekmeler, hover'da lacivert, secili sekme lacivert zemin + beyaz yazi.
   (Degerler koc gorunumunden hesaplanmis stillerle olculdu.)
   ===================================================================== */
html body.akx-shell .akx-app.akx-student .akx-content.akx-content .student-module-page .student-module-header.student-module-header {
  background-color: transparent !important;
  background-image: linear-gradient(135deg, #F2F7FA 0%, #F8FAFC 52%, #FFFFFF 100%) !important;
  border: 1px solid #D5E2EB !important;
  box-shadow: 0 4px 16px rgba(31, 59, 86, .035) !important;
  color: #294650 !important;
  -webkit-text-fill-color: #294650 !important;
}
html body.akx-shell .akx-app.akx-student .akx-content.akx-content .student-module-page .student-module-header.student-module-header .student-back-link {
  background: rgba(255, 255, 255, .78) !important;
  border: 1px solid #E0E8EF !important;
  border-radius: 10px !important;
  color: #35536D !important;
  -webkit-text-fill-color: #35536D !important;
}
html body.akx-shell .akx-app.akx-student .akx-content.akx-content .student-module-page .student-module-header.student-module-header .student-back-link:hover {
  background: #FFFFFF !important;
  border-color: #A9C3CA !important;
  color: #1B3B45 !important;
  -webkit-text-fill-color: #1B3B45 !important;
}
html body.akx-shell .akx-app.akx-student .akx-content.akx-content .student-module-page .student-module-header.student-module-header .student-module-tabs { color: #294650 !important; -webkit-text-fill-color: #294650 !important; }
html body.akx-shell .akx-app.akx-student .akx-content.akx-content .student-module-page .student-module-header.student-module-header .student-module-tabs a:not(.active) {
  background: transparent !important;
  box-shadow: none !important;
  color: #526574 !important;
  -webkit-text-fill-color: #526574 !important;
}
html body.akx-shell .akx-app.akx-student .akx-content.akx-content .student-module-page .student-module-header.student-module-header .student-module-tabs a:not(.active) span { color: #526574 !important; -webkit-text-fill-color: #526574 !important; }
html body.akx-shell .akx-app.akx-student .akx-content.akx-content .student-module-page .student-module-header.student-module-header .student-module-tabs a:not(.active) i { color: #6F879E !important; -webkit-text-fill-color: #6F879E !important; }
html body.akx-shell .akx-app.akx-student .akx-content.akx-content .student-module-page .student-module-header.student-module-header .student-module-tabs a:not(.active):hover,
html body.akx-shell .akx-app.akx-student .akx-content.akx-content .student-module-page .student-module-header.student-module-header .student-module-tabs a:not(.active):hover span,
html body.akx-shell .akx-app.akx-student .akx-content.akx-content .student-module-page .student-module-header.student-module-header .student-module-tabs a:not(.active):hover i { color: #294968 !important; -webkit-text-fill-color: #294968 !important; }
html body.akx-shell .akx-app.akx-student .akx-content.akx-content .student-module-page .student-module-header.student-module-header .student-module-tabs a.active {
  background: linear-gradient(135deg, #294968 0%, #365D7C 100%) !important;
  box-shadow: 0 3px 8px rgba(41, 73, 104, .16) !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}
html body.akx-shell .akx-app.akx-student .akx-content.akx-content .student-module-page .student-module-header.student-module-header .student-module-tabs a.active span,
html body.akx-shell .akx-app.akx-student .akx-content.akx-content .student-module-page .student-module-header.student-module-header .student-module-tabs a.active i { color: #FFFFFF !important; -webkit-text-fill-color: #FFFFFF !important; }
html body.akx-shell .akx-app.akx-student .akx-content.akx-content .student-module-page .student-module-header.student-module-header .student-module-tabs a:focus-visible { outline: 2px solid #365D7C !important; outline-offset: 2px !important; }
/* END OGRENCI MODUL BASLIGI KOC GORUNUMU v1 */


/* =====================================================================
   OGRENCI KUNYE ROZETLERI v1 - "Sinif LGS" ve hedef lise rozetleri ayni boy ve hizada; hedef koyu renk
   ===================================================================== */
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero .shome-hero-chips { display: flex !important; align-items: center !important; flex-wrap: wrap !important; gap: 8px !important; }
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero .shome-hero-chips .shome-student-area,
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero .shome-hero-chips .shome-hero-goal {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  height: 30px !important;
  min-height: 30px !important;
  padding: 0 12px !important;
  line-height: 1 !important;
  box-sizing: border-box !important;
  vertical-align: middle !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero .shome-hero-chips .shome-student-area > *,
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero .shome-hero-chips .shome-hero-goal > * { line-height: 1 !important; margin: 0 !important; }
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero .shome-hero-chips .shome-student-area > i,
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero .shome-hero-chips .shome-hero-goal > i { display: inline-flex !important; align-items: center !important; font-size: 14px !important; }
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero .shome-hero-chips .shome-student-area > span {
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #667085 !important;
  -webkit-text-fill-color: #667085 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero .shome-hero-chips .shome-student-area > strong {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #101A33 !important;
  -webkit-text-fill-color: #101A33 !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero .shome-hero-chips .shome-hero-goal {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #101A33 !important;
  -webkit-text-fill-color: #101A33 !important;
}
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-hero .shome-hero-chips .shome-hero-goal > i { color: #E0553A !important; -webkit-text-fill-color: #E0553A !important; }
/* END OGRENCI KUNYE ROZETLERI v1 */


/* OGRENCI MESAJ SEKMESI SONDA v1 - Kocumdan Mesajlar en son sekme */
html body.akx-shell .akx-app.akx-student .akx-content .shome.shome-v2 .shome-tabs.shome-tabs > a.shome-tab-mesaj { order: 99 !important; }


/* OGRENCI CIKIS DUGMESI v1 - ikon + "Cikis" yazisi, sakin (beyaz zemin, gri yazi); hover'da hafif kirmizi */
html body.akx-shell .akx-app.akx-student .akx-topbar .akx-top-logout-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  width: auto !important;
  height: 34px !important;
  padding: 0 15px 0 11px !important;
  min-width: 86px !important;
  justify-content: center !important;
  white-space: nowrap !important;
  border-radius: 999px !important;
  border: 1px solid #E5EAF1 !important;
  background: #FFFFFF !important;
  color: #667085 !important;
  -webkit-text-fill-color: #667085 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}
html body.akx-shell .akx-app.akx-student .akx-topbar .akx-top-logout-btn i { font-size: 15px !important; line-height: 1 !important; }
html body.akx-shell .akx-app.akx-student .akx-topbar .akx-top-logout-btn span { line-height: 1 !important; }
html body.akx-shell .akx-app.akx-student .akx-topbar .akx-top-logout-btn:hover {
  background: #FEF3F2 !important;
  border-color: #F5C2BD !important;
  color: #B42318 !important;
  -webkit-text-fill-color: #B42318 !important;
}
html body.akx-shell .akx-app.akx-student .akx-topbar .akx-top-logout-btn:focus-visible { outline: 2px solid #F5C2BD !important; outline-offset: 2px !important; }
@media (max-width: 720px) {
  html body.akx-shell .akx-app.akx-student .akx-topbar .akx-top-logout-btn { width: 34px !important; padding: 0 !important; justify-content: center !important; }
  html body.akx-shell .akx-app.akx-student .akx-topbar .akx-top-logout-btn span { display: none !important; }
}


/* =====================================================================
   OGRENCI GRAFIKLERI v2 - deneme gostergeleri, toplam/haftalik soru cozme, basari oranlari (radar)
   Views/Shared/_ExamGauges, _SolveCharts, _SuccessRadar  ·  wwwroot/js/student-charts.js
   ===================================================================== */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .stc-card .sp-card-head { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; flex-wrap: wrap !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .stc-card .sp-card-head h3 { display: flex !important; align-items: baseline !important; gap: 8px !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .stc-hint { font-size: 12px !important; font-weight: 500 !important; color: #8A97A8 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .stc-sub { margin: 10px 18px 0 !important; font-size: 12.5px !important; color: #8A97A8 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .stc-chart { min-height: 300px !important; padding: 6px 12px 10px !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .stc-radar { min-height: 440px !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .stc-card .sp-empty { min-height: 220px !important; display: flex !important; flex-direction: column !important; justify-content: center !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .stc-row { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 16px !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .stc-row > .sp-card { margin: 0 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .stc-badge {
  display: inline-flex !important; align-items: center !important; height: 26px !important; padding: 0 10px !important;
  border-radius: 999px !important; background: #EEF2FA !important; color: #3F5E96 !important;
  font-size: 12px !important; font-weight: 700 !important; white-space: nowrap !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .stc-head-tools { display: flex !important; align-items: center !important; gap: 8px !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .stc-select select {
  height: 30px !important; padding: 0 28px 0 10px !important; border: 1px solid #DDE3EC !important; border-radius: 8px !important;
  background-color: #FFFFFF !important; color: #344054 !important; font-size: 12.5px !important; font-weight: 600 !important; cursor: pointer !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .stc-select select:focus-visible { outline: 2px solid #9FB6EE !important; outline-offset: 1px !important; }

/* Deneme gostergeleri (Deneme Sinavlarim ile ayni gorunum) */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .stc-gauges { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 16px !important; padding: 14px 16px 16px !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .stc-gauge { border: 1px solid #EEF2F7 !important; border-radius: 14px !important; background: #FCFDFE !important; overflow: hidden !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .stc-gauge header {
  display: flex !important; align-items: center !important; gap: 8px !important; flex-wrap: wrap !important;
  padding: 10px 14px !important; font-size: 13px !important; font-weight: 700 !important; color: #172A55 !important;
  border-bottom: 1px solid #EEF2F7 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .stc-gauge header small { margin-left: auto !important; font-size: 12px !important; font-weight: 500 !important; color: #8A97A8 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .stc-gauge.is-avg header i { color: #3F5E96 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .stc-gauge.is-last header i { color: #C69A4B !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .stc-gauge-chart { height: 230px !important; }

@media (max-width: 900px) {
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .stc-row, html body.akx-shell .akx-app.akx-app .akx-content.akx-content .stc-gauges { grid-template-columns: minmax(0, 1fr) !important; }
}

/* Konu Analizi: dersler acik, yan yana (acilir liste yok) */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .ka-page .ka-lesson-open { flex: 1 1 100% !important; min-width: 0 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .ka-page .ka-lesson-list { display: flex !important; flex-wrap: wrap !important; gap: 10px 18px !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .ka-page .ka-lesson-list .lesson-pill-group { display: flex !important; align-items: center !important; flex-wrap: wrap !important; gap: 6px !important; margin: 0 !important; padding: 0 !important; background: none !important; border: 0 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .ka-page .ka-lesson-list .lesson-pill-group-label { font-size: 11px !important; font-weight: 700 !important; letter-spacing: .04em !important; text-transform: uppercase !important; color: #8A97A8 !important; margin-right: 2px !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .ka-page .ka-lesson-list .lesson-pill-group-row { display: flex !important; flex-wrap: wrap !important; gap: 6px !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .ka-page .ka-lesson-list .lesson-pill-wrap {
  display: inline-flex !important; align-items: center !important; gap: 2px !important;
  border: 1px solid #E3E8F0 !important; border-radius: 999px !important; background: #FFFFFF !important;
  padding: 0 4px 0 0 !important; transition: border-color .15s ease, background .15s ease !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .ka-page .ka-lesson-list .lesson-pill {
  display: inline-flex !important; align-items: center !important; height: 32px !important; padding: 0 12px !important;
  font-size: 13px !important; font-weight: 600 !important; color: #344054 !important; text-decoration: none !important; white-space: nowrap !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .ka-page .ka-lesson-list .lesson-pill-wrap:not(:has(.lesson-pill-remove)) { padding-right: 0 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .ka-page .ka-lesson-list .lesson-pill-wrap:hover { border-color: #F4B07A !important; background: #FFF8F2 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .ka-page .ka-lesson-list .lesson-pill-wrap.is-active { border-color: #F47A20 !important; background: #FFF1E6 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .ka-page .ka-lesson-list .lesson-pill.is-active { color: #C25A0C !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .ka-page .ka-lesson-list .lesson-pill-remove {
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
  width: 22px !important; height: 22px !important; border: 0 !important; border-radius: 50% !important;
  background: transparent !important; color: #98A2B3 !important; font-size: 15px !important; line-height: 1 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .ka-page .ka-lesson-list .lesson-pill-remove:hover { background: #FFEDEF !important; color: #EF5261 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .ka-page .ka-lesson-empty { color: #8A97A8 !important; font-size: 13px !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .ka-page .ka-lesson-row { flex-wrap: wrap !important; align-items: flex-start !important; }

/* Konu Analizi alt grafikler */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .ka-page .ka-charts { display: flex !important; flex-direction: column !important; gap: 16px !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .ka-page .ka-lesson-row { display: flex !important; flex-wrap: wrap !important; gap: 10px !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .ka-page .ka-lesson-row > .ka-field-lesson { flex: 1 1 100% !important; width: 100% !important; max-width: none !important; min-width: 0 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .ka-page .ka-lesson-list .lesson-pill-group-row { flex-direction: row !important; }
/* END OGRENCI GRAFIKLERI v2 */


/* =====================================================================
   KOC LISTESI TOPLU ISLEM v1 - renkli satir dugmeleri, durum suzgeci, toplu islem cubugu, grup koc sayisi
   Views/Data/Index.cshtml (coaches, grups) · Views/AdminCoaches/Create.cshtml
   ===================================================================== */
/* Satir dugmeleri: Duzenle yesil, Sifre Sifirla turuncu, Sil kirmizi */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .akx-row-actions .btn.akx-edit-action {
  background: #EAF7EF !important; border-color: #A9DDBC !important;
  color: #1E7A45 !important; -webkit-text-fill-color: #1E7A45 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .akx-row-actions .btn.akx-edit-action:hover {
  background: #1F9D55 !important; border-color: #1F9D55 !important;
  color: #FFFFFF !important; -webkit-text-fill-color: #FFFFFF !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .akx-row-actions .btn.akx-reset-action {
  background: #FFF3E6 !important; border-color: #F6C48E !important;
  color: #B45A09 !important; -webkit-text-fill-color: #B45A09 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .akx-row-actions .btn.akx-reset-action:hover {
  background: #F08A24 !important; border-color: #F08A24 !important;
  color: #FFFFFF !important; -webkit-text-fill-color: #FFFFFF !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .akx-row-actions .btn.akx-delete-action {
  background: #FDECEC !important; border-color: #F1B2B2 !important;
  color: #B42323 !important; -webkit-text-fill-color: #B42323 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .akx-row-actions .btn.akx-delete-action:hover {
  background: #DC3545 !important; border-color: #DC3545 !important;
  color: #FFFFFF !important; -webkit-text-fill-color: #FFFFFF !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .akx-row-actions .btn i { color: inherit !important; -webkit-text-fill-color: inherit !important; }

/* Durum suzgeci: Tumu / Aktif / Pasif */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .akx-status-filter {
  display: inline-flex !important; align-items: center !important; gap: 4px !important;
  padding: 3px !important; border: 1px solid #E2E7F0 !important; border-radius: 10px !important; background: #FFFFFF !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .akx-status-filter a {
  display: inline-flex !important; align-items: center !important; gap: 6px !important; height: 30px !important; padding: 0 12px !important;
  border-radius: 8px !important; font-size: 12.5px !important; font-weight: 600 !important; color: #475569 !important; text-decoration: none !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .akx-status-filter a b { font-weight: 700 !important; color: #94A3B8 !important; font-variant-numeric: tabular-nums !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .akx-status-filter a:hover { background: #F1F5F9 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .akx-status-filter a.is-on { background: #1E3A6E !important; color: #FFFFFF !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .akx-status-filter a.is-on b { color: #C9D6EE !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .akx-status-filter a.is-active-chip.is-on { background: #1F9D55 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .akx-status-filter a.is-active-chip.is-on b { color: #D5F2E0 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .akx-status-filter a.is-passive-chip.is-on { background: #64748B !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .akx-status-filter a.is-passive-chip.is-on b { color: #E2E8F0 !important; }

/* Toplu islem cubugu */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .akx-bulk-bar {
  display: flex !important; align-items: center !important; flex-wrap: wrap !important; gap: 8px !important;
  margin: 0 0 12px !important; padding: 10px 14px !important;
  border: 1px dashed #D5DCE8 !important; border-radius: 12px !important; background: #F8FAFD !important;
  transition: border-color .16s ease, background-color .16s ease !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .akx-bulk-bar.has-selection { border-style: solid !important; border-color: #B8C7E6 !important; background: #EEF3FC !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .akx-bulk-info { margin-right: auto !important; font-size: 13px !important; color: #475569 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .akx-bulk-info b { color: #1E3A6E !important; font-variant-numeric: tabular-nums !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .akx-bulk-btn {
  display: inline-flex !important; align-items: center !important; gap: 6px !important; height: 32px !important; padding: 0 12px !important;
  border-radius: 8px !important; font-size: 12.5px !important; font-weight: 600 !important; border: 1px solid transparent !important;
  color: #FFFFFF !important; -webkit-text-fill-color: #FFFFFF !important; background-image: none !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .akx-bulk-btn.is-passive { background: #64748B !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .akx-bulk-btn.is-passive:hover { background: #475569 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .akx-bulk-btn.is-active { background: #1F9D55 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .akx-bulk-btn.is-active:hover { background: #17804A !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .akx-bulk-btn.is-delete { background: #DC3545 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .akx-bulk-btn.is-delete:hover { background: #B42323 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .akx-bulk-btn:disabled { opacity: .45 !important; cursor: not-allowed !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .akx-bulk-btn:focus-visible { outline: 2px solid #9FB6EE !important; outline-offset: 2px !important; }

/* Secim kolonu */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .akx-data-table .akx-data-checkcol { width: 38px !important; padding-left: 14px !important; padding-right: 4px !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .akx-data-table .akx-data-checkcol .form-check-input { width: 17px !important; height: 17px !important; margin: 0 !important; cursor: pointer !important; }

/* Koc gruplari: koc sayisi */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .akx-group-count { white-space: nowrap !important; font-size: 13px !important; color: #475569 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .akx-group-count b { font-size: 15px !important; color: #1E3A6E !important; font-variant-numeric: tabular-nums !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .akx-group-count small { display: block !important; margin-top: 2px !important; font-size: 11.5px !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .akx-group-count small .is-on { color: #1E7A45 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .akx-group-count small .is-off { color: #94A3B8 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .akx-data-table .akx-row-actions { flex-wrap: nowrap !important; }
/* END KOC LISTESI TOPLU ISLEM v1 */

/* KOC GRUBU SUZGECI v1 - Koc Gruplari > koc sayisi tiklaninca o grubun koclari */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .akx-group-link {
  display: inline-flex !important; align-items: center !important; gap: 4px !important;
  padding: 2px 10px !important; border-radius: 999px !important; text-decoration: none !important;
  color: #1E3A6E !important; background: #EEF3FC !important; border: 1px solid #D3DDF1 !important;
  transition: background-color .15s ease, border-color .15s ease !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .akx-group-link:hover { background: #DCE6F8 !important; border-color: #B8C7E6 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .akx-group-link:focus-visible { outline: 2px solid #9FB6EE !important; outline-offset: 2px !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .akx-group-link i { font-size: 11px !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .akx-group-chip { max-width: 360px !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .akx-back-link { display: inline-flex !important; align-items: center !important; gap: 4px !important; font-size: 12.5px !important; font-weight: 600 !important; color: #475569 !important; text-decoration: none !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .akx-back-link:hover { color: #1E3A6E !important; }
/* END KOC GRUBU SUZGECI v1 */

/* KOC GRUBU KARTI v3 - minimal: Koc Sayisi yalnizca sayi; Goruntule dugmesi Duzenle ile ayni sirada */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .akx-bulk-bar { max-width: 1460px !important; margin: 0 auto 12px auto !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .akx-data-table td.akx-group-count { white-space: nowrap !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .akx-data-table td.akx-group-count .akx-gc-num { font-size: 13px !important; color: #64748B !important; -webkit-text-fill-color: #64748B !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .akx-data-table td.akx-group-count .akx-gc-num b { font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; -webkit-text-fill-color: #1E293B !important; font-variant-numeric: tabular-nums !important; margin-right: 2px !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .akx-row-actions .btn.akx-view-action {
  background: #F4F7FC !important; border-color: #DCE4F1 !important;
  color: #3F5E96 !important; -webkit-text-fill-color: #3F5E96 !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .akx-row-actions .btn.akx-view-action:hover {
  background: #3F5E96 !important; border-color: #3F5E96 !important;
  color: #FFFFFF !important; -webkit-text-fill-color: #FFFFFF !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .akx-row-actions .btn.akx-view-action, html body.akx-shell .akx-app.akx-app .akx-content.akx-content .akx-row-actions .btn.akx-edit-action { display: inline-flex !important; align-items: center !important; gap: 5px !important; height: 34px !important; min-height: 34px !important; padding: 0 12px !important; line-height: 1 !important; box-sizing: border-box !important; }
/* END KOC GRUBU KARTI v3 */


/* =====================================================================
   KOC KREDI SURESI CIPI v1 - koc girisi sag ust: kalan kredi + kalan gun
   Views/Shared/_Layout.cshtml · Services/CoachSubscriptionService.cs
   ===================================================================== */
html body.akx-shell .akx-app.akx-app .akx-topbar .akx-sub-chip {
  display: inline-flex !important; align-items: center !important; gap: 10px !important;
  height: 36px !important; padding: 0 14px !important; margin-right: 6px !important;
  border: 1px solid #DDE5F0 !important; border-radius: 999px !important; background: #FFFFFF !important;
  color: #475569 !important; font-size: 12.5px !important; font-weight: 500 !important; text-decoration: none !important; white-space: nowrap !important;
  transition: border-color .15s ease, background-color .15s ease !important;
}
html body.akx-shell .akx-app.akx-app .akx-topbar .akx-sub-chip:hover { border-color: #C3D0E6 !important; background: #F8FAFD !important; }
html body.akx-shell .akx-app.akx-app .akx-topbar .akx-sub-chip:focus-visible { outline: 2px solid #9FB6EE !important; outline-offset: 2px !important; }
html body.akx-shell .akx-app.akx-app .akx-topbar .akx-sub-item { display: inline-flex !important; align-items: center !important; gap: 5px !important; }
html body.akx-shell .akx-app.akx-app .akx-topbar .akx-sub-item i { font-size: 13px !important; color: #3F5E96 !important; }
html body.akx-shell .akx-app.akx-app .akx-topbar .akx-sub-item b { font-weight: 700 !important; color: #172A55 !important; font-variant-numeric: tabular-nums !important; }
html body.akx-shell .akx-app.akx-app .akx-topbar .akx-sub-sep { width: 1px !important; height: 16px !important; background: #DDE5F0 !important; }
html body.akx-shell .akx-app.akx-app .akx-topbar .akx-sub-chip.is-warn { border-color: #F3D19C !important; background: #FFF9EF !important; }
html body.akx-shell .akx-app.akx-app .akx-topbar .akx-sub-chip.is-warn .akx-sub-item i, html body.akx-shell .akx-app.akx-app .akx-topbar .akx-sub-chip.is-warn .akx-sub-item b { color: #A4620B !important; }
html body.akx-shell .akx-app.akx-app .akx-topbar .akx-sub-chip.is-expired { border-color: #F1B8B8 !important; background: #FDF1F1 !important; color: #B42323 !important; }
html body.akx-shell .akx-app.akx-app .akx-topbar .akx-sub-chip.is-expired .akx-sub-item i, html body.akx-shell .akx-app.akx-app .akx-topbar .akx-sub-chip.is-expired .akx-sub-item b { color: #B42323 !important; }
@media (max-width: 640px) {
  html body.akx-shell .akx-app.akx-app .akx-topbar .akx-sub-chip { height: 32px !important; padding: 0 10px !important; gap: 7px !important; font-size: 11.5px !important; }
}
/* END KOC KREDI SURESI CIPI v1 */


/* =====================================================================
   YENI YILA TOPLU AKTARIM v1 - Views/Students/Transfer.cshtml (#yeni-yil)
   ===================================================================== */
body .akx-app .akx-content .ym-card .ym-toolbar { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 10px !important; margin: 14px 0 12px !important; }
body .akx-app .akx-content .ym-card .ym-search {
  display: inline-flex !important; align-items: center !important; gap: 8px !important; flex: 1 1 240px !important; min-width: 200px !important;
  height: 38px !important; padding: 0 12px !important; border: 1px solid #DDE3EC !important; border-radius: 10px !important; background: #FFFFFF !important; margin: 0 !important;
}
body .akx-app .akx-content .ym-card .ym-search i { color: #94A3B8 !important; }
body .akx-app .akx-content .ym-card .ym-search input { border: 0 !important; outline: 0 !important; background: transparent !important; width: 100% !important; font-size: 13.5px !important; }
body .akx-app .akx-content .ym-card .ym-search:focus-within { border-color: #9FB6EE !important; box-shadow: 0 0 0 3px rgba(63,94,150,.12) !important; }
body .akx-app .akx-content .ym-card .ym-coach, body .akx-app .akx-content .ym-card .ym-year { width: auto !important; min-width: 170px !important; height: 38px !important; border-radius: 10px !important; font-size: 13px !important; }
body .akx-app .akx-content .ym-card .ym-count { font-size: 13px !important; color: #64748B !important; white-space: nowrap !important; }
body .akx-app .akx-content .ym-card .ym-count b { color: #1E3A6E !important; font-variant-numeric: tabular-nums !important; }
body .akx-app .akx-content .ym-card .ym-submit { height: 38px !important; border-radius: 10px !important; white-space: nowrap !important; }
body .akx-app .akx-content .ym-card .ym-submit:disabled { opacity: .5 !important; cursor: not-allowed !important; }
body .akx-app .akx-content .ym-card .ym-table-wrap { max-height: 520px !important; overflow: auto !important; border: 1px solid #E6EBF2 !important; border-radius: 12px !important; }
body .akx-app .akx-content .ym-card .ym-table thead th {
  position: sticky !important; top: 0 !important; z-index: 1 !important; background: #F8FAFC !important;
  font-size: 11px !important; font-weight: 700 !important; letter-spacing: .05em !important; text-transform: uppercase !important; color: #64748B !important;
  border-bottom: 1px solid #E6EBF2 !important; padding: 10px 12px !important;
}
body .akx-app .akx-content .ym-card .ym-table td { padding: 9px 12px !important; font-size: 13px !important; color: #334155 !important; border-color: #EEF2F7 !important; }
body .akx-app .akx-content .ym-card .ym-table td strong { display: block !important; font-weight: 600 !important; color: #172A55 !important; }
body .akx-app .akx-content .ym-card .ym-table td small { display: block !important; font-size: 11.5px !important; color: #94A3B8 !important; }
body .akx-app .akx-content .ym-card .ym-table .ym-check { width: 40px !important; }
body .akx-app .akx-content .ym-card .ym-table .form-check-input { width: 17px !important; height: 17px !important; margin: 0 !important; cursor: pointer !important; }
body .akx-app .akx-content .ym-card .ym-table tr:has(.form-check-input:checked) td { background: #F2F6FD !important; }
@media (max-width: 720px) {
  body .akx-app .akx-content .ym-card .ym-coach, body .akx-app .akx-content .ym-card .ym-year, body .akx-app .akx-content .ym-card .ym-submit { flex: 1 1 100% !important; }
}
body .akx-app .akx-content .ym-card .ym-table td .ym-closed { display: inline-block !important; margin-top: 3px !important; padding: 1px 8px !important; border-radius: 999px !important; background: #FFF4E5 !important; border: 1px solid #F5D3A4 !important; color: #A4620B !important; font-size: 11px !important; font-weight: 600 !important; }
body .akx-app .akx-content .ym-card .ym-table td .ym-never { display: inline-block !important; padding: 1px 8px !important; border-radius: 999px !important; background: #F1F3F7 !important; border: 1px solid #DDE3EC !important; color: #5E6B7E !important; font-size: 11px !important; font-weight: 600 !important; }
body .akx-app .akx-content .ym-card .ym-table td .ym-muted { color: #94A3B8 !important; }
body .akx-app .akx-content .ym-card .ym-table td span + small, body .akx-app .akx-content .ym-card .ym-table td .ym-closed + small { display: block !important; margin-top: 2px !important; }
body .akx-app .akx-content .ym-card .ym-toolbar-act { margin-top: 0 !important; padding-top: 10px !important; border-top: 1px dashed #E3E9F3 !important; }
body .akx-app .akx-content .ym-card .ym-table td .ym-state { display: inline-block !important; padding: 1px 8px !important; border-radius: 999px !important; font-size: 11px !important; font-weight: 600 !important; }
body .akx-app .akx-content .ym-card .ym-table td .ym-state.is-old { background: #EEF3FC !important; border: 1px solid #D3DDF1 !important; color: #2D4F8F !important; }
body .akx-app .akx-content .ym-card .ym-table td .ym-state.is-noyear { background: #F3F0FB !important; border: 1px solid #DDD3F2 !important; color: #5B4A8A !important; }
/* END YENI YILA TOPLU AKTARIM v1 */


/* =====================================================================
   OGRENCI AKTARIMI KURUMSAL v1 - Views/Students/Transfer.cshtml (.tx-page)
   Lacivert kurumsal palet; ozet kutulari, ferah tablo, secimde beliren islem cubugu.
   ===================================================================== */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page {
  --tx-navy: #152A52; --tx-ink: #1B2433; --tx-slate: #5B6779; --tx-mute: #8A95A6;
  --tx-line: #E4E9F0; --tx-soft: #F6F8FB; --tx-accent: #2F4C86; --tx-accent-soft: #EDF2FA;
  display: flex !important; flex-direction: column !important; gap: 18px !important;
  max-width: 1320px !important; margin: 0 auto !important; padding-bottom: 96px !important;
  color: var(--tx-ink) !important; font-variant-numeric: tabular-nums !important;
}

/* Baslik + ozet kutulari */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-head {
  display: flex !important; align-items: flex-end !important; justify-content: space-between !important; gap: 24px !important; flex-wrap: wrap !important;
  padding: 26px 28px !important; border-radius: 18px !important;
  background: linear-gradient(135deg, #152A52 0%, #1F3B6E 100%) !important; color: #FFFFFF !important;
  box-shadow: 0 10px 30px rgba(21, 42, 82, .18) !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-head-text { max-width: 620px !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-eyebrow { display: block !important; font-size: 11.5px !important; font-weight: 600 !important; letter-spacing: .08em !important; text-transform: uppercase !important; color: #A9BDE3 !important; margin-bottom: 8px !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-head h1 { margin: 0 0 6px !important; font-size: 26px !important; line-height: 1.2 !important; font-weight: 700 !important; letter-spacing: -.01em !important; color: #FFFFFF !important; text-wrap: balance !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-head p { margin: 0 !important; font-size: 13.5px !important; line-height: 1.55 !important; color: #C9D6EE !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-stats { display: grid !important; grid-template-columns: repeat(4, minmax(118px, 1fr)) !important; gap: 10px !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-stat {
  display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 6px !important;
  padding: 12px 14px !important; border-radius: 12px !important; text-align: left !important; cursor: pointer !important;
  background: rgba(255,255,255,.07) !important; border: 1px solid rgba(255,255,255,.14) !important; color: #FFFFFF !important;
  transition: background-color .15s ease, border-color .15s ease !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-stat:hover { background: rgba(255,255,255,.12) !important; border-color: rgba(255,255,255,.26) !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-stat.is-on { background: #FFFFFF !important; border-color: #FFFFFF !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-stat.is-on .tx-stat-label { color: var(--tx-slate) !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-stat.is-on b { color: var(--tx-navy) !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-stat:focus-visible { outline: 2px solid #A9BDE3 !important; outline-offset: 2px !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-stat-label { font-size: 11.5px !important; font-weight: 500 !important; color: #C9D6EE !important; white-space: nowrap !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-stat b { font-size: 24px !important; line-height: 1 !important; font-weight: 700 !important; color: #FFFFFF !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-stat.is-warn b { color: #FFD591 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-stat.is-warn.is-on b { color: #B06A0A !important; }

/* Uyarilar */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-alert { display: flex !important; align-items: flex-start !important; gap: 10px !important; padding: 12px 16px !important; border-radius: 12px !important; font-size: 13.5px !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-alert.is-ok { background: #ECF8F1 !important; border: 1px solid #BFE5CF !important; color: #17663A !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-alert.is-err { background: #FDF1F1 !important; border: 1px solid #F2C4C4 !important; color: #9B2626 !important; }

/* Kartlar */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-card { background: #FFFFFF !important; border: 1px solid var(--tx-line) !important; border-radius: 16px !important; box-shadow: 0 1px 2px rgba(22,34,60,.04), 0 8px 24px rgba(22,34,60,.05) !important; overflow: hidden !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-card-head { display: flex !important; align-items: flex-start !important; justify-content: space-between !important; gap: 16px !important; padding: 20px 24px 16px !important; border-bottom: 1px solid var(--tx-line) !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-card-head h2 { margin: 0 0 4px !important; font-size: 17px !important; font-weight: 700 !important; color: var(--tx-navy) !important; letter-spacing: -.005em !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-card-head p { margin: 0 !important; font-size: 13px !important; color: var(--tx-slate) !important; max-width: 70ch !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-total { flex: 0 0 auto !important; padding: 6px 12px !important; border-radius: 999px !important; background: var(--tx-accent-soft) !important; color: var(--tx-accent) !important; font-size: 12.5px !important; font-weight: 600 !important; white-space: nowrap !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-total b { font-weight: 700 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-empty { display: flex !important; align-items: center !important; gap: 12px !important; padding: 22px 24px !important; color: var(--tx-slate) !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-empty i { font-size: 22px !important; color: #1F9D55 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-empty strong { display: block !important; color: var(--tx-ink) !important; font-size: 14px !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-empty span { font-size: 13px !important; }

/* Suzgecler */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-filters { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 10px !important; padding: 14px 24px !important; background: var(--tx-soft) !important; border-bottom: 1px solid var(--tx-line) !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-search {
  display: inline-flex !important; align-items: center !important; gap: 8px !important; flex: 1 1 260px !important; min-width: 220px !important; margin: 0 !important;
  height: 38px !important; padding: 0 12px !important; border: 1px solid var(--tx-line) !important; border-radius: 10px !important; background: #FFFFFF !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-search i { color: var(--tx-mute) !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-search input { border: 0 !important; outline: 0 !important; background: transparent !important; width: 100% !important; font-size: 13.5px !important; color: var(--tx-ink) !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-search:focus-within { border-color: #9FB2DA !important; box-shadow: 0 0 0 3px rgba(47,76,134,.12) !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-select { height: 38px !important; min-width: 180px !important; border: 1px solid var(--tx-line) !important; border-radius: 10px !important; font-size: 13px !important; color: var(--tx-ink) !important; background-color: #FFFFFF !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-select:focus { border-color: #9FB2DA !important; box-shadow: 0 0 0 3px rgba(47,76,134,.12) !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-seg { display: inline-flex !important; flex-wrap: wrap !important; gap: 2px !important; padding: 3px !important; border: 1px solid var(--tx-line) !important; border-radius: 10px !important; background: #FFFFFF !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-seg button {
  display: inline-flex !important; align-items: center !important; gap: 6px !important; height: 30px !important; padding: 0 11px !important;
  border: 0 !important; border-radius: 7px !important; background: transparent !important; color: var(--tx-slate) !important; font-size: 12.5px !important; font-weight: 600 !important; cursor: pointer !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-seg button em { font-style: normal !important; font-weight: 700 !important; color: var(--tx-mute) !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-seg button:hover { background: var(--tx-soft) !important; color: var(--tx-ink) !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-seg button.is-on { background: var(--tx-navy) !important; color: #FFFFFF !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-seg button.is-on em { color: #A9BDE3 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-seg button:focus-visible { outline: 2px solid #9FB2DA !important; outline-offset: 1px !important; }

/* Tablo */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-table-wrap { max-height: 560px !important; overflow: auto !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-table { width: 100% !important; border-collapse: separate !important; border-spacing: 0 !important; margin: 0 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-table thead th {
  position: sticky !important; top: 0 !important; z-index: 1 !important; background: #FFFFFF !important;
  padding: 11px 16px !important; border-bottom: 1px solid var(--tx-line) !important; text-align: left !important;
  font-size: 11px !important; font-weight: 700 !important; letter-spacing: .06em !important; text-transform: uppercase !important; color: var(--tx-mute) !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-table tbody td { padding: 11px 16px !important; border-bottom: 1px solid #EEF2F6 !important; font-size: 13px !important; color: var(--tx-ink) !important; vertical-align: middle !important; background: #FFFFFF !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-table tbody tr { cursor: pointer !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-table tbody tr:hover td { background: #FAFBFD !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-table tbody tr:has(.form-check-input:checked) td { background: #F1F5FC !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-table tbody tr:last-child td { border-bottom: 0 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-col-check { width: 44px !important; padding-left: 24px !important; padding-right: 4px !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-table .form-check-input { width: 17px !important; height: 17px !important; margin: 0 !important; cursor: pointer !important; border-color: #C3CCDA !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-table .form-check-input:checked, html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-table .form-check-input:indeterminate { background-color: var(--tx-accent) !important; border-color: var(--tx-accent) !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-person { display: flex !important; align-items: center !important; gap: 11px !important; min-width: 0 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-avatar {
  flex: 0 0 34px !important; width: 34px !important; height: 34px !important; border-radius: 50% !important;
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
  background: var(--tx-accent-soft) !important; color: var(--tx-accent) !important; font-size: 12px !important; font-weight: 700 !important; letter-spacing: .02em !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-person-meta { display: flex !important; flex-direction: column !important; min-width: 0 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-person-meta b { font-weight: 600 !important; color: var(--tx-ink) !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-person-meta small { font-size: 12px !important; color: var(--tx-mute) !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-class { color: var(--tx-slate) !important; white-space: nowrap !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-coach { font-weight: 500 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-dim { color: var(--tx-mute) !important; font-weight: 400 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-pill { display: inline-flex !important; align-items: center !important; gap: 6px !important; height: 24px !important; padding: 0 10px !important; border-radius: 999px !important; font-size: 11.5px !important; font-weight: 600 !important; white-space: nowrap !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-pill i { width: 6px !important; height: 6px !important; border-radius: 50% !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-pill.is-old { background: #EDF2FA !important; color: #2F4C86 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-pill.is-old i { background: #2F4C86 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-pill.is-noyear { background: #F1EFFA !important; color: #56468C !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-pill.is-noyear i { background: #7A66BF !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-pill.is-closed { background: #FFF4E3 !important; color: #9A5A06 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-pill.is-closed i { background: #E0922A !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-pill.is-never { background: #F1F3F6 !important; color: #5B6779 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-pill.is-never i { background: #A1ABB9 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-when { display: block !important; margin-top: 3px !important; font-size: 11.5px !important; color: var(--tx-mute) !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-noresult { padding: 28px 24px !important; text-align: center !important; color: var(--tx-mute) !important; font-size: 13px !important; }

/* Islem cubugu (secim yapilinca belirir, altta sabit) */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-actionbar {
  position: sticky !important; bottom: 12px !important; z-index: 5 !important;
  display: flex !important; align-items: center !important; flex-wrap: wrap !important; gap: 14px !important;
  margin: 12px 16px 16px !important; padding: 12px 14px 12px 18px !important; border-radius: 14px !important;
  background: var(--tx-navy) !important; color: #FFFFFF !important; box-shadow: 0 12px 32px rgba(21,42,82,.28) !important;
  opacity: .55 !important; transition: opacity .18s ease, transform .18s ease !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-actionbar.has-selection { opacity: 1 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-selected { margin-right: auto !important; font-size: 13.5px !important; color: #C9D6EE !important; white-space: nowrap !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-selected b { font-size: 16px !important; color: #FFFFFF !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-action-fields { display: flex !important; flex-wrap: wrap !important; gap: 10px !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-action-fields label { display: flex !important; align-items: center !important; gap: 8px !important; margin: 0 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-action-fields label > span { font-size: 12px !important; font-weight: 600 !important; color: #A9BDE3 !important; white-space: nowrap !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-actionbar .tx-select { min-width: 200px !important; height: 36px !important; border-color: rgba(255,255,255,.18) !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-btn-primary {
  display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 7px !important;
  height: 38px !important; padding: 0 18px !important; border: 0 !important; border-radius: 10px !important;
  background: #FFFFFF !important; color: var(--tx-navy) !important; font-size: 13.5px !important; font-weight: 700 !important; white-space: nowrap !important; cursor: pointer !important;
  transition: background-color .15s ease, transform .15s ease !important;
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-btn-primary:hover:not(:disabled) { background: #E9EFFA !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-btn-primary:disabled { opacity: .5 !important; cursor: not-allowed !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-btn-primary:focus-visible { outline: 2px solid #A9BDE3 !important; outline-offset: 2px !important; }

/* Tek ogrenci aktarimi */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-single { display: flex !important; flex-wrap: wrap !important; align-items: flex-end !important; gap: 14px !important; padding: 18px 24px 22px !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-field { display: flex !important; flex-direction: column !important; gap: 6px !important; flex: 1 1 220px !important; margin: 0 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-field-sm { flex: 0 1 180px !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-field > span { font-size: 11.5px !important; font-weight: 700 !important; letter-spacing: .05em !important; text-transform: uppercase !important; color: var(--tx-mute) !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-field .tx-select { width: 100% !important; min-width: 0 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-arrow { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 32px !important; height: 38px !important; color: var(--tx-mute) !important; font-size: 16px !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-single .tx-btn-primary { background: var(--tx-navy) !important; color: #FFFFFF !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-single .tx-btn-primary:hover { background: #1F3B6E !important; }

@media (max-width: 1100px) {
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-stats { grid-template-columns: repeat(2, minmax(120px, 1fr)) !important; width: 100% !important; }
}
@media (max-width: 720px) {
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-head { padding: 20px !important; }
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-card-head, html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-filters, html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-single { padding-left: 16px !important; padding-right: 16px !important; }
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-actionbar .tx-select { min-width: 0 !important; width: 100% !important; }
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-action-fields, html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-action-fields label { width: 100% !important; }
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-arrow { display: none !important; }
}
@media (prefers-reduced-motion: reduce) {
  html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-actionbar, html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-stat, html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-btn-primary { transition: none !important; }
}
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-filters .tx-select, html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-action-fields .tx-select { width: auto !important; flex: 0 0 auto !important; max-width: 280px !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-filters .tx-search { flex: 1 1 260px !important; width: auto !important; }
/* Islem cubugu: pano (lacivert) renginden ayrik, acik kurumsal ton */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-actionbar { background: #F7F9FC !important; color: #1B2433 !important; border: 1px solid #DCE3EE !important; box-shadow: 0 -1px 0 rgba(22,34,60,.02), 0 10px 26px rgba(22,34,60,.10) !important; opacity: 1 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-actionbar.has-selection { background: #FFFFFF !important; border-color: #C9D5EA !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-selected { color: #5B6779 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-selected b { color: #152A52 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-action-fields label > span { color: #8A95A6 !important; text-transform: uppercase !important; letter-spacing: .05em !important; font-size: 11px !important; font-weight: 700 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-actionbar .tx-select { border-color: #DCE3EE !important; background-color: #FFFFFF !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-actionbar .tx-btn-primary { background: #2F4C86 !important; color: #FFFFFF !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-actionbar .tx-btn-primary:hover:not(:disabled) { background: #243D6E !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-actionbar .tx-btn-primary:focus-visible { outline-color: #9FB2DA !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-card-single .tx-btn-primary { background: #2F4C86 !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-card-single .tx-btn-primary:hover { background: #243D6E !important; }
/* Islem satiri aramanin altinda: kartin icinde sade bir satir */
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-actionbar { position: static !important; margin: 0 !important; padding: 12px 24px !important; border-radius: 0 !important; border: 0 !important; border-bottom: 1px solid #E4E9F0 !important; box-shadow: none !important; background: #FFFFFF !important; }
html body.akx-shell .akx-app.akx-app .akx-content.akx-content .tx-page .tx-actionbar.has-selection { background: #F3F6FC !important; border-bottom-color: #D5DEEE !important; }
/* END OGRENCI AKTARIMI KURUMSAL v1 */